Probleme de bouton (javascript)
Résolu/Fermé
takumi
-
28 sept. 2008 à 23:15
donuts08 Messages postés 519 Date d'inscription dimanche 13 novembre 2005 Statut Membre Dernière intervention 15 octobre 2008 - 29 sept. 2008 à 00:48
donuts08 Messages postés 519 Date d'inscription dimanche 13 novembre 2005 Statut Membre Dernière intervention 15 octobre 2008 - 29 sept. 2008 à 00:48
A voir également:
- Probleme de bouton (javascript)
- Telecharger javascript - Télécharger - Langages
- Réinitialiser chromecast sans bouton - Guide
- Hard reset samsung sans bouton home - Guide
- Bug bouton volume xiaomi - Forum Xiaomi
- Bouton d'alimentation - Guide
10 réponses
donuts08
Messages postés
519
Date d'inscription
dimanche 13 novembre 2005
Statut
Membre
Dernière intervention
15 octobre 2008
39
28 sept. 2008 à 23:19
28 sept. 2008 à 23:19
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>
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>
bizu53
Messages postés
1274
Date d'inscription
samedi 30 août 2008
Statut
Membre
Dernière intervention
21 juin 2015
859
28 sept. 2008 à 23:20
28 sept. 2008 à 23:20
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 :)
Mais peut-être que jdis une connerie il est tard :)
donuts08
Messages postés
519
Date d'inscription
dimanche 13 novembre 2005
Statut
Membre
Dernière intervention
15 octobre 2008
39
28 sept. 2008 à 23:23
28 sept. 2008 à 23:23
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
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
++
En tout cas merci je vois se que j'avais fait de mal c tout se que je voulais
++
donuts08
Messages postés
519
Date d'inscription
dimanche 13 novembre 2005
Statut
Membre
Dernière intervention
15 octobre 2008
39
28 sept. 2008 à 23:46
28 sept. 2008 à 23:46
t'énerve pas je disais ça gentillement ^^ (je pensais que t'avais écrit les mêmes lignes en haut ^^ mais c'était avant de voir les mots "on" et "off" XD mais il est tard donc pardonne moi je ne vois plus trop clair à cette heure ^^)
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 ++
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 ++
donuts08
Messages postés
519
Date d'inscription
dimanche 13 novembre 2005
Statut
Membre
Dernière intervention
15 octobre 2008
39
29 sept. 2008 à 00:01
29 sept. 2008 à 00:01
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
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?
donuts08
Messages postés
519
Date d'inscription
dimanche 13 novembre 2005
Statut
Membre
Dernière intervention
15 octobre 2008
39
29 sept. 2008 à 00:06
29 sept. 2008 à 00:06
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>
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 ++
Bonne fin de soirée et encore merci ++
donuts08
Messages postés
519
Date d'inscription
dimanche 13 novembre 2005
Statut
Membre
Dernière intervention
15 octobre 2008
39
29 sept. 2008 à 00:48
29 sept. 2008 à 00:48
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!
aller bonne prog et vive CCM!
