foreach en javascript

Recherche :

Mot : Pseudo : Filtrer
Page : 1 2 3 Page Suivante Page Précédente Bas de page
Auteur	Sujet : foreach en javascript

freed102

Arayashiki

J'avais cru voir que cette sorte de boucle existait en javascript mais visiblement c pas le cas... mais alors on fait comment pour utiliser les valeurs d'un tableau habituellement ???
je veux faire une tableau avec une serie de valeur (des codes hexadecimaux genre : Array("00","33","66","99","CC","FF" )
puis des boucles avec des document.write() pour afficher un tableau avec uen palette de couleurs .. je sais pas si c'est possible mais bon...

Publicité

FlorentG

C'est possible, mais ultra-lourdingue

freed102

Arayashiki

bah est ce que ce serait pas plus leger que d'afficher 256 lignes de HTML (sans compter les <tr> et </tr> ?
surtout que je dois l'afficher 4 fois (pour l'instant !)

FlorentG

C'est sûr

freed102

Arayashiki

pour faire un document.write() sur plusieurs lignes... on peut pas ?

freed102

Arayashiki

bouuuuuuh ! ça marche pas ma fonction!

http://clonecopy.net/php/ezdocs/

j'ai essayé un truc avec innerHTML mais ça marche pô !

cerel

Voila l'equivalent d'un foreach en JavaScript :

Citation :

var tmp = new Array();
tmp[]=1;
SyntaxError: syntax error
tmp[tmp.length]=1;
1
tmp[tmp.length]=1;
1
tmp[tmp.length]=1;
1
tmp[tmp.length]=1;
1
tmp[tmp.length]=1;
1
tmp[tmp.length]=1;
1
tmp[tmp.length]=1;
1
props(tmp);
Fields: 0, 1, 2, 3, 4, 5, 6
for(x in tmp) { print(x);}
// Ici on obtient les indices du tableau.
0
1
2
3
4
5
6
for(x in tmp) { print(tmp[x]);}
// Ici on affiche les differentes valeurs du tableau
1
1
1
1
1
1
1

Edit : Apres avoir vu ton code JS, je sais pourquoi ton innerHTML fonctionne pas...
innerHTML est une "propriete", elle "contient" le contenu du div. Donc quand tu veux ajouter du contenu, il faut l'ajouter. Or toi tu ne fais que "changer le contenu", mais tu ne l'ajoutes pas.
Faut faire un "+=" et non un "=" seul.

Message édité par cerel le 02-02-2005 à 13:12:18

FlorentG

Aussi, ta fonction "AffichePalette" est trop grosse. Au lieu de faire sur chaque ligne un "document.getElementById(div)", pourquoi ne fait-tu pas un :

Code :

var d = document.getElementById(div);
d.innerHTML += ...;
d.innerHTML += ...;

:??: Ca serait encore beaucoup plus léger et rapide. Là le pauvre navigateur doit faire à chaque ligne un getElementById, tu perd grave en performance. Et le mieux encore est de mettre tout ces scripts dans un fichier séparé pour bénéficier de la mise en cache du navigateur

Message édité par FlorentG le 02-02-2005 à 13:46:49

freed102

Arayashiki

bah j'ai tout mis dans un fichier séparé mais pour l'instant c'est un include en PHP ! donc ça ne peut pas se voir !

Sinon concernant ma page.. pour l'instant tout est valide en XHTML Strict 1.0 ... mais bon sur firefox je vois pas les backgrounds et j'ai des decalages avec mes div... et sur mac n'en parlons pas ! lol

je vais tenter de corriger le innerHTML avec ce que tu me dis !

freed102

Arayashiki

... on y est presque ! lol !

Publicité

freed102

Arayashiki

bah non en fait ça marche pas encore !

freed102

Arayashiki

FlorentG a écrit :

Aussi, ta fonction "AffichePalette" est trop grosse. Au lieu de faire sur chaque ligne un "document.getElementById(div)", pourquoi ne fait-tu pas un :

Code :

var d = document.getElementById(div);
d.innerHTML += ...;
d.innerHTML += ...;

bon bah ça fait planter IE !

j'ai fait ça :

Code :

