begin process at 2012 02 14 11:12:21
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

Ajouter un Div dans un li


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

Ajouter un Div dans un li

mercredi 7 mai 2008 à 09:57:54 | Ajouter un Div dans un li

yanis7518

Salut a tous
je souhaiterais pouvoir créer et ajouter des div dans des balises li créées dynamiquement

voici mon code


    var newLi= document.createElement('li');
    var newDiv= document.createElement('Div');
    newDiv.id = 'toto';
    newLi.id='titi';

//ici j'ajoute mon li dans ma liste ul

    document.getElementById('tata').appendChild(newLi);
//ajout du div dans le li précedemment créé
    document.getElementById(newLi.id).appendChild(newDiv.id, null);

la création du li se fait correctement par contre j'ai une erreur lors de l'ajout du Div dans mon li
il me dit que l'objet ne gère pas cet méthode

quelqu'un pourrai-t-il m'indiquer comment faire??

Merci
mercredi 7 mai 2008 à 10:51:20 | Re : Ajouter un Div dans un li

bultez

Membre Club
Réponse acceptée !


Bonjour,
    si j'ai compris ce que tu veux faire, il faut créer le div dans le li
          avant de l'ajouter.

<body>
<ul id="toto">
</ul>
<script>
   var newLi= document.createElement('li');
   var newDiv= document.createElement('Div');
        newDiv.innerHTML="exemple";
        newLi.appendChild(newDiv);
    document.getElementById("toto").appendChild(newLi);
</script>
</body>


                Cordialement            Bul         [mon Site]     [M'écrire]
mercredi 7 mai 2008 à 11:41:08 | Re : Ajouter un Div dans un li

yanis7518

merci bultez ca marche nickel


Cette discussion est classée dans : id, document, div, li, newli


Répondre à ce message

Sujets en rapport avec ce message

connaitre la position (coordonnées) du curseur de la souris? [ par johanb ] Bonjour à tous, tous est dis dans le titre.Je sais c'est censé être qqc de basique, mais j'ai du mal. Voici l'origine de mon probleme: j'ai une liste document.getElementById() .div [ par abdoulax ] Bonjour, Je voulais faire un truc du genre : document.getElementById(id).div.style.paddingTop="0px"; En faite je veux modifier le style des div enfa Récupération de variable [ par romain14g59 ] Bonjour a tous voila j'ai trouver ce script !! http://www.mozilla.org/editor/midasdemo/ il fonctionne nikel mais mon probléme et la récupération du te Recuperation d'ID DE DIV [ par grandpa006 ] Bonjour,Voila je voudrais recuperer l'ID de mes DIV en meme temps que le click de la souris mais j'y arraive pas.Si une ame charitable a une idée se s Alternance entre divs [ par Trashful ] Bonjour à tous, J'ai un petit problème et j'espère que votre communauté sera en mesure de corriger mes petites erreurs. N'étant pas un professionnel JQUERY ma div reste collé a ma sourie [ par arcuce ] Bonjour, j'ai un problème plutôt énervant, je viens de me remettre au java-script et surtout a l'utilisation de JQUERY j'ai entrepris de faire un pet Passer une variable tout en ouvrant un div [ par petityo03 ] Bonjour, Cela fait 2 - 3 jours que je me bat pour essayer de passer une variable sur un lien et en même temps ouvrir un div. Je m'explique : Déjà je s Ajout/Suppresion personalisé [ par pc3456 ] bon j'ai un champs où je doit remplir une liste d'information, j'ai décidé d'éviter de laisser à l'utilisateur de remplir un champs en séparant les él div avec id variable [ par spokito ] bonjour à tous, je me retourne vers vous car je patauge la dessus depuis 3 plombes et je sens que j'ai pas le bon angle. [code=php]<?php // affichag Soucis d'affichage de données apres requete SQL dans un popup DHTML. [ par Pierre54000 ] Bonjour, J'ai un soucis avec un Popup DHTML dans lequel je n'arrive pas à afficher dynamiquement le contenu des champs de ma Bdd. J'ai une petit


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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,733 sec (4)

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