[Javascript et un peu HTML] input type="image"....

Recherche :

Dernière réponse

Sujet : [Javascript et un peu HTML] input type="image"....

Suri

youdontcare a écrit a écrit :

:??: no comprendo ...

si tu veux faire quoi que ce soit, c'est possible en javascript. par contre je ne comprends pas ton problème ...

ouais mais c bon en fait!

Votre réponse

Nom d'utilisateur

Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !

Le ton de votre message

Votre réponse

Smilies

Liste des smilies perso
Wiki smilies
Chercher un smiley

Options

Activer votre signature
Désactiver les smilies
Activer la notification par email du sujet

Aperçu

Vous avez perdu votre mot de passe ?

Vue Rapide de la discussion

Suri

youdontcare a écrit a écrit :

:??: no comprendo ...

si tu veux faire quoi que ce soit, c'est possible en javascript. par contre je ne comprends pas ton problème ...

ouais mais c bon en fait!

youdontcare

:??: no comprendo ...

si tu veux faire quoi que ce soit, c'est possible en javascript. par contre je ne comprends pas ton problème ...

Suri

youdontcare a écrit a écrit :

1 - www.w3.org , regarder DOM.

:hello: merci :)

sinon pour le rollover du <input image>:

Code :

<INPUT type="image" name="search" border="0" src="/images/search_search_f.gif" width="108" height="20" onMouseOver="this.src='/images/search_search_n.gif'" onMouseOut="this.src='/images/search_search_f.gif'">

c le this qui marche... j'ai essyé plein d'autre truc (genre search.src...), ya que le this qui marche... voila

Par contre, c chiant paske pour mon reset ben je l'ai DMC je crois... vu que l'input image fait un submit... jvais voir si ca se change...

youdontcare

Suri a écrit a écrit :

:??: deux choses:
1- où on peut trouver les hierarchie pour les objets? c super utile en plus...
2- j'ai pas capte l'histoire de rollout() et rollover()...
la source de l'img il faut bien la mettre qquepart...

1 - www.w3.org , regarder DOM. tu as également d'excellents exemples dans la msdn pour voir la hiérarchie, créer des balises dynamiquement, afficher toutes leurs propriétés.

2 - ok, j'ai confondu rollover avec tooltip ... mais ça revient au même :D
la source de l'image, oui il faut bien la mettre qq part, tu la traites dans les fonctions rollOver() et rollOut() :

function rollOver(n)
{
n.src = 'imgover.jpg';
}

tu peux mettre le code directement dans la balise avec un truc genre onMouseOver="this.src = 'imgover.jpg'". perso je trouve ça dégueu, mais chacun ses goûts :D

[edtdd]--Message édité par youdontcare--[/edtdd]

Suri

youdontcare a écrit a écrit :

ouep, bizarre. dans ces cas-là, tu peux toujours t'en tirer en cherchant un peu dans la hiérarchie : formu.firstChild, formu.firstChild.nextSibling.nextSibling .... etc.

là, le plus simple est directement de tout traiter dans la balise :

<input type='image' onMouseOver='rollOver(this)' onMouseOut='rollOut(this)'>

rollOver() et rollOut() sont des fonctions à toi qui reçoivent la balise en paramètre.

:??: deux choses:
1- où on peut trouver les hierarchie pour les objets? c super utile en plus...
2- j'ai pas capte l'histoire de rollout() et rollover()...
la source de l'img il faut bien la mettre qquepart...

youdontcare

ouep, bizarre. dans ces cas-là, tu peux toujours t'en tirer en cherchant un peu dans la hiérarchie : formu.firstChild, formu.firstChild.nextSibling.nextSibling .... etc.

là, le plus simple est directement de tout traiter dans la balise :

<input type='image' onMouseOver='rollOver(this)' onMouseOut='rollOut(this)'>

rollOver() et rollOut() sont des fonctions à toi qui reçoivent la balise en paramètre.

Suri	et ho!! SVP!! up :)

Suri

Partie HTML:

Code :

<form action="blabla.asp" method=post name="formu">
<input type=text...>
<input type=text...>
<input type="image" src="img.jpg" name=myimage>
</FORM>

Bon le pb c que en javascript je voudrait faire un rollover sur le "input type=image"... pour cela logiquement, il suffit de changer le src par un chtit javascript... possible ou pas?
Le 2e pb c que en voulant recuperer ce src j'y arrive pas:
avec all.formu.elements[0] et [1].name me donnent les bons trucs, mais elements[2].name (l'input image) m'affiche rien..
et si je met un 4eme input= text par ex, et ben je choppe son nom avec elements[2]... clair :??:
Donc il semblerait que all.formu.elements[n] zappe les input de type image... ca m'arrange pas...

Des idees pour faire un roolover sur ce truc?