Afficher/désafficher du contenue

Alexisdu64 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention   -  
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Quand j'arrive sur mon site j'ai un block déjà <a>inscrit</a> ou connexion: Pseudo/mdp
quand je click sur le lien inscription cela me fais apparaitre le formulaire "2block" mais j'aimerai faire en même temps disparaitre mon premier block pour laisse place qu'aux formulaire.
merci d'avance


PREMIERE PARTIE LE FORMULAIRE qui apparait avec le lien cette parti ses bon jai reusi.

<div id="id_div_1" style="display:none;" class="textcenter inscription" id="inscription">
<form action="?page=Description_projet" method="post">
<fieldset class="Information borderfieldset formulaire_inscription">
<legend class="legendFieldset textcenter">

mon formulaire

</div>

DEUXIEME PARTIE INSCRIPTON/CONEXION qui disparait apres laffichage du formulaire la jarrivepas

<div id="aCacher" >
<form onclick="cache('aCacher')" action="?page=Description_projet" method="post">
<fieldset class="Information borderfieldset formulaire_inscription">
<legend class="legendFieldset textcenter">inscription/connexion</legend>
Pas encore inscrit <a href="" href="" onclick="javascript:visibilite('id_div_1'); return false;" >Cliquez-ici !</a>
<table class="margeauto">
<tr>
<td>Déja inscrit : </td>
</tr>
<tr>
<td><label>Pseudo/Email</label><input type="" name="" value="" /></td>
</tr>
<tr>
<td><label>Mot de passe</label><input type="" name="" value="" /></td>
</tr>
</table>
</fieldset>
</form>
</div>

<head>
<script language="JavaScript">
function visibilite(thingId)
{
var targetElement;
targetElement = document.getElementById(thingId) ;
if (targetElement.style.display == "none")
{
targetElement.style.display = "" ;
} else {
targetElement.style.display = "none" ;
}
}
</script>
</head>


Merci d'avance pour votre aide

1 réponse

Réponse 1 / 1
Konseil Messages postés 643 Date d'inscription   Statut Membre Dernière intervention   430
 
Salut,
on voit pas ta fonction 
cache()


Voici un petit exemple tout simple. 

<div id="div1" onclick="Switch('div1','div2')" style="display:block">Div1</div>
<div id="div2" onclick="Switch('div2','div1')"  style="display:none">Div2</div>
<script>
function Switch(div1,div2){
if(document.getElementById(div1).style.display=="block"){
document.getElementById(div1).style.display="none";
document.getElementById(div2).style.display="block";
}
else{
document.getElementById(div1).style.display="block";
document.getElementById(div2).style.display="none";
}
}
</script>
0
Alexisdu64 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
C'est bon merci ça a fonctionné.
Et non javais test une autre fonction cache mais sa avais pas fonctionné, j'ai juste oubliée de l'enlever.
Encore merci
0
Alexisdu64 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
eux enfaite j'ai découvert un bug.
Le système affiche/désaffiche bien mais je peux + rentrer d'information dans les champs.
Cela prends toute la zone en lien.

Premier formulaire inscription :

<div id="div2" onclick="Switch('div2','div1')" style="display:none;" class="textcenter inscription" id="inscription">
<form action="?page=Description_projet" method="post">
<fieldset class="Information borderfieldset formulaire_inscription">
<legend class="legendFieldset textcenter">Vos informations personnelles</legend>

Mon formulaire

</fieldset><br/>
</form>
</div>

Deuxieme formulaire connexion/ inscription:

<div id="div1" onclick="Switch('div1','div2')" style="display:block" >
<form action="?page=Description_projet" method="post">
<fieldset class="Information borderfieldset formulaire_inscription">
<legend class="legendFieldset textcenter">inscription/connexion</legend>
Pas encore inscrit <a href="" onclick="javascript:visibilite('div2'); return false;" >Cliquez-ici !</a>
<table class="margeauto">
<tr>
<td>Déja inscrit : </td>
</tr>
<tr>
<td><label>Pseudo/Email</label><input type="" name="" value="" /></td>
</tr>
<tr>
<td><label>Mot de passe</label><input type="" name="" value="" /></td>
</tr>
</table>
</fieldset>
</form>
</div>

http://dercourtalexis.fr/Pre_devis/
0
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   527
 
Effectivement puisque tu appliques ton onclick sur tout le div, tu ne pourras pas cliquer sur les éléments à l'intérieur de ce div sans déclencher l'événement onclick.

Plutôt que d'appliquer le onclick="Switch" sur le div contenant tout le formulaire, utilise à la place un bouton comme tu as commencé à le faire avec le lien 'Pas encore inscrit'
0

Discussions similaires

Afficher toutes les lignes masquées excel
livlarsen -
Mehdiiii -

27 réponses
Durée d'une diapositive animée
bibibibi99 -
bibibibi99 -

2 réponses
Où sont affichés les FPS Minecraft
Guerric -
malekpe -

9 réponses