Discussion :

[daladim]

Salut à tous,

ca fait 3 jours que je me bats avec ces 2 lignes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
txtDiv=('<DIV ID="Partie' + Cadre[a] + '" STYLE=\'position:absolute\'><IMG SRC="Images/' + Cadre[a] + '.gif" WIDTH='+cadreDim[(a*2)]+' HEIGHT='+cadreDim[((a*2)+1)]+'></DIV>');
document.write(txtDiv);
document.getElementById("Partie"+Cadre[a]).style.clientWidth=cadreDim[(a*2)];

Ces lignes sont dans une boucle.
Pour la première itération de la boucle, c'est censé créer une Div (appelée PartieHG), et de lui changer sa hauteur.

Ca marche parfaitement avec IE, mais pas pour Firefox : il dit document.getElementById("PartieHG") has no properties...


Qqn sait comment m'aider ??

Merci

[denisC]

Oui. Evite les documents.write. C'est incompatible avec les getElementById, parceque c'est pas du DOM pour deux sous. Au pire, créé un élément DOM et fait un innerHTML dessus, mais surtout pas de document.write.

Dans quel cadre utilises-tu le code que tu nous as montré ci-dessus?

[daladim]

Ah, ben ca m'arrange pas...

Sur ma page, cette boucle sert à créer des images qui représenteront les bords d'une liste. Cette liste peut avoir plusieurs tailles possibles : c'est pour ca que j'ai besoin de les afficher avec Javascript.

A la limite, celles-la, je pourrais les créer sans document.write, mais dans mon script, il y a beaucoup plus de Divs crées avec document.write, mais celles-la, elles doivent être crées dynamiquement...

Qulequ'un saurait comment faire pour créer des Divs dynamiquement, puis les manipuler (et que ca marche avec Fierfox ?)

Merci beaucoup !

[javatwister]

bah, ton script n'est pas très clair;

et puis dis-toi bien que ffx supporte très bien javascript!

en gros, d'après ce que tu dis, tu dois juste faire varier une largeur et une hauteur d'image non?

[denisC]

Qulequ'un saurait comment faire pour créer des Divs dynamiquement, puis les manipuler (et que ca marche avec Fierfox ?)

createElement + innerHTML.

J'ai dit que les document.write c'était mal, pas que les créations dynamiques de contenu étaient mal.
Mais c'est la méthode par document.write qui ne vaut pas grand chose...

[daladim]

Oulahh...

Mettons que je crée une div :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

divCreee = document.createElement("div");

Je fais comment pour lui donner un innerHTML, et l'appeler après ? (j'ai essayé

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

divCreee.innerHTML = "texte de ma div";

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
divCreee.id="IDdeLaDivCreee";
document.getElementById("IDdeLaDivCreee").innerHTML = "texte de ma div";

)

Mais ca marche pas

Comment il faut que je fasse ?
Quelqu'un a des explications ?
Merci beaucoup !

[denisC]

Mais ca marche pas

Si si, la première version marche très bien.....

Le seul point qu'il te manque, c'est qu'il te faut insérer cette div dans ton document.

Par exemple en faisant un:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.appendChild(divCreee);

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.body.appendChild(divCreee);

Ou encore, l'insérer ou tu veux. La div créé existe mais c'est pas liée au contenu actuel du document...

[SpaceFrog]

oui lol créer un div c'est bien encore faut il l'insérer dans le flux de la page au moyen d'appendChild

[daladim]

Merci à tous,

je vais essayer ce que vous me proposez,

je mettrai le tag [résolu] si ca marche...