🚀 go-pugleaf

RetroBBS NetNews Server

Inspired by RockSolid Light RIP Retro Guy

Article View: fr.comp.text.xml
Article #8505

Pb HTML : bloc conditionnel de saisie (2).

#8505
From: Christophe Le Saëc
Date: Tue, 18 Sep 2001 09:54
148 lines
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&eacute; une autre mani&egrave;re de faire (plus simple) :
<p><b>&lt;form name="formVM" method="post" action=""></b>
<br><b>&nbsp; &lt;div id="myDiv">&lt;/div></b>
<br><b>&nbsp; &lt;input type="radio" name="radiobutton" value="radiobutton2"onClick="myDiv.innerHTML='&lt;INPUT
TYPE=text&nbsp; name=oFile1 />'"></b>
<br><b>&lt;/form></b>
<p>Mais cette m&eacute;thode (utilisant le innerHTML) ne fonctionne que
sous Microsoft I.E et pas sous Netscape qui me donne le message suivant
:&nbsp; <i>myDiv is not defined..</i>
<p>----------------------------------------
<p>J'essaie de faire appara&icirc;tre/dispara&icirc;tre un bloc de saisie
de donn&eacute;es, en fonction d'un choix utilisateur (radio-button).
<br>Le seul code que j'ai r&eacute;ussi n'est pas conforme HTML, puisque
j'ai 2 balises "Form" imbriqu&eacute;es.
<p>Extrait :
<br>....
<br>&lt;script language="javascript">
<br>function Montre(){
<br>&nbsp;&nbsp;&nbsp;&nbsp; document.test.visibility = "show"
<br>}
<br>function cache(){
<br>&nbsp;&nbsp;&nbsp;&nbsp; document.test.visibility = "hide"
<br>}
<br>&lt;/script>
<br>&lt;body>
<br>....
<br>&lt;form name="form1" method="post" action="">
<br>...
<br>&nbsp; &lt;table border="0">
<br>...
<br>&nbsp;&nbsp;&nbsp; &lt;tr>
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td>&lt;/td>
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td>
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="radio"
name="radiobutton" value="radiobutton1" onClick="Montre()">
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="radio"
name="radiobutton" value="radiobutton2" checked onClick="cache()">
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td>
<br>&nbsp;&nbsp; &lt;/tr>
<p>&nbsp;&nbsp;&nbsp; &lt;tr>
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td>&lt;/td>
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td>
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;ilayer
id="test" width="40" height="15" z-index="1" visibility="hide">
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&lt;form name="FormInside" method="get" action="">
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Texte
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&lt;input type="text" name="monTexte" size="10" maxlength="10">
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&lt;/form>
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/ilayer>
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/td>
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr>
<br>&nbsp; &lt;/table>
<br>...&lt;!-- les autres &eacute;l&eacute;ments de formulaire ne sont
pas pris en compte,
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; la fin du formulaire
imbriqu&eacute; a termin&eacute; les 2 formulaires -->
<br>&lt;/form>
<br>...
<br>&lt;/body>
<p>De plus, ce code utilise les ilayers, supprot&eacute;s par Netscape
seulement.
<br>&nbsp;</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-mail

Show 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