Discussion :

[trihanhcie]

Bonjour

voila, j'ai un petit problème que je comprends pas vraiment... Je pars de ce code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<input type="text" id="champ_input"><br>
<input type="button" onclick="f()" value="modifier le champ">
<script>
function f()
{
   var obj = document.getElementById("champ_input")
   alert('le champ a pour valeur : "'+obj.value+"'")
   obj.value="autre valeur"
   alert('maintenant il contient : "'+obj.value+'"')
}
</script>

Ca fonctionne bien il me récupère la valeur onclick et la change.
Maintenant :

Code :

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

1
2
3
4
5
6
7
8
9
10
<div id = "champ_input">ok ok</div>
<script>
 
 
   var obj = document.getElementById("champ_input")
   alert('le champ a pour valeur : "'+obj.value+"'")
   obj.value="autre valeur"
   alert('maintenant il contient : "'+obj.value+'"')
 
</script>

il me met que obj.value est undefined...

C'est juste un exemple que je comprends pas la


Ensuite j'ai un autre problème... Sur IE, j'ai essayé d'utiliser

Code :

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

alert(obj.length);

pour connaitre le nombre d'occurences de mon id dans mon fichier c'est à dire si j'ai

Code :

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

<div id = champ_input> 1 </div>

et

Code :

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

<div id = champ_input> 2</div>

je voudrais avoir 2 en retour...

Ca fonctionne sur IE mais pas sur firefox... Pourquoi? Merci

[Swoög]

value n'existe que pour les élément de formulaire, pour les autres c'est innerHTML (par exemple)

[Biglo]

1er problème :
--------------

C'est normal, un objet div n'a pas de propriété "value". Cette propriété est spécifique à des objets liés aux formulaires pour avoir la valeur courante de chaque champ.

Mais si tu remplaces obj.value par obj.innerHTML (pas standard il me semble, mais pris en compte par la plupart des navigateurs), tu auras tout le contenu de ton bloc div.

2ème problème :
----------------

Il y a une erreur de conception. Un identifiant (id) doit être unique dans la page HTML ! Il va donc falloir trouver autre chose pour faire ça.

[sekaijin]

ensuite attention à la casse
"Getelementbyid : Demande explication "

les majuscule sont importantes.
getElementById

innerHTML est parfaitement standard. c'est le outerHTML qui est propre à IE la différence c'est :

Code :

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

<div id="myDiv"><p>test</p></div>

myDiv.innerHTML donne:

Code :

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

<p>test</p>

et myDiv.outerHTML donne :

Code :

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

<div id="myDiv"><p>test</p></div>

par contre ce qui n'est pas standard c'est la réaction du navigateur sur une mise à jour du innerHTML
si tu fais

Code :

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

myDiv.innerHTML = myDiv.innerHTML + <script ...</script>

suivant le navigateur le script sera ou pas interprété.
pour être sur il faut en passer par le DOM

Code :

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

1
2
3
scr = document.createElement('script');
....
myDiv.appendChild(scr);

A+JYT

[trihanhcie]

Merci de toutes ses précisions !!

heu pour la casse j'avais pas fait attention en postant mais j'avais bien écris dans mon code