18041 sujets

Questions générales et questions de débutants

(Résolu) Affichage d'un div caché

Bonjour à tous,

Je suis en train de créer une page de news.
Je cherche à faire une sorte de mini page login sur la page (je veux que uniquement les personnes logées puissent poster).
Donc j'aimerai que lorsque l'utilisateur clique sur "Connexion" ça s'affiche.
Mais ça ne fonctionne pas.

Une idée svp je bloque ?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<script style="text/javascript">
	function showLoginBox() {
		Element.show('loginBox');
	}
	
	function disconnect() {
		document.forms["deco"].submit();
	}
	</script>	
</head>
<body>	
	<?php
		if($_COOKIE['nodstrumNewsV2']) {
			echo '&nbsp;&nbsp;&nbsp;<a href="#" onClick="disconnect();">Déconnexion</a>';
		} else {
			echo '&nbsp;&nbsp;&nbsp;<a href="#" onClick="showLoginBox();">Connexion</a>';
		}
	?>
	<div style="display: none; margin-top: 20px;" id="loginBox">
		<form action="login.php" method="post">
				<b>Connexion</b><br><br>
				&nbsp;&nbsp;&nbsp;Utilisateur &nbsp;&nbsp;<input id="user" type="text" name="username" size="20" style="margin-left:1px;margin-bottom:1px">
				<br>
				Mot de passe <input type="password" name="password" size="20" style="margin-top:1px;">
				<br><br>
				<input type="hidden" name="action" value="login">
				<input type="submit" value="Connexion">
				&nbsp;&nbsp;&nbsp;<a href="#" onClick="Element.hide('loginBox');">Fermer</a>
		</form>
	</div>
	<form id="deco" action="login.php" method="post" style="visibility: hidden">
		<input type="hidden" name="action" value="logout">
		<input type="submit" value="Déconnexion">
	</form>
</body>
</html>

Modifié par Lokomass (26 Dec 2011 - 10:22)
J'ai résolu le soucis !

Grace à firebug je me suis rendu compte que j'avais une erreur sur le "Element.show" que j'ai donc remplacé par ceci :

function showLoginBox() {
	     document.getElementById("loginBox").style.display='block';
}


Et ça marche Smiley cligne
Modifié par Lokomass (26 Dec 2011 - 10:22)
Sujet clos
Aller à