Connexion
Résolu
salut tout le monde.
j'ai fais un site web, et je veut que la zone de connexion est comme la zone de connexion de commentcamarche c.à.d , lorsque je met le curseur sur le mot connexion la zone s'affiche, jusqu'à maintenant je n'arrive pas à résoudre ce problème.
j'ai fais un site web, et je veut que la zone de connexion est comme la zone de connexion de commentcamarche c.à.d , lorsque je met le curseur sur le mot connexion la zone s'affiche, jusqu'à maintenant je n'arrive pas à résoudre ce problème.
5 réponses
-
s'il vous plais aidez moi
-
Il y a des moyens simple de faire ce genre de chose.
En CSS par exemple:
Côté HTML<a id="login">Login <span><input name="login"/><br/><input type="submit" name="connexion" value="Se connecter" /></span></a>
Côté CSSa#login span{display:none;} a#login:hover span{display:block;position:absolute;margin-top:20px;}
Après il faut jouer sur le CSS pour embellir le tout.
« La recherche commence là où s'arrête la connaissance. » -
merci mais lorsque je met le curseur sur login je n'arrive pas a ecrire dans la zone de texte (input) ?
-
Exemple en Javascript :
function montre(elem){ document.getElementById(elem).style.display="block"; } function cache(elem){ document.getElementById(elem).style.display="none"; }
Côté HTML :<ul> <li onmouseover="montre('bloc1');" onmouseout="cache('bloc1');">Connexion <div id="bloc1" style="display:none; width:200px;height:200px;border:1px solid #4A4B4B;position:absolute;margin-top:-5px;padding:5px;> <form method="post" action="#" id="recherche"> <label>Identifiant</label> <input type="text" value=""><br/> <label>Mot de passe ( oublié ? ) </label> <input type="text" value=""> <input type="submit" value="go"> </form> </div> </li> </ul> -
merci bien ça marche avec l'exemple de javascript merci pour tout les deux
