begin process at 2012 05 29 18:01:11
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

removeChild et formulaire dynamique php


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

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

Administrateur CodeS-SourceS

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

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


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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 : 1,451 sec (3)

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