Accueil > Forum > > > > inserer un noeud vide?
inserer un noeud vide?
vendredi 1 février 2008 à 18:45:01 |
inserer un noeud vide?

ryykko
|
bonsoir a tous voila une question bete surement...  j ai un plan comme ceci | Code: | <div id="div1"> <div id="div2"></div> <!-- ELEMENT A INSERER <p></p> --> </div> | voila j aimerai inserer un nouvel element p apres div id=2 si je fais un $(div1).appendChild.(new <p>) il m insere l element dans le div 2
le probleme vient (je crois) que j insere des elements vides. j ai essaye avec insertBefore mais sans succes non plus ! d ou ma question comment inserer des noeuds vides ?
ps j ai mis ce sujet ici car j utilise builder.node.....
|
|
samedi 2 février 2008 à 08:24:19 |
Re : inserer un noeud vide?

bultez
|
Bonjour, $(div1).appendChild.(new <p>)
déjà, probablement "div1" ensuite, pas la bonne syntaxe pour appendchild, regarder sur selfHTML ici
Cordialement  Bul « mon Site» « M'écrire»
|
|
samedi 2 février 2008 à 08:36:07 |
Re : inserer un noeud vide?

bultez
|
ch'tit exemple ? parce que tel que tu fais, on ne vois pas où cela s'ajoute.... <body> <div id="div1" style="background-color:#FFFF00;width:100%"> contenu div1 <div id="div2" style="background-color:#FF00FF;width:100%" > contenu div2 </div> </div> <script type="text/javascript"> var nv = document.createElement("div"); nv.innerHTML+="nouveau"; document.getElementById("div1").appendChild(nv); </script> </body>
Cordialement  Bul « mon Site» « M'écrire»
|
|
samedi 2 février 2008 à 10:52:46 |
Re : inserer un noeud vide?

ryykko
|
desole j aurai du preciser que new <p> etait du code fictif, juste pour aller a l essentiel 
un bout de code alors c est ma fonction pour créer des elements.
createNewItem= function(Rub){ if (ItemTextDefaut != '') { var newItem = Builder.node('p', {id: 'Item' + (Item.length + 1), className: 'Itemedit', style: 'display:none;'}, ItemTextDefaut); var EDIT = Builder.node('div',{id: 'ItemEDIT' + (Item.length + 1),className: ItemAEditerClasse}, [Builder.node('div',{className: 'ItemDRAG'})] ); var image = Builder.node('img',{src:'images/test1/button_cancel.png'}); var lien = Builder.node('a', { onclick: 'SupprimerItem(\''+Rub+'\',\''+EDIT.id+'\')', style: 'cursor:pointer;'}, [image]); var SUP = Builder.node('div', {className: 'ItemSUP',style: 'display:none;'},lien); Item.push(newItem.id); ItemEDIT.push(EDIT.id); $(Rub).appendChild(EDIT); $(EDIT).appendChild(newItem); $(EDIT).insertBefore(SUP,$(newItem.id)); Effect.Appear(EDIT); Effect.Appear(newItem); Event.observe(window, 'load', init(), false); Event.observe(window, 'load', editable(newItem.id), false); } }
donc avec un plan comme ceci
<div class='ItemEDIT' id='ItemEDIT1' > <div class='ItemSUP' ></div><!--lien en position absolute--> <p id='item1' class='Itemedit'></p> </div>
quand j insere p , il m l insere dans ItemSUP
/****************** voila j espere que c est plus clair ::
/***/
|
|
lundi 4 février 2008 à 14:24:58 |
Re : inserer un noeud vide?

PetoleTeam
|
Réponse acceptée !
Bonjour, A la manière de The Bultez un ch'tit exemple <html> <head> <title>Insere Before</title> <script type="text/javascript"> var k =0; //--------------- function Insert(){ //-- creation de l'element var szID = "D_NEW"+ k++; var O_New = document.createElement("div"); var O_Txt = document.createTextNode( 'Insersion DIV id="' +szID +'"'); O_New.setAttribute("id", szID); O_New.appendChild( O_Txt);
//-- Element on l'on doit inserer before var O_Dest = document.getElementById("D_DEST");
//-- Insere l'element O_Dest.parentNode.insertBefore(O_New, O_Dest); } </script> </head> <body> <div id='D_MAIN'> D_MAIN -> Ligne 1 <div id="D_DEST" > D_DEST -> Ligne 1<br> D_DEST -> Ligne 2<br> </div> <input type="button" onclick="Insert();" value="Insert"> </div> </body> </html> ... ;O)
|
|
Cette discussion est classée dans : question, element, inserer, vide, noeud
Répondre à ce message
Sujets en rapport avec ce message
Question [ par mic58 ]
Commen dan un selec je pe rendre la saisie possible? Merci
pointeur sur element [ par bumblebee ]
Boonjour, Je voudrais savoir comment récupérer un pointeur sur un élément de tableau qui se trouve dans un formulaire g déjà essayer ça mais marche po
Listbox [ par mymic ]
Alors j ai une textBox, en cliquant sur un bouton Ajouter la valeur saisie est ajoutée dans une listbox, imaginez un instant qu un utilisateur landa
petit question pour les objets JS [ par booth ]
voilà, je me refere toujour à la meme chose ex: toujours le meme formulaire..ya pas un moyen de raccourcir en créant un objet qui fait référence au fo
Pb avec Drag And Drop [ par Sylvain74 ]
Bonjours tout le monde,voila,j a'ai recupéré un script permettant de faire du drag and drop avec les lignes d'un tableau.Je l'ai adapter pour passer d
Mettre une feuille disabled [ par Jackboy ]
Bonjour je recherche la méthode pour mettre une feuille disable (checkbox, radio, etc) mais permettre de cliker sur un bouton. Je sais qu'ont peut met
Ne pas imprimer bordures des input [ par Jackboy ]
Question est t'il possible lors d'un imprimer d'une feuille en question, ne pas faire paraitre les bordure des input, l'input en fais mais indiquer la
Spécialiste Javascript : LA QUESTION ! (valeur scroll sous ie5.0) [ par Jin ]
Quelqu'un connaîtrait-il l'équivalent de document.body.scrollTopdocument.body.scrollLeft(Valeur de la position des barres de défilements)sous internet
submit d'un formulaire [ par jpb ]
Houlalalalalalalala..............Je viens de poser une question de débutant.Et je n'avais pas bien cherché dans le forum.Il y a 2541 réponses à la mêm
question [ par lebarn ]
cé quoi un admin ? pour effacer les commentaires ?Lebarn, c'est moi :: Search with Google</fo
Livres en rapport
|
Derniers Blogs
TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 !TECHDAYS PARIS 2012 : WINDOWS SERVER "8" QUOI DE 9 ! par ROMELARD Fabrice
Speakers: Fabrice Meillon et Stanislas Quastana Cette session est basée entièrement sur celle donnée lors de la BUILD cet hiver. Il n'y a pas d'ajout d'information en rapport avec cet évènement passé. Windows 8 Server sera intégralem...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc
Logiciels
DocTranslate (V3.1.0.0)DOCTRANSLATE (V3.1.0.0)DocTranslate est un traducteur de document Microsoft Word, PowerPoint et Excel. Il permet d'autom... Cliquez pour télécharger DocTranslate Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System
|