Article View: fr.comp.text.xml
Article #8505Pb HTML : bloc conditionnel de saisie (2).
From: Christophe Le Saëc
Date: Tue, 18 Sep 2001 09:54
Date: Tue, 18 Sep 2001 09:54
148 lines
6621 bytes
6621 bytes
--------------268454E6BAEE8BCA2B4A9244
Content-Type: text/plain; charset=iso-8859-1
Content-Transfer-Encoding: 8bit
J'ai trouv� une autre mani�re de faire (plus simple) :
<form name="formVM" method="post" action="">
<div id="myDiv"></div>
<input type="radio" name="radiobutton"
value="radiobutton2"onClick="myDiv.innerHTML='<INPUT TYPE=text
name=oFile1 />'">
</form>
Mais cette m�thode (utilisant le innerHTML) ne fonctionne que sous
Microsoft I.E et pas sous Netscape qui me donne le message suivant :
myDiv is not defined..
----------------------------------------
J'essaie de faire appara�tre/dispara�tre un bloc de saisie de donn�es,
en fonction d'un choix utilisateur (radio-button).
Le seul code que j'ai r�ussi n'est pas conforme HTML, puisque j'ai 2
balises "Form" imbriqu�es.
Extrait :
....
<script language="javascript">
function Montre(){
document.test.visibility = "show"
}
function cache(){
document.test.visibility = "hide"
}
</script>
<body>
....
<form name="form1" method="post" action="">
...
<table border="0">
...
<tr>
<td></td>
<td>
<input type="radio" name="radiobutton" value="radiobutton1"
onClick="Montre()">
<input type="radio" name="radiobutton" value="radiobutton2"
checked onClick="cache()">
</td>
</tr>
<tr>
<td></td>
<td>
<ilayer id="test" width="40" height="15" z-index="1"
visibility="hide">
<form name="FormInside" method="get" action="">
Texte
<input type="text" name="monTexte" size="10"
maxlength="10">
</form>
</ilayer>
</td>
</tr>
</table>
...<!-- les autres �l�ments de formulaire ne sont pas pris en compte,
la fin du formulaire imbriqu� a termin� les 2 formulaires -->
</form>
...
</body>
De plus, ce code utilise les ilayers, supprot�s par Netscape seulement.
--------------268454E6BAEE8BCA2B4A9244
Content-Type: text/html; charset=us-ascii
Content-Transfer-Encoding: 7bit
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
J'ai trouvé une autre manière de faire (plus simple) :
<p><b><form name="formVM" method="post" action=""></b>
<br><b> <div id="myDiv"></div></b>
<br><b> <input type="radio" name="radiobutton" value="radiobutton2"onClick="myDiv.innerHTML='<INPUT
TYPE=text name=oFile1 />'"></b>
<br><b></form></b>
<p>Mais cette méthode (utilisant le innerHTML) ne fonctionne que
sous Microsoft I.E et pas sous Netscape qui me donne le message suivant
: <i>myDiv is not defined..</i>
<p>----------------------------------------
<p>J'essaie de faire apparaître/disparaître un bloc de saisie
de données, en fonction d'un choix utilisateur (radio-button).
<br>Le seul code que j'ai réussi n'est pas conforme HTML, puisque
j'ai 2 balises "Form" imbriquées.
<p>Extrait :
<br>....
<br><script language="javascript">
<br>function Montre(){
<br> document.test.visibility = "show"
<br>}
<br>function cache(){
<br> document.test.visibility = "hide"
<br>}
<br></script>
<br><body>
<br>....
<br><form name="form1" method="post" action="">
<br>...
<br> <table border="0">
<br>...
<br> <tr>
<br> <td></td>
<br> <td>
<br> <input type="radio"
name="radiobutton" value="radiobutton1" onClick="Montre()">
<br> <input type="radio"
name="radiobutton" value="radiobutton2" checked onClick="cache()">
<br> </td>
<br> </tr>
<p> <tr>
<br> <td></td>
<br> <td>
<br> <ilayer
id="test" width="40" height="15" z-index="1" visibility="hide">
<br>
<form name="FormInside" method="get" action="">
<br>
Texte
<br>
<input type="text" name="monTexte" size="10" maxlength="10">
<br>
</form>
<br> </ilayer>
<br> </td>
<br> </tr>
<br> </table>
<br>...<!-- les autres éléments de formulaire ne sont
pas pris en compte,
<br> la fin du formulaire
imbriqué a terminé les 2 formulaires -->
<br></form>
<br>...
<br></body>
<p>De plus, ce code utilise les ilayers, supprotés par Netscape
seulement.
<br> </html>
--------------268454E6BAEE8BCA2B4A9244--
Technical Details
Message-ID:
<3BA719D7.14A973BE@alcatel.fr>Path:
arc1-ca.pugleaf.net!archiver1.google.com!newsfeed.google.com!newsfeed.stanford.edu!news.tele.dk!small.news.tele.dk!193.251.151.101!opentransit.net!rain.fr!news.alcatel.fr!not-for-mailShow Full Headers
Complete Article Headers
X-Google-Language: FRENCH,ASCII X-Google-Thread: 114f60,56aae1f53f708aba,start X-Google-Attributes: gid114f60,public X-Google-ArrivalTime: 2001-09-18 03:05:31 PST Path: arc1-ca.pugleaf.net!archiver1.google.com!newsfeed.google.com!newsfeed.stanford.edu!news.tele.dk!small.news.tele.dk!193.251.151.101!opentransit.net!rain.fr!news.alcatel.fr!not-for-mail From: Christophe Le Saëc <Christophe.Le_Saec@alcatel.fr> Newsgroups: fr.comp.text.xml Subject: Pb HTML : bloc conditionnel de saisie (2). Date: Tue, 18 Sep 2001 11:54:31 +0200 Organization: Alcanet International France Lines: 149 Message-ID: <3BA719D7.14A973BE@alcatel.fr> NNTP-Posting-Host: tan154.ansf.alcatel.fr Mime-Version: 1.0 Content-Type: multipart/alternative; boundary="------------268454E6BAEE8BCA2B4A9244" X-Trace: news.alcatel.fr 1000807151 588 159.217.208.154 (18 Sep 2001 09:59:11 GMT) X-Complaints-To: Support.Internet@alcatel.fr NNTP-Posting-Date: 18 Sep 2001 09:59:11 GMT X-Mailer: Mozilla 4.75 [fr] (WinNT; U) X-Accept-Language: fr