Supprimer un div.

Bonjour,

J'ai une de mes fonction qui insert un div dans un autre et je souhaiterai donner la possibilité aux utilisateurs de le supprimé avec un onclick sur une image :

Code:

---

1 2

document.getElementById("frm").innerHTML+="<div id='BET"+Uid+"'><label>"+Choix1+"</label><br /><label>"+Choix3+"</label><br /><input class='inputpopup' readonly='readonly' type='text' name='BetQuote"+sds+"' id='BetQuote"+sds+"' value="+Cote+" /><img src='/images/poubelle.gif' style='vertical-align: bottom;' width='14' height='14' onclick='canbet('BET"+Uid+"');' alt=''/><br/><br/></div>";

---

J'ai essayé de passer par des caractère html pour obtenir ce caractère :' dans ma fonction canbet('BET"+Uid+"') mais rien y fais ma console d'erreur firefox me dis que ce sont des caractères illégaux.

Comment faire pour que cela fonctionne svp je tourne en rond.

Ma fonction canbet est la suivante :

Code:

---

1 2 3 4 5 6 7

function canbet (idcan) { var oparent = document.getElementById('frm'); var ochild = document.getElementById(idcan); oparent.removechild(ochild); }

---

Le plus simple est d'adopter une technique de notation qui permette de conserver les doubles quotes " pour les attributs html
on utilise donc les simples quotes pour le string et du coup pour les simples quotes qui doivent apparaitre dans le html il suffit de les echapper :

Code:

---

document.getElementById("frm").innerHTML+='<div id="BET'+Uid+'"><label>'+Choix1+'</label><br /><label>'+Choix3+'</label><br /><input class="inputpopup" readonly="readonly" type="text" name="BetQuote'+sds+'" id="BetQuote'+sds+'" value="'+Cote+'" /><img src="/images/poubelle.gif" style="vertical-align: bottom;" width="14" height="14" onclick="canbet(\'BET'+Uid+'\');" alt=""/><br/><br/></div>';

---

Une fois cet exercice de style réalise, il me reste juste à dire que je déconseille fortement d'inserer des élements de formulaire avec innerHTML, personnellement je preconise de passer par le DOM pour une prise en compte pleine et entière des elements par le DOM

Merci SpaceFrog cela fonctionne à merveille.

Je me suis renseigné sur la pertinence de ta remarque et je vais modifié mon code.

Je souhaite donner la possibilité à mes utilisateurs d'insérer des champs à un formulaire mais je suis confronté à un problème.
Mon formulaire se trouve dans un bloc qui est visible dans toutes les pages de mon site. Le problème c'est que dès que l'utilisateur change de page les champs qu'il à ajouté disparaissent.

Est-il possible de conserver les champs créer après un changement de page ?

Merci d'avance.

les variables et objets javascript meurent avec la page
il faut un constructeur et lui passer en paramètre les variables nécessaires à la création des tes objets.
Ainsi sur le onload de la page tu lances le constructeur

Qu'entend tu par constructeur. Je viens de faire une recherche sur le forum mais je ne vois pas ce que tu veux dire ?

As tu un lien sur les constructeur que je me penche sur le problème.

Merci.

un script qui te construise tes objets ...

http://www.developpez.net/forums/d53...e+pas+que+form

Voila après avoir un peux fouillé sur le web je viens de trouver les fonctions qui me permettent d'envoyer les données sur une page 'betcreate.php'

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

function addbet (Cote, Uid, Choix1, Choix3, Choix) { parametre = "action=ajouter&Cote="+Cote+"&Uid="+Uid+"&Choix1="+Choix1+"&Choix3="+Choix3+"&Choix="+Choix; objetXHR = creationXHR(); objetXHR.open("POST","betcreate.php",false); objetXHR.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); objetXHR.send(parametre);   var resultat_req = objetXHR.responseText;   document.getElementById('frm').innerHTML = resultat_req; }   function canbet (Uid) {   var mybet = document.getElementById("frm"); var divchild = document.getElementById(Uid); var anciennoeud = mybet.removeChild(divchild);   }

---

La première fonction me permet de créer la deuxième de supprimé.

1 - Je bloque sur la méthode qui me permettrait de maintenir l'affichage dans mon bloc après avoir rafraichi ma page.

2 - La fonction addbet est appelé avec un onclick sur un input. J'ai plusieurs input avec la même fonction mais d'autres variables, mon problème c'est qu'un second appel de la fonction sur un autre input remplace les donné du précédent appel et ne s'additionne pas dans mon bloc.

Merci.