function AffichePalette(nom,div,input)
{
var d=document.getElementById(div);
d.innerHTML="Choisissez votre couleur";
d.innerHTML+="<table>";
d.innerHTML+="<tr>";
d.innerHTML+="<td align=\"center\" valign=\"middle\">";
d.innerHTML+="<table>";
d.innerHTML+="<tr>";
d.innerHTML+="<td>";
d.innerHTML+="<table>";
d.innerHTML+="<tr>";
d.innerHTML+="<td width=\"10\" height=\"10\" bgcolor=\"#000000\"><a class=\"closeLink\" href=\"#\" onclick=\"document.form2."+input+".value='000000';document.getElementById("+nom+" ).style.background='#000000';d.innerHTML='';toggleDisplay("+div+" );\"><img src=\"dummy.gif\" alt=\"couleur\" width=\"10\" height=\"10\" /></a></td>";
d.innerHTML+="<td width=\"10\" height=\"10\" bgcolor=\"#000033\"><a class=\"closeLink\" href=\"#\" onclick=\"document.form2."+input+".value='000033';document.getElementById("+nom+" ).style.background='#000033';d.innerHTML='';toggleDisplay("+div+" );\"><img src=\"dummy.gif\" alt=\"couleur\" width=\"10\" height=\"10\" /></a></td>";
d.innerHTML+="<td width=\"10\" height=\"10\" bgcolor=\"#000066\"><a class=\"closeLink\" href=\"#\" onclick=\"document.form2."+input+".value='000066';document.getElementById("+nom+" ).style.background='#000066';d.innerHTML='';toggleDisplay("+div+" );\"><img src=\"dummy.gif\" alt=\"couleur\" width=\"10\" height=\"10\" /></a></td>";
d.innerHTML+="<td width=\"10\" height=\"10\" bgcolor=\"#000099\"><a class=\"closeLink\" href=\"#\" onclick=\"document.form2."+input+".value='000099';document.getElementById("+nom+" ).style.background='#000099';d.innerHTML='';toggleDisplay("+div+" );\"><img src=\"dummy.gif\" alt=\"couleur\" width=\"10\" height=\"10\" /></a></td>";
d.innerHTML+="<td width=\"10\" height=\"10\" bgcolor=\"#0000CC\"><a class=\"closeLink\" href=\"#\" onclick=\"document.form2."+input+".value='0000CC';document.getElementById("+nom+" ).style.background='#0000CC';d.innerHTML='';toggleDisplay("+div+" );\"><img src=\"dummy.gif\" alt=\"couleur\" width=\"10\" height=\"10\" /></a></td>";
d.innerHTML+="<td width=\"10\" height=\"10\" bgcolor=\"#0000FF\"><a class=\"closeLink\" href=\"#\" onclick=\"document.form2."+input+".value='0000FF';document.getElementById("+nom+" ).style.background='#0000FF';d.innerHTML='';toggleDisplay("+div+" );\"><img src=\"dummy.gif\" alt=\"couleur\" width=\"10\" height=\"10\" /></a></td>";
d.innerHTML+="</tr>";
[...]
}
mais ça marche pô !

FlorentG

Il fait planter IE de quelle manière ?

freed102

Arayashiki

bah ça ecrit en haut de la fenetre "ne reponds pas" et quand je veux fermer... ça plante

FlorentG

T'as pas fait de boucle bizarre ?

freed102

Arayashiki

bah ya plus de boucle là dans mes JS :

http://clonecopy.net/php/ezdocs/javascript.php

freed102

Arayashiki

bon j'ai toujours pas resolu mon petit soucy de couleurs.. ça plante mon IE ! et ça affiche que dalle ! lol!

pour info voici le code pour lancer la fonction :

Code :

<div id="couleurnom1" class="couleurselect" style="background-color:#<?php echo $couleurnom; ?>;">
<a href="#" onclick="toggleDisplay('coul1');AffichePalette('couleurnom1','coul1','couleurnom');" ><img src="dummy.gif" width="32" height="12" alt="Cliquez-ici pour choisir une couleur" /></a>
</div><br />
<div id="coul1" style="display:none;"></div>

Message édité par freed102 le 04-02-2005 à 10:56:55

FlorentG

J'avais aussi une fois fait planté IE avec du innerHTML... Utilise des fonctions DOM sinon, ce sera mieux

freed102

