Ligne invisible par javascript

Résolu

Utopia -
tokaido6 Messages postés 90 Statut Membre - 3 févr. 2009 à 21:54

Bonjour,
En fait j'ai un petit soucis pour un javascript. Je suis incapable de trouver mon erreur, car à part l'html et le css je suis assez newbie dans le reste ^^

Alors voilà l'image que donne mon code : http://nsa05.casimages.com/img/2009/02/03//090203073652913579.jpg

Le soucis, je voudrais que la ligne de garde des enfants soit invisible par défaut, et qu'elle n'apparaisse qu'en cliquant sur "accorder le divorce".

Je vous montre donc mon code en espérant que vous puissiez m'aider :)

<html>
<head>
<script language="JavaScript">
function test()
{
obj=document.getElementById("pwet").style;
if(document.choix.divorce[1].checked==true){obj.visibility='visible';}else{obj.visibility='hidden';}
}
</script>
</head>
<body>
<table>
<tr>
<td align="right" valign="top"><b><font color=red>Divorce :</font></b></td>
<td align="left">
	<input name="divorce" value="0" id="div0" checked="checked" type="radio" >
        <label for="div0"><font color=red>Aucun</font></label><br>
        <input name="divorce" value="10" id="div10" type="radio" onClick="test()">
        <label for="div10" ><font color=red>Accorder le divorce (cliquez ici)</font></label><br></td>
</tr>
	
<tr id="pwet">
<td align="right" valign="top"><b><font color=red>Garde des enfants :</font></b></td>
<td align="left">
	<table border="1" id="">
		<tr>
			<td><b>
				<span class="fille">CLOUNA Yuna</span><br />
				<span class="garcon">CLOUNA Cloud</span></b>
			</td>
			<td>
				<input name="enfants_1" value="0" id="enf0" checked="checked" type="radio" >
                                <label for="enf0">garde partagée</label><br>
				<input name="enfants_1" value="0" id="enf10" type="radio">
                                <label for="enf10" >père</label><br>
				<input name="enfants_1" value="0" id="enf20" type="radio" >
                                <label for="enf20">mère</label><br>
			</td>
		</tr>
	</table>
</tr>
</table>
</body>
</html>

Afficher la suite

A voir également:

Ligne invisible par javascript
Partager photos en ligne - Guide
Mètre en ligne - Guide
Aller à la ligne excel - Guide
Formulaire en ligne de meta - Guide
Apparaitre hors ligne instagram - Guide

7 réponses

Réponse 1 / 7

tokaido6 Messages postés 90 Statut Membre 2

Slt

<html>
<head>
<script language="JavaScript">
function test()
{

//On commence par cacher notre balise div

var obj=document.getElementById("pwet").style;

if(document.choix.divorce[1].checked==true){obj.visibility='visible';}else{obj.visibility='hidden';}
setTimeout("test()",100);
}
</script>
</head>
<body onload="test()" >

<table>
<tr>
<td align="right" valign="top"><b><font color=red>Divorce :</font></b>
</td>
<td align="left">
<form name="choix" > 
<input name="divorce" value="0" id="div0" checked="checked" type="radio" >
<label for="div0"><font color=red>Aucun</font></label><br>
<input name="divorce" value="10" id="div10" type="radio" >
<label for="div10" ><font color=red>Accorder le divorce (cliquez ici)</font></label><br>
</td>
</tr>

</table>

<div id="pwet" style="visibility:hidden;" >

<table border="1" id="">
<tr>
<td align="right" valign="top"><b><font color=red>Garde des enfants :</font></b></td>
<td align="left">

<tr>
<td><b>
<span class="fille">CLOUNA Yuna</span><br />
<span class="garcon">CLOUNA Cloud</span></b>
</td>
<td>
<input name="enfants_1" value="0" id="enf0" checked="checked" type="radio" >
<label for="enf0">garde partagée</label><br>
<input name="enfants_1" value="0" id="enf10" type="radio">
<label for="enf10" >père</label><br>
<input name="enfants_1" value="0" id="enf20" type="radio" >
<label for="enf20">mère</label><br>

</form>
</td>
</tr>
</tr>
</table>

</div>

</body>
</html>

Tiens voilà ton code tout fait et n'oublie pas de mettre en résolu. Tu verra les modification en comparant ligne par ligne avec ton code puisque je vais pas me mettre à détailler. Mais sache que j'ai fais deux tables et la 2eme est cachée par défaut. Puis appel à javascript avec onload et chaque fois je vérifie apres 1/10 de seconde si on a cliqué sur "Accorder le divorce (cliquez ici)"

Réponse 2 / 7

Utopia

Merci infiniment !!! Des jours que je cherche ! je suis vraiment une noob en js >_<

Encore merci !!! :D

Réponse 3 / 7

tokaido6 Messages postés 90 Statut Membre 2

Bah de rien
Au début chacun a du mal à coder.

Réponse 4 / 7

Utopia

Bon c'est encore moi en mode boulet

J'ai inséré ça sur la page, j'ai modifié le javascript, rajouter les balises de formulaire, les div et ça ne fonctionne pas :/

Voilà la page : http://www.tutopia.fr/programme_sophie_marceau/divorce_juge.html

Qu'ai-je encore oublié ? :p

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 7

tokaido6 Messages postés 90 Statut Membre 2

Il faut savoir interpréter les erreurs Internet IE dis : "document.choix.divorce a la valeur Null ou n'est pas un objet"

Maintenant je pense que tu as 2 balise "form" le premier etant ceci:

<form action="" method="post">
<input id="opt" name="opt" value="jugement" type="hidden">
<input name="etat_condamne" value="1" type="hidden">
<input name="etat_accuse" value="coupable" type="hidden">

et l'autre celle de tout à l'heure.

donc ctrl+f pour rechercher les balises "form" et ne laisser qu'une seule balise .

Réponse 6 / 7

Utopia

*Utopia s'incline*

Tout marche parfaitement ! Merci beaucoup d'avoir aidé une pauvre petite geekette se sentant noobette ! :D

Réponse 7 / 7

tokaido6 Messages postés 90 Statut Membre 2

De rien
A+

Discussions similaires

Que veut dire "correspondant occupé" lors d'un appel ?

On me voit connecté sur facebook alors que je n'y suis pas

Ligne occupée : pourquoi mon téléphone sonne occupé ?

Votre réponse

Discussions similaires