begin process at 2012 05 29 09:52:02
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

image.src sur onclick()


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

image.src sur onclick()

jeudi 16 juillet 2009 à 12:10:18 | image.src sur onclick()

fabienfs

Membre Club Administrateur CodeS-SourceS


Bonjour,

J'ai créer un petit système d'onglet en javascript mais j'ai un petit soucis.
Je voudrais que lorsqu'on clique sur un de mes onglet, celui ci reste enfoncé. Et pour ce, lors du onclick sur l'onglet, je fait :

Code Javascript :
window.document.images['lenom'].src = "onglet_enfonce.jpg";


Cette fonction fonctionne très bien lors du chargement d'une page dans le onload.. mais sur l'événement onclick comme ci-dessus, il ne tiens pas compte du changement du src de mon image.

Une piste ? :D

Merci,
Bonne journée

A++

Fabien Schenkels (alias fabienfs)

jeudi 16 juillet 2009 à 13:02:27 | Re : image.src sur onclick()

leris



Salut,

essaie : this.src=

++

L.
pas glop !

jeudi 16 juillet 2009 à 13:04:45 | Re : image.src sur onclick()

Bul3

Membre Club

Bonjour,

Code HTML :

<img name="lenom" src="image1"
onclick="this.src ='image2';" />

si j'ai compris ton souci ?
Cordialement [mon Site] [M'écrire] Bul

vendredi 17 juillet 2009 à 11:00:29 | Re : image.src sur onclick()

fabienfs

Membre Club Administrateur CodeS-SourceS

Bonjour,

Malheureusement ca ne fonctionne pas. Peut-être à cause que mon image est entre des balises <a> ?

Mon code :

Code HTML :
<a href="javascript:void(0);" onClick="javascript:affiche(1);" onMouseOut="Player_swapImgRestore()" onMouseOver="Player_swapImage('btMusic','','images/btMusic.jpg',1)"><img src="images/btMusic_off.jpg" onClick="this.src='images/btMusic.jpg';" name="btMusic" name="btMusic" width="66" height="37" border="0"></a>


merci

A++

Fabien Schenkels (alias fabienfs)

vendredi 17 juillet 2009 à 11:18:30 | Re : image.src sur onclick()

Bul3

Membre Club


oulah....
un <a> avec href=javascript + onclick=javascript
qui contient une image avec un onclick=javascript
je ne saurais même pas dire qui fait quoi, comment,
et dans quel ordre !!!

faut faire simple
<a href="javascript:void( tous tes traitements ** );" ...
et pas de onclick !!!! >
<img src="ton image" et pas de onclick !!! /></a>

** et là tu peux changer this.innerHTML
qui = "<img src='ton image' />"

ce n'est qu'une possibilité, un exemple

pourquoi diable mettre un lien
si ce n'est pas pour appeler une page ?
tu pourrais jouer avec le css background-image.
ou autre....

vendredi 17 juillet 2009 à 11:29:44 | Re : image.src sur onclick()

Bul3

Membre Club

j'ai oublié de dire :
un lien (<a>) ça fait pour charger une page.
si rien n'est donné dans le href, ou si on
y met que du javascript, ça recharge la page
actuelle, sauf en faisant return false; ou
en utilisant void(...)

vendredi 17 juillet 2009 à 11:54:49 | Re : image.src sur onclick()

fabienfs

Membre Club Administrateur CodeS-SourceS


Comme tu m'as conseillé, j'ai enlever les balises <a>.

Voici mon code actuel :

Code HTML :
<img src="images/btMusic_off.jpg" style="cursor:pointer;" onClick="javascript:affiche(1);this.src='images/btMusic.jpg';" onMouseOut="Player_swapImgRestore()" onMouseOver="Player_swapImage('btMusic','','images/btMusic.jpg',1)" name="btMusic" name="btMusic" width="66" height="37" />


Mais ca ne marche toujours pas

A++

Fabien Schenkels (alias fabienfs)

vendredi 17 juillet 2009 à 12:05:30 | Re : image.src sur onclick()

Bul3

Membre Club

il y a peut-être des erreurs dans :
affiche(1);
Player_swapImage()
faut essayer sans
peut-être erreur dans le nom de l'image ?
images/btMusic.jpg

déjà, essayer :
<img src="images/btMusic_off.jpg"
onClick="this.src='images/btMusic.jpg';" />

et ( je vais devoir remettre en forme ! ) :


Chrome
contrôler page actuelle / Options pour développeurs /
Console Javascript
FireFox
Outils / Console d'erreurs
et mieux : télécharger FireBug
Internet Explorer
activer le deboggage : Outils/options Internet/Avancés
dans la liste, sous "Navigation" : décocher
o Afficher une notification de chaque erreur de script
o Désactiver le débogage de Scripts (Internet Explorer)
et mieux (pour IE < 8) : télécharger le Debogger IE
voir aussi : DebugBar et Companion JS
K-Meleon
Outils / Console d'erreurs
Opera
Outils / Avancé / Console d'erreurs
Safari
Debug / Show JavaScript Console
° modifier Fichier com.apple.Safari.plist situé dans le
répertoire : Support:\Documents and Settings\utilisateur
\Application Data\Apple Computer\Safari\Preferences\
y ajouter <key>IncludeDebugMenu</key>
<true/>





Cette discussion est classée dans : code, image, onglet, src, onclick


Répondre à ce message

Sujets en rapport avec ce message

Help rollover [ par MJ92 ] Bonjour,Je ne maitrise pas trop le JavaScript (en apprentissage) mais j'ai un code pour mon site qui me pose problème. J'essaye de mettre 2 rollovers Exécuter le code onclick d'une image dans une iframe [ par paratge ] Bonjour à tous.Je suis une vraie bille en javascript et je cherche désespérémment à exécuter le code onClick d'une image contenue dans une iframe qui ajouter du code javascript a une page asp.net [ par koukou6311 ] Salut tous le monde voilà,  je suis tombé sur ce code en javascript pour l'animation des images et j'ai essayé de l'implementer dans mon site sur visu Changer une image de référence d'une map [ par nulenC ] Bonjour, Je suis nouveau sur ce forum, donc si je n'ai pas inscrit ma demande dans la bonne rubrique, n'hésitez pas à la déplacer. [^^happy13] Reven Resize image CSS [ par begueradj ] Azul, J'aimerais, [color=red]en CSS,[/color] redimentionner mon image à ce qu'elle puisse prendre la même taille que le "id" où elle se trouve: une i débutant jquery probléme fermeture de popup avec effet [ par dareman ] bonsoir, j'essaie de fermer une popup contenant uniquement une image avec l'effet explode. mais hélas je n'y arrive pas, étant un programmeur débutant Problème evenement onclick [ par Nitrakz ] Bonjour, j'ai un problème avec un evenement: [code=js]onclick="window.open('\\SERV-WEB\test\6-structure.xlsx')"[/code] J'ai besoin de cet url exac Soucis onclick et ondblclick sur un div [ par moumouf ] Bonjour, J'ai un soucis apparement récurrent : (google donne pas mal de résultat, mais rien de bien adapté à mon cas). J'aimerai faire la distinctio onclick sur image et enregistrement fichier texte (php) [ par sly456328971 ] Bonjour, j'ai créé le script suivant qui lors du clic sur l'image par défaut m'affiche la seconde et vice versa : [code=js] var tab_image = new soucis de lien sur image [ par YouSsoliVan ] Bonjour, J ai un petit soucis avec le code javascript ci dessous, en fait, en cliquant sur le boutton "fermer", ceci annule les changements apportés


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,186 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales