Function javascript

Fermé
essonne91 - 10 août 2005 à 11:04
 essonne91 - 11 août 2005 à 11:36
Bonjour,
qui peut m'aider?
je travaille sur une bd msql et je programme en php
mais j'ai un soucis javascript

Voila je voudrais afficher 2 menus déroulants que si je n'ai pas sélectionné les 2 dernieres options du menu déroulant d'avant

soit en clair dans mon formulaire
si j'ai sélectionné la valeur 5 ou 6 du menu risque
je ne veux pas afficher mes 2 autres menus "lieu et nature"

function mp()
{
 	if (( document.F2.risque.options[document.F2.risque.selectedIndex].value == '5' ) ||( document.F2.risque.options[document.F2.risque.selectedIndex].value == '6' ))
	{
	((document.F2.lieuaccident.options.visibility = 'hidden')&& (document.F2.natureaccident.options.visibility = 'hidden'))
    }
}

merci pour votre aide

2 réponses

StreM Messages postés 515 Date d'inscription lundi 18 octobre 2004 Statut Membre Dernière intervention 28 février 2007 124
10 août 2005 à 11:38
Tu y'es presque !
document.F2.natureaccident.style.display = 'hidden';
Avec :
<select style="display: block" name=lieuaccident>
Oublie pas de repasser le style a display=block quand tu reselectionnes les autres options, parce que la, tes liste s'affichent si tu prends les 1eres options, s'effacent si tu prends les 2 dernieres, mais ne se réaffichent pas si tu reselectionnes les 1eres...


PS : préfère le
document.getElementById('tonid'). ...
à
document.node1.node2...
0
merci pour la réponse rapide
mais hélas j'ai quand même mes listes déroulantes dans mon formulaire
0
StreM Messages postés 515 Date d'inscription lundi 18 octobre 2004 Statut Membre Dernière intervention 28 février 2007 124 > mimi
10 août 2005 à 13:20
Fais voir ton code en entier steuplait

Sinon, j'ai fait un truc un peu similaire ici :

http://graffinlyon.free.fr/home.php?screenwidth=1024&affich=photos

Ca te donnera des idees.
0
essonne91 > StreM Messages postés 515 Date d'inscription lundi 18 octobre 2004 Statut Membre Dernière intervention 28 février 2007
10 août 2005 à 14:19
alors voici mon code

function mp()
{
 	if (( document.F2.risque.options[document.F2.risque.selectedIndex].value == '5' ) ||( document.F2.risque.options[document.F2.risque.selectedIndex].value == '6' ))
	{
	((document.F2.lieuaccident.style.display = 'hidden')&& (document.F2.natureaccident.style.display = 'hidden'))
    }
}

<select name="risque" size="1" onchange="ouvrirLien();">

<select name="lieuaccident" size="1" style="display: block">

idem pour nature
0
Bonjour,
qui pourrait me dire
ou est l'erreur?
peut-etre la function mp?
si je choisis dans mon 1er formulaire l'une des 2 dernieres options de la liste déroulante "risque", je ne veux pas afficher les listes déroulantes "lieu et nature"
<code<html>
<head>
<title>données relatives à l'accident concernant <?php print "$prenom $nom $numdossier"; ?></title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="styleagam.css"

type="text/css">
<script language="JavaScript1.2">
function ouvrirLien()
{
if (( document.F2.risque.options[document.F2.risque.selectedIndex].value == '5' ) ||( document.F2.risque.options[document.F2.risque.selectedIndex].value == '6' ))
{
window.open('maladie_prof.php?NameForm=F2&NomChamp=maladieprof','popup6','location=no,width=740,height=150,scrollbars=yes');
}
else
{
document.getElementById('Tmp').style.visibility = 'hidden' ;
document.F2.lib.value="" ;
document.F2.maladieprof.value="";
return false;}
}
function heure()
{
if (( document.F2.risque.options[document.F2.risque.selectedIndex].value == '5' ) ||( document.F2.risque.options[document.F2.risque.selectedIndex].value == '6' ))
{
(document.F2.heureaccident.value = "00:00")
}
}
function mp()
{
if (( document.F2.risque.options[document.F2.risque.selectedIndex].value == '5' ) ||( document.F2.risque.options[document.F2.risque.selectedIndex].value == '6' ))
{
((document.F2.lieuaccident.style.display = 'hidden')&& (document.F2.natureaccident.style.display = 'hidden'))
}
}

function popup6(url,nom)
{
infoag_Win = window.open(url,nom,"width=850 height=150,left=100,top=50,resizable=no,scrollbars=yes");
infoag_Win.focus();
}
</script>
<script language="JavaScript">
function MiseAJour(NomChamp, Valeur, RetText)
{
if (NomChamp != "")
document.F2.elements[NomChamp].value=Valeur;
document.F2.lib.value=RetText;
document.getElementById('Tmp').style.visibility = 'visible' ;
}

