DOM addEventListener

DOM addEventListener - HTML/CSS - Programmation

Marsh Posté le 08-03-2005 à 15:24:18    

Coucou me revoila ! lol
 
j'avais un peu arrêté de coder pendant quelques temps et me revoila... toujours avec mes histoires à dormir debout... evidement !
 
Pour cette fois je reviens avec mon probleme de fonctions DOM, et mon addEventListener...
ya du mieux !! mais c pas encore gagné !
 
 
un peu de code pour commencer :

Code :
  1. function AffichePalette(nom,div,champ)
  2. {
  4. var hex_array=["00","33","66","99","AA","CC","EE","FF"];
  5. var d="Choisissez votre couleur \n";
  6. var doc=document.getElementById(div);
  7. element0=document.createTextNode(d);
  8. doc.appendChild(element0);
  10. for(red in hex_array)
  11. {
  14.  element1=document.createElement("div" );
  15.  doc.appendChild(element1);
  16.  element1.setAttribute("id", "coulrange"+ hex_array[red]);
  17.  element1.className= "coulrange";
  19.  element2=document.createElement("ul" );
  20.  element1.appendChild(element2);
  21.  element2.className = "colorlist";
  22.  element2.setAttribute("id", ""+nom+hex_array[red]+"" );
  25.  for(green in hex_array)
  26.  {
  27.     for(blue in hex_array)
  28.     {
  29.     var colorid=hex_array[red] + hex_array[green] + hex_array[blue];
  30.     element3=document.createElement("li" );
  31.     element2.appendChild(element3);
  32.     element3.style.backgroundColor="#"+ hex_array[red] + hex_array[green] + hex_array[blue];
  34.     element4=document.createElement("a" );
  35.     element3.appendChild(element4);
  36.     element4.setAttribute("href", "#" );
  37.     element4.setAttribute("id", ""+colorid+"" );
  39.     element5=document.createElement("img" );
  40.     element4.appendChild(element5);
  41.     element5.setAttribute("src", "dummy.gif" );
  42.     element5.setAttribute("alt",  hex_array[red] + hex_array[green] + hex_array[blue]);
  43.     element5.setAttribute("width", "10" );
  44.     element5.setAttribute("height", "10" );
  45.      if (document.addEventListener)
  46.      {
  47.       element5.addEventListener("click", function(){
  48.       ActionColor(hex_array[red] + hex_array[green] + hex_array[blue], nom,div,champ);
  49.       }, true);
  50.      }
  51.      else
  52.      {
  53.       element5.onclick = function(){
  54.       ActionColor(hex_array[red] + hex_array[green] + hex_array[blue], nom,div,champ);
  55.       }
  56.      }
  59.     }
  61.  }
  63. }
  64. }
  66. function ActionColor(couleur,nom,div,input)
  67. {
  69. document.getElementById(input).value = couleur;
  70. document.getElementById(nom).style.background='#'+couleur;
  71. toggleDisplay(div);
  72. }


 
... donc comme vous pouvez le constater.. je cherche à effectuer un addEventListener avec des parametres... j'ai donc fait des trucs genre :
 
element5.addEventListener("click", function(){
     ActionColor(hex_array[red] + hex_array[green] + hex_array[blue], nom,div,champ);
     }, true);
 
... ça a l'air de marcher ! (cool !) mais simplement il me met #FFFFFF quelle que soit la couleur que je sélectionne...
 
... j'en déduis que j'ai encore du louper un épisode... je suppose qu'il y a une erreur de sémantique quelquepart !
 
... si vous pouviez m'aider à capter mon prob
 
Merci d'avance...  :jap:


Message édité par freed102 le 08-03-2005 à 15:38:30
Reply

Marsh Posté le 08-03-2005 à 15:24:18   

Reply

Marsh Posté le 08-03-2005 à 15:28:01    

el = document.getElementById(nom);
el.setAttribute("style", "background-color:"+couleur+";" );
 
et sous cette forme ???
 
 


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 08-03-2005 à 15:32:00    

ouai... il faudrait que je refasse ma fonction ActionColor() ... certes !
 
mais dans mon cas je pense que le probleme vient plutot du addEventListener qui se trouve dans ma boucle dans la fonction AffichePalette...

Reply

Marsh Posté le 08-03-2005 à 15:38:55    

PS : j'ai re-edité le message car il manquait un bout de code ! :d

Reply

Marsh Posté le 08-03-2005 à 15:49:34    

uéé ...  
 
la var 'red' c'est quoi? elle vient d'ou ?
 
sur addEventListener tu mets juste le nom de la fonction !! tu ne la redeclares pas !
 
ce qui te donne
 
element5.addEventListener("click",ActionColor, false);
 
