Discussion :

[rat dgout]

Bonjour à tous !

J'essaie de réaliser une sorte d'interface assez dynamique en qui permet d'afficher et de masquer des champs de formulaire à la volée. Jusqu'ici j'y arrive, tout va bien : je clique sur un lien, ça affiche mon champ, je reclique, et ça retire ce champ.

Le problème, c'est que j'arrive à afficher le formulaire et à le masquer une fois, mais si je veux le réafficher une nouvelle fois, là je n'y arrive plus. En gros, il affiche et cache le formulaire qu'une seule fois. Je n'arrive pas à trouver où est mon erreur. J'utilise la fonction Javascript innerHTML.

J'utilise ces deux fonctions Javascript là :

Code :

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

1
2
3
4
5
 
function afficheChampUpload(whatdiv)
{
      document.getElementById(""+whatdiv+"").innerHTML="<input type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"10000000\">\n<input type=\"file\" name=\""+whatdiv+"\" size=\"30\" onChange=\"setModifie();\"><a href=\"#\" onClick=\"afficheTextUpload('"+whatdiv+"');\">Retirer l'image</a>\n";
}

Code :

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

1
2
3
4
5
 
function afficheTextUpload(whatdiv)
{
      document.getElementById(""+whatdiv+"").innerHTML="<a href=\"#\" onClick=\"afficheChampUpload("+whatdiv+");\">Ins&eacute;rer une image</a>";
}

Lors que je fais afficher la valeur de ma variable "whatdiv" par un alert par exemple, la première fois pour chaque fonction, j'ai les bonnes valeurs (c'est à dire une chaine de caractère représentant l'id de ma balise <div id="xxxx"></div>, mais la seconde fois pour la fonction (c'est à dire quand je fait par exemple afficher->cacher->afficher, j'ai l'affichage "[object HTMLDivElement]" au lieu de la valeur de ma variable. On dirait qu'au bout de deux fois, la valeur de ma variable se perd...

Quelqu'un aurait une idée ???
Merci d'avance !!!

[denisC]

document.getElementById(""+whatdiv+"").innerHTML="<a href=\"#\" onClick=\"afficheChampUpload("+whatdiv+");\">Ins&eacute;rer une image</a>";

Code :

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

1
2
 
      document.getElementById(""+whatdiv+"").innerHTML="<a href=\"#\" onClick=\"afficheChampUpload(' "+whatdiv+" ');\">Ins&eacute;rer une image</a>";

Faut rajouter des guillements.

Ceci dit, pour afficher/cacher des elements, je prefere le style:
display : none / block
Ca permet d'afficher/cacher des elements, sans changer leur code HTML...

PS: @modos: comment on fiat de la mise en forme (b ou color) dans des balises code?

[rat dgout]

OK, merci beaucoup, ça marche nickel, c'était vraiment une erreur bête !!!
Effectivement, pouvoir mettre du gras dans le code, ce serait plus visible...

Merci encore denisC !