Discussion :

[willyg28]

bonjour ,
voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
$(function()
{
$("form").submit(function()
	{
		$(this).children("button").children("img").attr("src","images/cancel_16.png");
                return flase;
});
});

partie HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<div>
<form>
<button>
<img src="images/add_16.png"/>
</button>
</form>
</div>

La partie en rouge et en gras ne fonctionne pas, je voudrais modifier la source de la balise image , contenu dans une balise button elle meme contenu dans un formulaire ( ici referencé par la valeur this)..
je ne vois pas pourquoi cela ne fonctionne pas ?

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).find("button img").attr("src","images/cancel_16.png");

mais pourquoi ne pas mettre directement un input type image ou un input type button avec une image en background ?

englober une balise image dans un button ...

[willyg28]

tout d abord merci de ta reponse, cela fonctionne tres bien..d ailleur peux tu m expliquer pourquoi ta solution fonctionne et pas la mienne ? j aimerai comprendre ..
ensuite, bonne question car j ai toujour effectué ainsi je ne savais pas que je pouvais autrement , je suis de niveau moyen (on peut dire ca comme ca ) en developpement web j ai donc beaucoup de choses a apprendre encore c est pourquoi je prend note de ta remarque et à l avenir essayerai de mettre en place ton principe

encore merci et une tres fin d apres midi a toi
willy

[SpaceFrog]

children retourne une collection ...

ceci devrait fonctionner

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
$(this).children("button:eq(0)").children("img:eq(0)").attr("src","images/cancel_16.png");

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$(this).children("button")[0].children("img")[0].attr("src","images/cancel_16.png");

[willyg28]

ok j y vois plus clair..je te remercie..
willy