Probleme avec le DOM

Probleme avec le DOM - HTML/CSS - Programmation

Marsh Posté le 18-05-2005 à 18:11:22    

Bonjour
 
Voici mon code :

Code :
  1. function roll_over_MouseOver(dossier, nom)
  2.  {
  3.  img2 = new Image;
  4.  img2.src = "images/"+ dossier + "/" + nom + "_1.gif";
  5.  var nom_complet = dossier + "_" + nom;
  6.  document.nom_complet.src = img2.src;
  7.  }


 
Alors la bien sur ca ne fonctionne pas !
 
Comment faire pour que dans la derniere ligne, la chaine "nom_complet" soit interpreté en tant que la variable définie juste au dessus ?
Je voulais mettre des guillemets mais ca provoque une erreur !
 
D'avance Merci
 
Antoine


---------------
Qui boit sans soif gerbe sans efforts !
Reply

Marsh Posté le 18-05-2005 à 18:11:22   

Reply

Marsh Posté le 18-05-2005 à 18:16:22    

regardes la fonction eval
un truc genre eval("document."+nom_complet+".src = img2.src; " )
 

Reply

Marsh Posté le 18-05-2005 à 19:12:08    

Erreur : document.nom_complet has no properties
Fichier Source : index.html
Ligne : 12


---------------
Qui boit sans soif gerbe sans efforts !
Reply

Marsh Posté le 18-05-2005 à 19:12:35    

marche pô :/
une autre idée ?


---------------
Qui boit sans soif gerbe sans efforts !
Reply

Marsh Posté le 18-05-2005 à 19:16:43    

bah utilise document.getElementById ou getElementsByTagName

Reply

Marsh Posté le 18-05-2005 à 19:19:45    

C bon j'ai reussi avec "eval"
 
document.eval(nom_complet).src = img1.src;
 
Merci fred_p


---------------
Qui boit sans soif gerbe sans efforts !
Reply

Marsh Posté le 18-05-2005 à 19:21:38    

C'est vraiment pas beau comme technique ... utilise les document.getElementBy*

Reply

Marsh Posté le 18-05-2005 à 19:41:26    

en effet c'est plus zolie :)


---------------
Qui boit sans soif gerbe sans efforts !
Reply

Marsh Posté le 18-05-2005 à 20:25:22    

completement d'accord. J'ai jsute repondu à sa question :D

Reply

Marsh Posté le 18-05-2005 à 20:48:01    

glsmougeot a écrit :

Bonjour
 
Voici mon code :

Code :
  1. function roll_over_MouseOver(dossier, nom)
  2.  {
  3.  img2 = new Image;
  4.  img2.src = "images/"+ dossier + "/" + nom + "_1.gif";
  5.  var nom_complet = dossier + "_" + nom;
  6.  document.nom_complet.src = img2.src;
  7.  }


 
Alors la bien sur ca ne fonctionne pas !
 
Comment faire pour que dans la derniere ligne, la chaine "nom_complet" soit interpreté en tant que la variable définie juste au dessus ?
Je voulais mettre des guillemets mais ca provoque une erreur !
 
D'avance Merci
 
Antoine


Juste pour savoir: il est où le DOM là dedans? [:mlc]
 
 
Accessoirement, on pourrait avoir un exemple d'utilisation? parce que l'utilisation du JS pour un rollover je suis pas convaincu


Message édité par masklinn le 18-05-2005 à 20:48:32

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 18-05-2005 à 20:48:01   

Reply

Marsh Posté le 18-05-2005 à 21:13:45    

bah la pseudo classe hover n'etant prise en compte que pour la balise <a> sous IE ... s'il veut un rollover qui fonctionne egalement pour IE peut etre qu'il n'a pas d'autre chois que le JS (encore que dans bien des cas CSS avec a:hover suffit)

Reply

Marsh Posté le 18-05-2005 à 21:49:01    

afbilou a écrit :

bah la pseudo classe hover n'etant prise en compte que pour la balise <a> sous IE ... s'il veut un rollover qui fonctionne egalement pour IE peut etre qu'il n'a pas d'autre chois que le JS (encore que dans bien des cas CSS avec a:hover suffit)


On peut faire ça largement plus proprement  [:spamafote]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 19-05-2005 à 09:31:43    

masklinn a écrit :

Juste pour savoir: il est où le DOM là dedans? [:mlc]
[...]


Peut-etre qu'il parlait de la DOM 0 (ou -1 :D).
 

masklinn a écrit :

On peut faire ça largement plus proprement  [:spamafote]


Je plussoie.


Message édité par cerel le 19-05-2005 à 09:32:13
Reply

Sujets relatifs:

Leave a Replay

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