Discussion :

[nicko_73]

Bonjour,

Je suis en train de créer un bout de script pour insérer du script html rapidement à un endroit précis du code DOM.

habituellement, on peut procéder de la façon suivante :

Code :

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

1
2
3
 
document.createElement('div')
...

Mais ce que j'aimerais faire c'est quelque chose qui ressemble à cela :

Code :

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

1
2
3
 
document.createElement('<div id="backgroundModule"></div><div id="moduleLogin"><div id="module">module</div></div>');
...

Je sais la syntaxe n'est pas correcte.

Mais cela permettrais de charger du code plus lourd. Voyez vous une solution ou un tutoriel qui expliquerait cela ?

Merci de votre aide
Bien cordialement.

[SpaceFrog]

http://www.developpez.net/forums/d53...ynamique-form/

[kimjoa]

un petit dombuilder utilisant que des strings, et compatible pour les nœuds (tout les nœuds n'accepte pas le innerHTML...)

http://www.developpez.net/forums/d83...via-innerhtml/

bye

[Invité]

jour

tu peut faire aussi comme ceci

Code :

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

1
2
3
4
5
6
7
8
9
var tb=new Array('backgroundModule','moduleLogin','module')
 
function creer(){
 
for(var i=0;i<=tb.length;i++){
 
document.documentElement.childNodes[1].appendChild(document.createElement('div')).setAttribute("id",tb[i]);
}
}

[nicko_73]

Merci pour vos réponses, pour le moment, je me suis calé sur le script de kimjoa.

[SpaceFrog]

Au risque de paraitre desagreable ... oser appeller "dombuilder" un script qui colle des élements sur la page à coup de innerHTML ... c'est euphémistiquement "gonflé"

[nicko_73]

Au risque de paraitre desagreable ... oser appeller "dombuilder" un script qui colle des élements sur la page à coup de innerHTML ... c'est euphémistiquement "gonflé"

Je comprends, mais c'est vrai que son script se rapprochais plus de ce que je cherchais.

Car mon objectif est de pouvoir importer des codes html (que l'on peut considérer comme des templates avec mise en forme) à des endroits précis.

Le must, se serait de paraser tout le code afin de le mettre en forme via ton script éventuellement, mais est ce que se serait bien performant ?

[SpaceFrog]

teste le script sur le lien donné plus haut

[kimjoa]

comme je l'ai dit a spacefrog sur ma source

pour info , jquery utilise une technique similaire, pour la gestion du DOM, et pourtant personne ne remet en cause le faite que ce soit une librairie javascript orienté sur le DOM...

Les innerHTML ne sont pas compatible pour toutes les balises, ce script le permet, il normalise l'accèssion et modification au attribut , (genre class, htmlfor ect ...), et fournit une api pour les insertions ciblé à partir d'une chaine (ce qui est impossible via innerHTML (sauf en trifouillant la string en elle même)) ou de nœuds ou tableau de nœuds.

Si tu aurais regardé la source, je ne fais pas que copié une chaine HTML , à un élément.... La technique utilisé est la plus rapide que j'ai pu tester, elle construit les éléments à partir d'un élément privé via innerHTML, je me sert de ces éléments pour ensuite les insérer à la place voulue dans le DOM...

De plus j'ai bien spécifié dans le titre de la source "vai innerHTML', donc je ne voit pas du tout l'intérêt de tas remarque...

Pour info , j'ai aussi réalisé un dombuilder, avec une syntaxe JSON, mais celle-ci est beaucoup plus lourde, et moin rapide, même si elle peut être utile dans certain cas, ou les insertions (création) sont dynamique....Si je trouve le temps je l'inclurais dans mon script...

j'ai réactualisé ma source qui prend maintenant en compte une syntaxe JSON, on peux donc , passé comme argument lors d'une insertion, soit une string, soit un nœud , soit une collection (nodListe), soit une objet, soit un tableau (qui lui même peux prendre toute ses valeurs...)

J'ai ajouté la fonction setStyle , et un exemple utilisant la syntaxe JSON pour un formulaire

bye