Afficher/désafficher du contenue
Alexisdu64
Messages postés
8
Statut
Membre
-
Pitet Messages postés 2845 Statut Membre -
Pitet Messages postés 2845 Statut Membre -
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
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
A voir également:
- Afficher/désafficher du contenue
- Afficher appdata - Guide
- Afficher taille dossier windows - Guide
- Windows 11 afficher d'autres options - Guide
- Word a trouvé du contenu illisible - Guide
- Afficher mot de passe wifi android - Guide
1 réponse
Salut,
on voit pas ta fonction
Voici un petit exemple tout simple.
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>
Et non javais test une autre fonction cache mais sa avais pas fonctionné, j'ai juste oubliée de l'enlever.
Encore merci
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/
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'