Discussion :

[Papipen]

Bonjour,

je dispose d'une page html avec des balises <div id='test'></div> et <div id='champ'></div>. Le contenu est vide au départ et varie par la suite.

J'ai une fonction ajouter qui contient :

Code :

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

1
2
3
4
5
function ajouter()
{
  document.getElementById('champ').innerHTML += "<p>Champ :<input name='champ_"+i+"' size='25' type='text'/></p>";
  i++
}

Je souhaiterais intégrer à cette fonction, une seconde qui va renvoyer la valeur de i en champ caché. A chaque ajout de champ, ma valeur de i est incrémentée. Le contenu de ma balise hidden va changer puisque que i augmente.

Je pensais intégrer à la fonction un :

Code :

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

document.getElementById('test').innerHTML.replace("<input type='hidden' name='nom' value='"+i+"'>")

ça ne marche pas...

[SpaceFrog]

La fonction replace retourne un string ...
elle ne modifie pas directement l'objet

Code :

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

document.getElementById('test').innerHTML=document.getElementById('test').innerHTML.replace("<input type='hidden' name='nom' value='"+i+"'>")

[Bovino]

Code :

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

replace("<input type='hidden' name='nom' value='"+i+"'>")

replace prend 2 arguments : le pattern à remplacer et la chaîne de remplacement

[SpaceFrog]

arf tellement accaparé par l'omission d'attribution du string que je l'ai même pas vu
merci Beef

[Papipen]

Justement, le contenu à remplacer varie. Au début c'est du vide et à la fin c'est un input...

Est ce qu'il existe un moyen pour dire que l'on souhaite tout remplacer comme ça plus besoin de spécifier une partie en particulier.

[SpaceFrog]

Code :

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

document.getElementById('test').innerHTML="tout à été remplacé";

mais on peut compliquer :

Code :

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

1
2
 
document.getElementById('test').innerHTML=document.getElementById('test').innerHTML.replace(document.getElementById('test').innerHTML,'nouveau contenu')

[javatwister]

donne un id à ton hidden...

[SpaceFrog]

id ou name de toute façon créer des objet en innerHTML est suicidaire ... il y a de grandes chances qu'ils n'arrivent pas au serveur lors de la soumission du form ...

[javatwister]

ben oui, mais au moins, c'est plus simple de changer une bête baleur de champ en appelant l'id qu'en tentant un gros htmlreplace des bois;

[SpaceFrog]

heu c'etait de l'humour 3eme degré JT ...