Arayashiki

DOM ? conné pas.. faut que je me penche sur la question !

FlorentG

Ouais, penche-toi dessus. Surtout qu'en XHTML servit en application/xhtml+xml, t'es obligé de les utiliser

freed102

Arayashiki

ah oui mais c ultra mega lent le W3C Dom !

freed102

Arayashiki

http://www.quirksmode.org/dom/innerhtml.html

FlorentG

De toute façon ton truc sera lent, alors on n'est plus à ça près Et si ta page est en XHTML, faut utiliser du DOM sinon dans l'avenir ça marchera pas du tout

freed102

Arayashiki

t'as pas une bonne doc là dessus ? j'essaie de trouver mais je vois rien à par cette page qui compare les deux !

FlorentG

Nope Juste Google...

freed102

Arayashiki

j'ai pas encore bien compris la différence avec ce que j'ai fait mais en tous cas j'ai compris mon erreur ! ))
j'ai corrigé.. et ça marche !

en fait plutot que faire 256 lignes de d.innerHTML+="<td ....>";

je fais un

var d="blablabla";
d+="<table...";
d+="<td...>";
...
et seulement à la fin je fais
document.getElementById(div).innerHTML = d;

... et ça marche tres tres bien !

FlorentG

N'oublie pas de faire des boucles pour tes couleurs, pour gagner encore plus

freed102

Arayashiki

ouai mais là faut que je me creuse un peu plus les meninges ! lol

FlorentG

C'est pas très dur pourtant

freed102

Arayashiki

bah je suppose qu'il faut imbriquer 3 boucles.. mais faut que je sache comment....

FlorentG

Deux boucles suffisent je pense.

freed102

Arayashiki

ahumm... bien bien ! je vais y reflechir... je vais deja debugger ce qui s'affiche !

freed102

Arayashiki

wouai enfin ça marche sur IE... Mais firefox plante.. Et le mac n'en parlons pas ! lol !

freed102

Arayashiki

c bon ça marche en fait !... me reste plus qu'un petit prob d'objet requis

freed102

Arayashiki

chti probleme de concatenation je pense.... :??:

ça n'a pas l'air de marcher ça :

Code :

d+="<td width=\"10\" height=\"10\" bgcolor=\"#000033\"><a class=\"closeLink\" href=\"#\" onclick=\"document.forms['form2']."+input+".value='000033';document.getElementById("+nom+" ).style.background='#000033';toggleDisplay("+div+" );\"><img src=\"dummy.gif\" alt=\"couleur\" width=\"10\" height=\"10\" /></a></td>";

Message édité par freed102 le 04-02-2005 à 12:57:33

freed102

Arayashiki

yess... c bon ça marchouille!

cerel

Ce que tu peux faire, c'est rajouter un "return false" dans les onclicks que tu utilise pour afficher les options. Comme ca ca evitera que le navigateur suive le lien "#" et du coup retourne tout en haut de la page.

freed102

Arayashiki

yess ! merci pour le tuyau je vais faire ça tout de suite !

me reste à faire la même chose avec les polices qui prennent des centaines de lignes

nettoyer le code pour qu'il soit valide...

à propos... la balise img ne prends pas l'attribut name... je peux faire un document.monimage.src='' avec un id ?

FlorentG

Les trucs genre document.bidule ne doivent pas être utilisés, ils ne marchent pas en XHTML (application/xhtml+xml). Pareil pour l'attribut name qui n'est plus valide (sauf dans les formulaires). Faut toujours utiliser un id et la méthode getElementById...

freed102

Arayashiki

c ce que je suis en train de corriger. thx ! :jap:

Publicité

Page : 1 2 3

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Programmation

HTML/CSS

foreach en javascript

Sujets relatifs
Erreurs avec javascript	in_array en javascript ?
Insérer une variable javascript dans dans HTML [RESOLU]	Comment savoir si on est sur le dernier element d'un foreach
JSP jstl <c:forEach> probleme!!!!	javascript: popup/frames/opener : pb de sécurité pour mozilla ?
caractere blanc de php/javascript	Javascript / frames et formulaire :)
liste deroulante dynamique PHP/Javascript	javascript et linux
Plus de sujets relatifs à : foreach en javascript

Page générée en 0.160 secondes