Probleme de bouton (javascript)
Résolu
takumi
-
donuts08 Messages postés 523 Statut Membre -
donuts08 Messages postés 523 Statut Membre -
Bonjour,
Voila j'ai un probleme des boutons, j'en ai installé un sur mon site il marchais tres bien, pour des besoins j'en ai mis un deuxieme et mtn les overmouse il ne marche plus et je sais pas pourquoi (alors que qu'en j'en enleve un des deux ca marche tres bien)
Voila le code du head
<script type="text/javascript"> <!--
var deconnectiononimg = new Image ();
var deconnectionoffimg = new Image ();
var optiononimg = new Image ();
var optionoffimg = new Image ();
deconnectiononimg.src = 'bouton/deconnection_1.png';
deconnectionoffimg.src = 'bouton/deconnection_0.png';
optiononimg.src = 'bouton/option_1.png';
optionoffimg.src = 'bouton/option_0.png';
// --></script>
Voila le code du body
<div id="deconnection">
<a href="" onmouseover="document.buttonimg.src=eval('deconnectiononimg.src')" onmouseout="document.buttonimg.src=eval('deconnectionoffimg.src')"><img src="bouton/deconnection_0.png" name="buttonimg" alt="Déconnection" width="120" height="30" border="0"></a>
</div>
<div id="option">
<a href="" onmouseover="document.buttonimg.src=eval('optiononimg.src')" onmouseout="document.buttonimg.src=eval('optionoffimg.src')"><img src="bouton/option_0.png" name="buttonimg" alt="Déconnection" width="80" height="30" border="0"></a>
</div>
Donc voila quelqu'un saurai comment faire?
Merci
Voila j'ai un probleme des boutons, j'en ai installé un sur mon site il marchais tres bien, pour des besoins j'en ai mis un deuxieme et mtn les overmouse il ne marche plus et je sais pas pourquoi (alors que qu'en j'en enleve un des deux ca marche tres bien)
Voila le code du head
<script type="text/javascript"> <!--
var deconnectiononimg = new Image ();
var deconnectionoffimg = new Image ();
var optiononimg = new Image ();
var optionoffimg = new Image ();
deconnectiononimg.src = 'bouton/deconnection_1.png';
deconnectionoffimg.src = 'bouton/deconnection_0.png';
optiononimg.src = 'bouton/option_1.png';
optionoffimg.src = 'bouton/option_0.png';
// --></script>
Voila le code du body
<div id="deconnection">
<a href="" onmouseover="document.buttonimg.src=eval('deconnectiononimg.src')" onmouseout="document.buttonimg.src=eval('deconnectionoffimg.src')"><img src="bouton/deconnection_0.png" name="buttonimg" alt="Déconnection" width="120" height="30" border="0"></a>
</div>
<div id="option">
<a href="" onmouseover="document.buttonimg.src=eval('optiononimg.src')" onmouseout="document.buttonimg.src=eval('optionoffimg.src')"><img src="bouton/option_0.png" name="buttonimg" alt="Déconnection" width="80" height="30" border="0"></a>
</div>
Donc voila quelqu'un saurai comment faire?
Merci
Configuration: Windows Vista Firefox 3.0.2
10 réponses
-
bonjour, comme ça ^^
un conseil, faut pas écrire des choses qu'on comprend pas!
<script type="text/javascript"> <!--
var deconnectiononimg = new Image ();
var deconnectionoffimg = new Image ();
var optiononimg = new Image ();
var optionoffimg = new Image ();
deconnectiononimg.src = 'bouton/deconnection_1.png';
deconnectionoffimg.src = 'bouton/deconnection_0.png';
optiononimg.src = 'bouton/option_1.png';
optionoffimg.src = 'bouton/option_0.png';
// --></script>
Voila le code du body
<div id="deconnection">
<a href="" onmouseover="document.buttonimg1.src=eval('deconnectiononimg.src')" onmouseout="document.buttonimg1.src=eval('deconnectionoffimg.src')"><img src="bouton/deconnection_0.png" name="buttonimg1" alt="Déconnection" width="120" height="30" border="0"></a>
</div>
<div id="option">
<a href="" onmouseover="document.buttonimg2.src=eval('optiononimg.src')" onmouseout="document.buttonimg2.src=eval('optionoffimg.src')"><img src="bouton/option_0.png" name="buttonimg2" alt="Déconnection" width="80" height="30" border="0"></a>
</div> -
Je ne suis pas sûr de moi, j'ai la flemme de tester en fait, mais est-tu sûr des cotes : eval('deconnectiononimg.src') là par exemple ? ...vu que c'est une variable (enfin... un attribut d'un objet pour ceux qui chipotent) je dirais qu'il faut eval(deconnectiononimg.src)
Mais peut-être que jdis une connerie il est tard :) -
oui il est tard! XD
j'ai édité mon message car j'ai dit des conneries aussi
EDIT: en effet les evals sont pas nécessaires normalement -
donuts08 je comprend tres bien le code que j'ai ecris c juste que j'ai voulu le doublé c tout et sa na pas marché voila on a le droit de debuté je pense non?
En tout cas merci je vois se que j'avais fait de mal c tout se que je voulais
++ -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
je me suis juste expliqué ^^ pas que tu pense que voila quoi je savais juste pas qu'il fallait mettre des num c'est tout.
j'avais jamais fait de js avant sa (si afficher des page, des bouton simple) mais la je veux le rendre un peu plus beau donc voila.
en tout cas merci et bonne fin de soirée ++ -
ok pas de soucis
parcontre un conseil encore, oui je sais je suis chiant ^^
essai de le faire avec du CSS, ça sera plus professionnel déjà, et surtout, ça prend beaucoup moins de code pour juste changer une image
le CSS c'est l'idéal et c'est essentiel pour faire de beaux sites -
mais j'ai deja du css mais pas pour les changement d'images t'aurai un ti script a me montré stp juste pour voir?
-
oui attends je te concocte ça de suite ^^
voilà, j'ai été un peu long:
<style type="text/css">
a.img2 div {
background-image: url(option_1.jpg);
width: 100px;
height: 50px;
}
a.img2:hover div {
background-image: url(option_0.jpg);
}
a.img1 div {
background-image: url(deconnection_1.jpg);
width: 100px;
height: 50px;
}
a.img1:hover div {
background-image: url(deconnection_0.jpg);
}
</style>
<div id="deconnection">
<a href="" class="img1"><div>Déconnection</div></a>
</div>
<div id="option">
<a href="" class="img2"><div>Option</div></a>
</div>
-
Cool merci bien je vais prendre cela et un peu plus travaillé avec du css.
Bonne fin de soirée et encore merci ++ -
ok, je t'avoue qu'il y a quand même un problème avec cette technique, c'est qu'il n'y a plus l'attribut "alt" qui permet d'afficher un texte en cas de non chargement d'image, donc ton bouton n'apparaitrait pas =/ mais il doit bien y avoir quelque chose sur le web pour corriger ça ^^
aller bonne prog et vive CCM!
