High-Tech Santé Médecine Droit-Finances

Télécharger

MSN 2009

Rechercher : dans
Par :

Fonction display en javascript

Dernière réponse le 27 jun 2008 à 09:54:13 Passarinho44, le 26 jun 2008 à 15:21:47 
 Signaler ce message aux modérateurs

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 ...

Meilleures réponses pour « Fonction display en javascript » dans :
Javascript - split() VoirLa fonction split() permet de scinder une chaîne de caractère et de retourner les résultats dans un tableau, grâce à une chaîne définie comme séparateur. Dans l'exemple ci-dessous, la fonction split() permet de découper la date selon le caractère...
Javascript - trim() VoirLa fonction trim() de PHP (et d'autres langages) permet de supprimer les espaces en début et fin de chaîne. Il n'existe pas de telle fonction en Javascript mais le code suivant permet de la remplacer : Function trim (myString) { return...
Différence entre display:none et visibility:hidden VoirLes deux attributs CSS display:none et visibility:hidden permettent tous deux de masquer l'affichage d'un élément en CSS dans le navigateur. Néanmoins, il existe une subtile nuance : visibility: hidden rend le bloc concerné invisible....
Javascript - Les fonctions VoirLa notion de fonction On appelle fonction un sous-programme qui permet d'effectuer un ensemble d'instructions par simple appel de la fonction dans le corps du programme principal. Cette notion de sous-programme est généralement appelée fonction...
Javascript - L'objet Date VoirLes particularités de l'objet Date L'objet Date permet de travailler avec toutes les variables qui concernent les dates et la gestion du temps. Il s'agit d'un objet inclus de façon native dans Javascript, et que l'on peut toujours utiliser. La...
Javascript - l'objet Array VoirLes particularités de l'objet Array L'objet Array est un objet du noyau Javascript permettant de créer et de manipuler des tableaux. Voici la syntaxe à utiliser pour créer une variable tableau : var x = new Array(element1[, element2, ...]); Si...
Posez votre question Répondre

1

cocorinr95, le 26 jun 2008 à 16:40:42

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>

   
Répondre à cocorinr95

2

cocorinr95, le 26 jun 2008 à 16:44:22

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>

   
Répondre à cocorinr95

3

Passarinho44, le 26 jun 2008 à 19:13:55
  • +1

Tu l'as tester et il fonctionne?
(C'est pour mon stage donc là je peux pas tester ^^ )
J'essaierai demain mais ça ne change pas vraiment de ce que j'ai fait si?

Parce que j'avais tester et mon if ne pose pas de problème.
Je n'ai pas non plus de problème dans l'execution de javascript.

Et pourtant le formulaire ne disparait pas ...

   
Répondre à Passarinho44

4

 Passarinho44, le 27 jun 2008 à 09:54:13
  • +1

Bon j'ai trouvé le problème !

En fait le menu déroulant était dans le même tableau que ce que je voulais cacher, voilà pourquoi ça ne fonctionnait pas!

Je les ai mis dans 2tableaux différents et maintenant plus de problèmes =)

Merci quand même pour ton aide!

   
Répondre à Passarinho44
Posez votre question Répondre
Ils ont besoin de votre aide