après .. dermerdes toi pour récuperer les arguments      


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 08-03-2005 à 15:51:57    

bah ouai mais voila... mon probleme est là lol !
 
mais ce que je comprends pas c que la valeur qui passe tout le temps c'est FFFFFF, c'est à dire la derniere valeur de ma boucle !
 
... je cherche à comprendre pourquoi !

Reply

Marsh Posté le 08-03-2005 à 15:53:16    

Freed, freed..... IFOCOP 2004 (php) ?
 
Z.

Reply

Marsh Posté le 08-03-2005 à 15:53:45    

...... Himself ! lol

Reply

Marsh Posté le 08-03-2005 à 15:54:13    

zamm, zamm ..... IFOCOP 2004 (php) ?


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 08-03-2005 à 15:56:45    

comment t'as deviné ?
 
Z.

Reply

Marsh Posté le 08-03-2005 à 15:56:45   

Reply

Marsh Posté le 08-03-2005 à 15:57:42    

et toi t qui Zamm, zamm... ?

Reply

Marsh Posté le 08-03-2005 à 16:01:41    

Et ben.... quelqu'un de ta promo !

Reply

Marsh Posté le 08-03-2005 à 16:02:25    

bah ça... je l'avais deviné ! :lol:
... mais lequel ?

Reply

Marsh Posté le 08-03-2005 à 16:03:32    

zamm a écrit :

Et ben.... quelqu'un de ta promo !


 
je vais essayer de deviner [:noxauror]
est-ce que tu as couché avec la prof de génie logiciel ? [:petrus75]


Message édité par simogeo le 08-03-2005 à 16:03:52

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 08-03-2005 à 16:05:58    

Pourquoi, t'as des infos là-dessus ? zut, je suis décourvert :-))
 
Z.

Reply

Marsh Posté le 08-03-2005 à 16:05:59    

simogeo a écrit :

je vais essayer de deviner [:noxauror]
est-ce que tu as couché avec la prof de génie logiciel ? [:petrus75]

 
 
:ouch: ... j'imagine même pas ! lol  

Reply

Marsh Posté le 08-03-2005 à 16:12:50    

Zamm.... tu es GRILLÉ(E) ? :lol:

Reply

Marsh Posté le 08-03-2005 à 16:14:38    

Disons que la mort par ashixie ne me tentais pas trop...
Z.

Reply

Marsh Posté le 08-03-2005 à 16:15:30    

j'imagine ! lol ! lis tes mails et dis moi si je me trompe !  :na:


Message édité par freed102 le 08-03-2005 à 16:16:19
Reply

Marsh Posté le 08-03-2005 à 16:19:41    

Aucun mail de toi, tu as dû te planter !
Tu as écris à qui ?

Reply

Marsh Posté le 08-03-2005 à 16:21:17    

au Webmaster d'un site que tu mentionnes dans un autre post pas tres loin de celui ci ! :lol:

Reply

Marsh Posté le 08-03-2005 à 16:24:28    

Ca aurait pu marcher.... mais la boîte est vide....

Reply

Marsh Posté le 08-03-2005 à 16:25:53    

Yepp... sorry, c'est arrivé...
Ah ah, petit malin !

Reply

Marsh Posté le 08-03-2005 à 16:26:03    

t'as pas un filtre antispam ? les 3/4 du temps mes mails partent dans les spams... forcement.. mon pseudo c'est FREED et dans FREED il y a FREE et ça doit etre un mot interdit

Reply

Marsh Posté le 08-03-2005 à 16:26:26    

héhé !!! donc je ne me suis pas gourré ! :lol:

Reply

Marsh Posté le 08-03-2005 à 16:27:04    

Bien vu l'artiste !
 
Le mieux c'est de continuer en dehors, non ?

Reply

Marsh Posté le 08-03-2005 à 16:27:43    

yess ! sans problem ;)

Reply

Marsh Posté le 08-03-2005 à 16:35:36    

Pour en revenir à mes moutons.. peut etre faut il que j'utilise des
captureEvents ???

Reply

Marsh Posté le 09-03-2005 à 16:18:01    

freed102 a écrit :

Pour en revenir à mes moutons.. peut etre faut il que j'utilise des
captureEvents ???


 
 [:kaio]

Reply

Marsh Posté le 10-03-2005 à 13:07:20    

c'est quoi cette syntaxe for(red in hex_array) :??:
 
je te demandais aussi d'ou venais tes var red  - blue - et green dans tes 'pseudo' boucles
 


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 10-03-2005 à 13:08:48    

c'est l'equivalent d'un foreach en php... hexarray c'est mon tableau avec mes valeurs hexadecimales et red, blue et green sont les "keys"

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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