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 : Ajouter un Div dans un li [ JavaScript Orienté objet (POO) / Divers ] (yanis7518)

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é 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 Récupérer le contenu d'une div avec Ajax [ par rider73n8 ] Salut à tous, J'ai une petit problème en Ajax. Je vous fourni les quelques lignes de code nécessaire à la compréhension et j'explique ensuite. Dans creation d'un div [ par kazma ] Bonjourj'ai cree un div de cette facon ( document.body.appendChild(document.createElement('div')).setAttribute("id","div_de_table");) j'usqu'ici aucun IE + Ajax + Css : pas de css ! [ par lyrix37 ] Bonjour la compagnie ! et bien mon problème est tout simple : j'ai fait une page web, avec changement de div en ajax : mais quand je change ce div, q Comment mettre le embed dans un div avec innerHTML [ par Debutant39 ] Bonjour. Voici un script que devrait me permettre de jouer 3 fois un son mais pour qu'il ne soit pas mitraillé, il me faut mettre une boucle de tempor utilisation tool man drag [ par calitom ] Bonjour,J'utilise la fonction de drag de tool man.J'ai plusieurs div draggables.Voici comment je leur affecte la possibilitée d'être draggé dans une z Modification contenu DIV par Menu [ par jpdollo ] Bonjour :Sur ma home j'ai un DIV dont le contenu est modifié par un menuActuellement à l'ouverture de la page le contenu du DIV est blancJe voudrais q


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :

Comparez les prix Nouvelle version

Photothèque Nouveau !



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
Temps d'éxécution de la page : 2,340 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é.