begin process at 2010 02 10 09:07:50
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

Framework

 > 

Prototype, Script.Aculo.us

 > 

inserer un noeud vide?


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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... Shocked

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

Membre Club


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

Membre Club
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

Membre Club
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


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,562 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales