Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1383 connectés 

  FORUM HardWare.fr
  Programmation

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°76309
Suri
Darksurious
Posté le 28-11-2001 à 15:26:49  profilanswer
 

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...
mood
Publicité
Posté le 28-11-2001 à 15:26:49  profilanswer
 

n°76331
Suri
Darksurious
Posté le 28-11-2001 à 16:55:01  profilanswer
 

et ho!!
SVP!!
 
up :)


---------------
Suri.morkitu.org : Balades au coeur de la ville...
n°76346
youdontcar​e
Posté le 28-11-2001 à 17:36:43  profilanswer
 

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.

n°76348
Suri
Darksurious
Posté le 28-11-2001 à 17:50:43  profilanswer
 

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...
n°76360
youdontcar​e
Posté le 28-11-2001 à 18:07:40  profilanswer
 

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]

n°76597
Suri
Darksurious
Posté le 29-11-2001 à 13:26:22  profilanswer
 

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...
n°76602
youdontcar​e
Posté le 29-11-2001 à 14:30:08  profilanswer
 

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

n°78010
Suri
Darksurious
Posté le 04-12-2001 à 13:14:03  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation

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

 

Sujets relatifs
[html] tableau + images + lien => le truc alakhon ! HELP WANTED !!FONCTION DAY EN JAVASCRIPT
[Javascript] comment désactiver un bouton?[javascript] window.close(); => p'tite question ??
Javascipt et image[HTML ou CSS] Comment specifier l'espace entre 2 lignes ?
[JavaScript] gestion des datesEn Java, simplement afficher une image, jpg ou gif dans une fenêtre??
[HTML] changer la couleur de la barre de défilement ?[DELPHI] qui est intéressé par mon parser HTML?
Plus de sujets relatifs à : [Javascript et un peu HTML] input type="image"....


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR