Afficher/désafficher du contenue

Fermé
Alexisdu64 Messages postés 6 Date d'inscription jeudi 10 septembre 2015 Statut Membre Dernière intervention 5 décembre 2018 - 10 sept. 2015 à 21:21
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 11 sept. 2015 à 16:37
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

Konseil Messages postés 643 Date d'inscription samedi 29 août 2015 Statut Membre Dernière intervention 13 novembre 2018 429
10 sept. 2015 à 21:49
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 jeudi 10 septembre 2015 Statut Membre Dernière intervention 5 décembre 2018
10 sept. 2015 à 22:12
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 jeudi 10 septembre 2015 Statut Membre Dernière intervention 5 décembre 2018
11 sept. 2015 à 15:48
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 lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 525
11 sept. 2015 à 16:37
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