Accueil > Forum > > > > removeChild et formulaire dynamique php
removeChild et formulaire dynamique php
vendredi 7 août 2009 à 21:15:10 |
removeChild et formulaire dynamique php

tiquisrd
|
Bonjour,
essayant de faire un formulaire PHP dynamique, je suis confronté à un problème que je ne peux résoudre avec mes faibles connaissances...
Ce code qui permet d'ajouter une série de boutons radio fonctionne.
Cependant, si j'ajoute la première partie permettant de supprimer ce que contient le conteneur (un div avec id), et en particulier la ligne: partie0.removeChild(contenu0);, le reste ne s'affiche alors plus...
Quelqu'un voit-il où est l'erreur? Merci!!
Renan
Voici le code:
Code Javascript : function ouvre1() {
//Effacement du champ
var partie0 = document.getElementById("contenu1");
var contenu0 = partie0.firstChild;
partie0.removeChild(contenu0);
//creation des variables
var l01 = document.createElement('table');
l01.setAttribute("width","100%");
var l02 = document.createElement('tr');
l02.setAttribute("valign","top");
var l03 = document.createElement('td');
l03.setAttribute("width","100");
var t04 = document.createTextNode("Vivez-vous avec:");
var l05 = document.createElement('td');
var l06 = document.createElement('table');
var l07 = document.createElement('tr');
var l08 = document.createElement('td');
var l09 = document.createElement('label');
var l10 = document.createElement('input');
l10.setAttribute("type","radio");
l10.setAttribute("name","enf19");
l10.setAttribute("value","1");
l10.setAttribute("id","enf19_0");
var t11 = document.createTextNode(" tous vos enfants");
//mise en forme
l09.appendChild(t11);
l09.insertBefore(l10,t11);
l08.appendChild(l09);
l07.appendChild(l08);
l06.appendChild(l07);
l05.appendChild(l06);
l03.appendChild(t04);
l02.appendChild(l05);
l02.insertBefore(l03,l05);
l01.appendChild(l02);
partie0.appendChild(l01);
}
|
|
vendredi 7 août 2009 à 22:29:27 |
Re : removeChild et formulaire dynamique php

kazma
|
bonjour
en generale pour supprimer une node on fait d'abort reference a la node a supprimer et on se positionne par rapport au node parent
document.getElementById('lanodeasupprimer').parentNode
puis on supprime la node
.removeChild(document.getElementById('lanodeasupprimer'));
la ligne complete
document.getElementById('lanodeasupprimer').parentNode.removeChild(document.getElementById('lanodeasupprimer'));
par contre si ton div contient plusieurs elements il seront supprimé en meme temp que le div
|
|
samedi 8 août 2009 à 07:45:39 |
Re : removeChild et formulaire dynamique php

tiquisrd
|
Merci!
Mais si je veux garder le div pour pouvoir le remplir juste après????
|
|
samedi 8 août 2009 à 10:28:29 |
Re : removeChild et formulaire dynamique php

Bul3
|
Réponse acceptée !
Bonjour,
__ l03.setAttribute("width","100");
"100px" "100%" ou ... mais pas "100" tout court
__ eviter les setAttribute
pour moi, ça alourdit
mais surtout, ça ne fonctionne pas de la
même manière avec tous les navigateurs
à l03.setAttribute("width","100");
je prèfère l03.width="100px";
__ <table><tr><td>... ben non :
c'est <table><tbody><tr><td>...
__ un <table> dans un <table> dans un <div>
vous ne vous compliquez pas un peu la vie ?
__ removeChild
donc le div contient au moins un élément,
sinon, ça ne va pas plaire
__ après, il faudrait contrôler
que les appendChild sont bien faits
dans le bon ordre, mais franchement avec les
noms que vous donnez aux variables, ce n'est
pas simple...
ch'tiot exemple ( simplifié, 1 seul table, 1 seul
bouton radio... vous adapterez et compléterez )
Code Javascript : <div id="contenu1" style="background-color:#FFFFAA;"></div>
<script type="text/javascript">
function ouvre1()
{ var elm_div=document.getElementById("contenu1");
if ( elm_div.firstChild )
{ elm_div.removeChild(elm_div.firstChild); }
var elm_table=document.createElement('table');
elm_table.width="100%";
var elm_tbody = document.createElement('tbody');
var elm_tr = document.createElement('tr');
elm_tr.valign="top";
var elm_td = document.createElement('td');
elm_td.width="100%";
var elm_radio = document.createElement('input');
elm_radio.type="radio";
elm_radio.name="enf19";
elm_radio.value="1";
elm_radio.id="enf19_0";
elm_td.appendChild(elm_radio);
elm_tr.appendChild(elm_td);
elm_tbody.appendChild(elm_tr);
elm_table.appendChild(elm_tbody);
elm_div.appendChild(elm_table);
}
ouvre1();
</script>
Cordialement [ mon Site] [ M'écrire] Bul 
|
|
dimanche 9 août 2009 à 13:41:41 |
Re : removeChild et formulaire dynamique php

tiquisrd
|
Merci beaucoup pour ce cours-correction!
Tout marche à merveille!
... et je ne connaissais pas l'usage des tbody...!!!
Merci encore!
Renan
|
|
Cette discussion est classée dans : var, document, setattribute, createelement, appendchild
Répondre à ce message
Sujets en rapport avec ce message
Petit souci avec les Dom [ par mikl74 ]
Salut a tous, j'ai un petit problème avec un script utilisant les dom, en faite , je souhaite créer un tableau ou je peux ajouter des ligne grâce au
Ajout de champs dynamiquement [ par Julien237 ]
Bonjour,Je fais très peu de javascript, je viens d'en écrire un permettant d'ajouter dynamiquement des champs à un formulaire qui marche très bien sou
Probleme setAttribute dans une table dynamique [ par ShivaanKeldon ]
Bonjour J'ai créé un petit outil de comptage de points pour le tarot, en javascript. le calcul en lui meme fonctionne très bien, mais c'est au niveau
lien url dans tableau dynamique ! [ par san67 ]
Bonjour tout le monde, petit souci en ce mardi matin :)Alors voila j'ai un tableau dynamique en javascript et j'aimerai que dans une partie du tableau
Marche pas sous ie7 [ par aurelbobol6 ]
Bonjour,je débute sous java script..j'ai créé un petit tableau dynamique qui fonctionne très bien sous mozilla firefox mais pas sous ie7. Est ce que q
génération d'un menu [ par neg03 ]
Bonjour, je souhaite utiliser une fonction javascript pour créer un menu :function menu(div){ var b = document.createElement('b'); div.appendChild(b)
div value [ par bossou ]
bonjour à tous. je voudrais vous remercier tout un chacun pour les réponses pertinentes que vous apportez sur ce site. j'ai un autre problème dans le
recuperation des valeurs des champs creer par javascript en php [ par elgbouri ]
Bonjour, comme le titre l'indique, j'aimerai récupérer les valeurs des champs ajouter dynamiquement avec JavaScript pour les traiter avec la méthode
Création d'un tableau dynamique [ par stella01 ]
Bonjour,Je veux créer un tableau dynamique et à chaque refresh de ma page, supprimer le tableau existant pour en créer un nouveau (car à chaque refres
Livres en rapport
|
Derniers Blogs
POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|