Forum « Pb avec l'attribut display des bouttons !! »

Forum « Programmation Javascript » (archives)

Pb avec l'attribut display des bouttons !!

Envoyé: 31 octobre 2002, 5h53 par bouga

bonjour
j'ai 4 bouttons, et parfois je veut que seulement 2 bouttons qui apparaissent et les autres je veut les caché.
pour cette raison , j'ai utiliser la propriété "style.display" des boutons.
le probleme que j'ai confronté , c que si j'ai par exp. 4 bouttons sur la meme ligne et je veut cacher les 2 bouttons au milieu, c comme si je fait un saut de ligne, et comme ca j'aurais le 4eme bouton sous le 1er boutton.

voila le code :(vous copier coller directement)

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script>
function JeuDisplay1()
{
if (typeof (top.document.all.btn4)=='object')
{
if (top.document.all.btn4.style.display!='none')
top.document.all.btn4.style.display='none'
}
if (typeof (top.document.all.btn5)=='object')
{
if (top.document.all.btn5.style.display!='block')
top.document.all.btn5.style.display='block'
}
if (typeof (top.document.all.btn56)=='object')
{
if (top.document.all.btn56.style.display!='none')
top.document.all.btn56.style.display='none'
}
if (typeof (top.document.all.btn62)=='object')
{
if (top.document.all.btn62.style.display!='block')
top.document.all.btn62.style.display='block'
}
}
//-------------------------------------------
function JeuDisplay2()
{
if (typeof (top.document.all.btn4)=='object')
{
if (top.document.all.btn4.style.display!='block')
top.document.all.btn4.style.display='block'
}
if (typeof (top.document.all.btn5)=='object')
{
if (top.document.all.btn5.style.display!='none')
top.document.all.btn5.style.display='none'
}
if (typeof (top.document.all.btn56)=='object')
{
if (top.document.all.btn56.style.display!='block')
top.document.all.btn56.style.display='block'
}
if (typeof (top.document.all.btn62)=='object')
{
if (top.document.all.btn62.style.display!='none')
top.document.all.btn62.style.display='none'
}
}

</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<p>
<input type="button" name="btn4" value="Valider" >
<input type="button" name="btn5" value="Annuler validation" >
<input type="button" name="btn56" value="Instance de validation" >
<input type="button" name="btn62" value="Mise à jour" >
</p>
<p> </p>
<p>
<input type="button" name="btn42" value="Montrer" onclick="JeuDisplay1()">
<input type="button" name="btn43" value="Cacher" onclick="JeuDisplay2()">
</p>
<p> </p>
</body>
</html>

Merci d'avance