Discussion :

[nandofive]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function canbet (idcan)
{
var oparent = document.getElementById('frm');
var ochild = document.getElementById(idcan); 
oparent.removechild(ochild); 
}

[SpaceFrog]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[nandofive]

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.

[SpaceFrog]

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

[nandofive]

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.

[SpaceFrog]

un script qui te construise tes objets ...

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