</SCRIPT>
<SCRIPT SRC="GestDate.js" TYPE="text/javascript" LANGUAGE="JavaScript1.2"></SCRIPT>
</head>
<body text="#000000">
<div align="center">
<br><b><span class="titre1">Données relatives à l'accident ou la maladie</span></b>
<table width="80%" border="0"
cellspacing="0" cellpadding="3" align="center">
<tr>
<td class="titre1" bgcolor="#FFFFCC"><span class="celtab">dont le NUMEN est : <? print $numen;?></span></td>
</tr>
</table>
<form method="post" action="pageInsert.php?numdossier=<?php print ($numdossier);?>" name="F2" onSubmit="return verif2()">
<table width="75%" border="0" cellspacing="20">
<input type=hidden name=numen value="<? print $numen; ?>">
<table width="93%" border="1" cellspacing="0" cellpadding="8" bordercolor="#003366" align="center">
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="3" align="center">
<tr>
<td class="celtab" height="52" width="25%"><b>Risque</b>
<?php
//requete pour le menu des libelles des risques
$query="SELECT IdRisque, LibelleRisque FROM RISQUE_ACCIDENT ORDER BY 2";
$result = mysql_query($query,$db);
?>
<td class="celtab" height="52" width="26%" colspan="2">
<select name="risque" size="1" onchange="ouvrirLien();heure();">
<option value="">Sélectionnez</option>
<?
while ( $row = mysql_fetch_row($result) )
{
print ("<option value=\"$row[0]\">$row[1]</option>\n");

}
?>
</select>
<table id="Tmp">
<tr><td><input type="text" name="maladieprof" size="20" maxlength="20" onfocus="this.blur();" ></td></tr>
<tr><td><textarea name="lib" cols="35" onfocus="this.blur();"></textarea></td></tr>
</table>
</td>
</tr>
<tr>
<td colspan="2"><b class="celtab">Date de l'accident <br>ou de la maladie professionnelle :
</b> </td>
<td><b class="celtab">
<input type="text" name="dateaccident" size="8" maxlength="10" value="" onKeyUp="javascript:spslash(this)" onFocus"javascript:ini1(this)" onChange="javascript:jour(this)">
</b></td>
<td><span class="celtab"><b>Heure de l'accident </b></span><b>:
<input type="text" name="heureaccident" size="5" maxlength="5" value="--:--" onKeyUp="javascript:spslash2(this)" onFocus="javascript:ini2(this)">
</b>
</td>
</tr>
<tr>
<td colspan="2"><b class="celtab">Date du décès : </b><b class="celtab">
</b></td>
<td width="13%"><b class="celtab">
<input type="text" name="datedeces" size="8" maxlength="10" value="" onKeyUp="javascript:spslash(this)" onFocus="javascript:ini1(this)">
</b></td>
<td width="49%">  </td>
</tr>
<tr>
<td colspan="2"><b class="celtab">Date de la 1ère constatation médicale <br>ou date de la rechute <br>ou date de la modification du taux d'IPP</b><b class="celtab"> </b></td>
<td><b class="celtab">
<input type="text" name="date1const" size="8" maxlength="10" value="" onKeyUp="javascript:spslash(this)" onFocus"javascript:ini1(this)">
</b></td>
<td width="49%"><b class="celtab">

</b></td>
</tr>

<? //requete pour le menu du lieu des accidents
$query="SELECT IdLieu, LibelleLieu FROM LIEU_ACCIDENT ORDER BY 2";
$result = mysql_query($query,$db);
?>
<tr>
<td colspan="4" class="celtab">
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="tmp1">
<tr>
<td width="25%"><b class="celtab">Lieu de l'accident <br> ou de la maladie professionnelle : </b> </td>
<td width="75%">
<select name="lieuaccident" size="1" style="display: block">
<option value="" >Sélectionnez</option>
<?
while ( $row = mysql_fetch_row($result) )
{
print ("<option value=\"$row[0]\">$row[1]</option>\n");

}
?>
</select>
</td>
</tr>
<tr>
<td width="25%"> </td>
<td width="75%"> </td>
</tr>
<? //requete pour le menu des natures des accidents
$query="SELECT IdNature, LibelleNature FROM NATURE_ACCIDENT ORDER BY 2";
$result = mysql_query($query,$db);
?>
<tr>
<td width="25%"><b class="celtab">Nature de l'accident : </b></td>
<td width="75%">
<select name="natureaccident" size="1" style="display: block">
<option value="">Sélectionnez</option>
<?
while ( $row = mysql_fetch_row($result) )
{
print ("<option value=\"$row[0]\">$row[1]</option>\n");

}
?>
</select>
</td>
</tr>
</table>
</td>
</tr>

<tr valign="top">
<td valign="middle" class="celtab">Commentaires : </td>
<td class="celtab" colspan="3">
<textarea name="commentaires" cols="50" rows="3"></textarea>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<table width="93%" border="1" cellspacing="0" cellpadding="8" bordercolor="#003366" align="center">
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="3" align="center">
<tr>
<td width="25%" class="celtab">Circonstances<b> : </b></td>
<td class="celtab"><b>
<textarea name="circonstances" cols="50" rows="3"></textarea>
</b> </td>
</tr>
<tr>
<td width="25%" class="celtab">Témoignage : </td>
<td class="celtab">
<textarea name="temoignage" cols="50" rows="6"></textarea>
</td>
</tr>
<tr>
<td width="25%" class="celtab">Preuve de matérialité :
</td>
<td class="celtab">
<textarea name="materialite" cols="50" rows="6"></textarea>
</td>
</tr>
<tr>
<td width="25%" class="celtab">Présomptions : </td>
<td class="celtab">
<textarea name="presomption" cols="50" rows="3"></textarea>
</td>
</tr>
<tr>
<td width="25%" class="celtab">Nom du tiers en cause :</td>
<td class="celtab">
<input type="text" name="tiersencause" size="50">
</td>
</tr>
<td width="50%">
<a href="pageInsert1.php" onClick="popup3('pageInsert1.php?numdossier=<?print $numdossier;?>','pageInsert1'); return false" TARGET="_blank">
Accident(s) antérieurs au 01/01/2004</a></td>

</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<table width="75%" border="0" align="center">
<tr>
<td>
<div align="center">
<input type="submit" name="Submit2" value="Valider" class="boutonnavig">
</div>
<div align="center" class="celtab"></div>
</td>
</tr>
</table>
</form>
<script laguage="JavaScript">
ouvrirLien(); mp();
</script>
<?php
include ("bas.php");
?>
</body>
</html>

merci de votre aide
0