AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2008 11 23 14:45:37
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : inserer un noeud vide? [ Framework / Prototype, Script.Aculo.us ] (ryykko)

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

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, 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
Temps d'éxécution de la page : 0,499 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.