Fonction display en javascript
Résolu
Passarinho44
Messages postés
977
Statut
Contributeur
-
Passarinho44 Messages postés 977 Statut Contributeur -
Passarinho44 Messages postés 977 Statut Contributeur -
Bonjour,
J'ai une fonction javascript pour afficher un morceau d'un formulaire à partir d'une liste déroulante.
J'air repris un code existant et je ne comprends pas pourquoi celui-là ne fonctionne pas alors que l'autre fonctionne sans problème??
Voici le code de la fonction javascript :
function datadisplay3()
{
if(document.saisieincident.donnee4.value == "AS400")
{ document.getElementById('formulaireMachine').style.display = 'block';
}
else
{
document.getElementById('formulaireMachine').style.display = 'none';
}
}
Et voici le code de la liste déroulante et du formulaire :
<select name='donnee4' size='1' onchange='javascript:datadisplay3();'>
<option value = 'AS400'>AS400</option>
<option value = 'SAP HR'>SAP HR</option>
</select>
<dl>
<dd id="formulaireMachine">
<!--Ici mon formulaire-->
</dd>
</dl>
Voilà et quelle que soit la valeur sélectionnée dans la liste déroulante, mon formulaire reste affiché...
J'espère avoir été assez clair sur mon problème ...
J'ai une fonction javascript pour afficher un morceau d'un formulaire à partir d'une liste déroulante.
J'air repris un code existant et je ne comprends pas pourquoi celui-là ne fonctionne pas alors que l'autre fonctionne sans problème??
Voici le code de la fonction javascript :
function datadisplay3()
{
if(document.saisieincident.donnee4.value == "AS400")
{ document.getElementById('formulaireMachine').style.display = 'block';
}
else
{
document.getElementById('formulaireMachine').style.display = 'none';
}
}
Et voici le code de la liste déroulante et du formulaire :
<select name='donnee4' size='1' onchange='javascript:datadisplay3();'>
<option value = 'AS400'>AS400</option>
<option value = 'SAP HR'>SAP HR</option>
</select>
<dl>
<dd id="formulaireMachine">
<!--Ici mon formulaire-->
</dd>
</dl>
Voilà et quelle que soit la valeur sélectionnée dans la liste déroulante, mon formulaire reste affiché...
J'espère avoir été assez clair sur mon problème ...
3 réponses
-
salut,
j'espère que sa t'aidera :
<HTML>
<HEAD>
<TITLE>Teste</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function datadisplay3()
{
alert("coucou");
var obj = document.getElementById('donnee4');
if(obj.value == "AS400"){
alert("coucou 1");
document.getElementById('formulaireMachine').style.display = 'block';
}
else {
alert("coucou 2");
document.getElementById('formulaireMachine').style.display = 'none';
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
Et voici le code de la liste déroulante et du formulaire :
<select id='donnee4' size='1' onchange='javascript:datadisplay3();'>
<option value = 'AS400'>AS400</option>
<option value = 'SAP HR'>SAP HR</option>
</select>
<dl>
<dd id="formulaireMachine">
<INPUT TYPE="radio" NAME="Choix1" VALUE="">choix 1<BR>
<INPUT TYPE="radio" NAME="Choix1" VALUE="">choix 2<BR>
<INPUT TYPE="radio" NAME="Choix1" VALUE="">choix 3<P>
</dd>
</dl>
</FORM>
</BODY>
</HTML>-
salut,
j'ai oublié d'enlever les alertes (c'était seulement pour les tests).
<HTML>
<HEAD>
<TITLE>Teste</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function datadisplay3()
{
var obj = document.getElementById('donnee4');
if(obj.value == "AS400"){
document.getElementById('formulaireMachine').style.display = 'block';
}
else {
document.getElementById('formulaireMachine').style.display = 'none';
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
Et voici le code de la liste déroulante et du formulaire :
<select id='donnee4' size='1' onchange='javascript:datadisplay3();'>
<option value = 'AS400'>AS400</option>
<option value = 'SAP HR'>SAP HR</option>
</select>
<dl>
<dd id="formulaireMachine">
<INPUT TYPE="radio" NAME="Choix1" VALUE="">choix 1<BR>
<INPUT TYPE="radio" NAME="Choix1" VALUE="">choix 2<BR>
<INPUT TYPE="radio" NAME="Choix1" VALUE="">choix 3<P>
</dd>
</dl>
</FORM>
</BODY>
</HTML>
-
