Le innerHTML de Mozilla ne prend pas les contenus des champs INPUT.value

Version imprimable

22/05/2007, 09h55
Ekimasu

Le innerHTML de Mozilla ne prend pas les contenus des champs INPUT.value

Bonjour,

j'ai un bouton simple qui affiche le contenu innerHTML d'une DIV contenant des champs INPUT remplis.

Code:

alert(document.getElementById(madiv).innerHTML);

Sous IE tout-est-iok, je m'apperçois que le contenu des champs INPUT est bien contenu dans le innerHTML.
Mais ça ne fonctionne pas sous Firefox/mozilla qui oublie de prendre le contenu des champs INPUT.

y-a-t-il une astuce ou moyen différent pour récupérer l'intégralité innerHTML sous firefox ??
22/05/2007, 10h26
SpaceFrog

Rien de plus normal un input est une balise auto-fermante donc pas d'innerHTLM...
le seule élement de saisie de formulaire qui posséde à la fois un innerHTML et un value de façon logique et crossbrowser est le textarea qui reclame un ebalise de fermeture..

Encore une largesse de IE qui peut entrainer des confusions ...
Mais un inout ne doit en aucun cas avoir de innerHTML !!

je n'affiche pas le innerHTML d'un ID de type INPUT mais d'un ID de type SPAN qui lui contient un FORM dont des INPUTs...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<span id="html_div_search">
<form class="form-catalog" id="NOTICE_author_query" name="NOTICE_author_query" method="post" action="./catalog.php?categ=search&amp;mode=0" onsubmit="return test_form(this)">
<h3>Auteur/titre</h3>
<div class="form-contenu">
<div class="row">
	<label class="etiquette" for="title_query">Titre</label>
	</div>
<div class="row">
	<input class="saisie-80em" value="" name="title_query" id="title_query" type="text">
	</div>
..etc
<!--	Bouton Rechercher	-->
 
<div class="row">
	<input name="html_search" value="" type="hidden">
	<input class="bouton" value="Rechercher" onclick="document.NOTICE_author_query.html_search.value=document.getElementById('html_div_search').innerHTML;" type="submit">
	<input class="bouton" value="Rechercher" onclick="alert(document.getElementById('html_div_search').innerHTML);document.NOTICE_author_query.html_search.value=document.getElementById('html_div_search').innerHTML;document.NOTICE_author_query.submit()" type="button">	
	</div>
<input name="etat" value="first_search" type="hidden">
</form>
</span>

22/05/2007, 11h08
SpaceFrog

pense à fermer tes balises input ...

Code:

<input type="..." ..... / >
22/05/2007, 15h54
Ekimasu

Citation:

Envoyé par SpaceFrog

pense à fermer tes balises input ...

pas besoin, c'est du HTML, pas du XHTML

ça peut jouer ?
22/05/2007, 15h56
SpaceFrog

si c'est du html le w3c dit input = balise autoferante donc />