Discussion :

[Alexino2]

Bonjour, ma question est simple, j'aimerais savoir si on peut rajouter des élément dans une page de manière brute ?

A savoir par exemple, si je fais

Code :

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

1
2
 
 onclick='ajouterElement()'

je voudrais ajouter ca dans mon body :

Code :

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

1
2
3
4
5
6
 
function ajouterElement()
{
document.write("<div name='div1' 
style='line-height:20px;font-size:20px;'>toto</div>");
}

Seulement, ca me l'affiche sur une autre page...

Je sais qu'il y a aussi la méthode "createElement('div')" Mais le problème est qu'il faut redéfinir chaque attribut un par un...

Merci pour vos réponses

[Matthieu2000]

createElement
+innerHTML

[SpaceFrog]

oui ou encore pour le contenu data ou createTextNode ...

[Alexino2]

Merci bcp pour vos réponses

j'ai réussi comme ceci :

Code :

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

1
2
3
4
5
6
 
 
var gg=document.createElement("gg");
gg.innerHTML="<div name='div1' 
style='line-height:20px;font-size:20px;'>toto</div>";
document.body.appendChild(gg);

Par contre, laquelle des méthodes proposés vous me conseillez ? La plus efficace ou la propre...Est ce que le innerHTML est plus ou moins propre ou barbare ?

[SpaceFrog]

heu t'as pas du tout comprendre là ...

Code :

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

1
2
3
4
5
var gg=document.createElement("div");
gg.name='div1' 
gg.style.cssText='line-height:20px;font-size:20px;
gg.createTextNode('toto')
document.body.appendChild(gg);

[Alexino2]

heu t'as pas du tout comprendre là ...

Code :

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

1
2
3
4
5
var gg=document.createElement("div");
gg.name='div1' 
gg.style.cssText='line-height:20px;font-size:20px;
gg.createTextNode('toto')
document.body.appendChild(gg);

ma méthode fonction bien je t'assure test

Là justement, tu me présente ce que je ne voulais pas, à savoir déclarer un par un les attributs de son div...ce qui me semble un peu plus "fixé" que ma méthode

[SpaceFrog]

ce n'est pas parcequ'elle à l'air de focntionner que ta méthode est bonne ...

son défaut majeur est que le DOM ne reconnaitre pas ton div ...

il s'affichera bien sur ta page mais tu ne pourras pas en tirer grand chose par la suite ...
et pire si tu regardes le code généré ...

[Alexino2]

ok je comprend,

En faite j'essaye de me compliquer la tache..

Ce que je souhaiterais faire c stoker les éléments dans un tableau.
Dans ce tableau, je peux supprimer les éléments ou je veux quand je veux.

Le soucis vient ensuite au niveau du décalage.

Je vais un truque du genre

Code :

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

onmousedown='agrandir("+nb+");

Le problème est que "nb" est fixe et que les index de mon tableau change en fonction des suppression...

A savoir, est il possible de changer par la suite le onmousedown (genre suppression puis recréer un nouveau mousedown) ? Après avoir créé ces éléments ?

[SpaceFrog]

J'avoue ne pas avoir tout à fait compris ce que tu souhaitais faire , ni ton problème de décallage ???

quelle opérations essayes tu de faire sur les elements ???

pour ce qui est des evènements dynamiques:

Code :

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

elt.onmousedown=funciton(){alert('coucou')

si tu détailles un peu plus le deroulement des opératioins je pourrais sans doute mieux t'orienter ...

[Alexino2]

no c'est bon j'ai trouvé...

MErci en tout cas pour ton aide