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

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

Marsh Posté le 28-11-2001 à 15:26:49    

Partie HTML:

Code :
  1. <form action="blabla.asp" method=post name="formu">
  2. <input type=text...>
  3. <input type=text...>
  4. <input type="image" src="img.jpg" name=myimage>
  5. </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?


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Marsh Posté le 28-11-2001 à 15:26:49   

Reply

Marsh Posté le 28-11-2001 à 16:55:01    

et ho!!
SVP!!
 
up :)


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Marsh Posté le 28-11-2001 à 17:36:43    

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.

Reply

Marsh Posté le 28-11-2001 à 17:50:43    

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...


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Marsh Posté le 28-11-2001 à 18:07:40    

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]

Reply

Marsh Posté le 29-11-2001 à 13:26:22    

youdontcare a écrit a écrit :

1 - www.w3.org , regarder DOM.  




 
 :hello:  merci :)
 
sinon pour le rollover du <input image>:

Code :
  1. <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...


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Marsh Posté le 29-11-2001 à 14:30:08    

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

Reply

Marsh Posté le 04-12-2001 à 13:14:03    

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!


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed