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
UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Vincent Bellet et Baptiste Giraudier La BI dans SharePoint 2010, Les nouveaux services d'application dans SP2010 et SQL Server Reporting services 2008 R2. La BI dans SharePoint est généralisée pour tous afin de permettre à tous les coll...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|