Sujet Précédent Sujet Suivant

Encore du javascript

Résolu/Fermé
yann1123 Messages postés 106 Date d'inscription lundi 28 juillet 2008 Statut Membre Dernière intervention 2 novembre 2009 - 15 mai 2009 à 14:43
yann1123 Messages postés 106 Date d'inscription lundi 28 juillet 2008 Statut Membre Dernière intervention 2 novembre 2009 - 15 mai 2009 à 15:57
Slt je reviens encore avec des questions sur le javascript :D. Donc maintenant j'ai un objet(div) que j'ai caché avec une feuille de style css. Et ce que je veut faire c'est lorsque l'utilisateur clique sur le lien la div s'affiche et lorsque qu'il clique sur le bouton fermé que sa se ferme(logique :D). seulement j'ai beau avoir de solide bases en javascript j'ai aucune idée sur comment faire. Je vous colle mon code HTML/CSS:

le HTML: 
		
<div id="sub_log">
				<form action="" name="formulaire">
					<table>
					<tr><td><p class="header_text">Nom d'utilisateur</p></td><td><input type="text" name="username" size="9" /></td></tr>
					<tr><td><p class="header_text">Mote de passe</p></td><td><input type="password" name="password" size="9" /></td></tr>
					<tr><td><input type="submit" value="Go" /></td></tr>
					</table>
				</form>
		</div>

Le CSS: 
#sub_log
{
	border: solid;
	Border-width: 1px;
	border-color:rgb(123,123,123);
	background-color: rgb(43,43,43);
	text-align: center;
	position: absolute;
	top:25px;
	left: 434px;
	-moz-border-radius: 5%;
	display: none;
	
}


PS désolé pour l'orthographe (je suis pas super fort)

7 réponses

Réponse 1 / 7
Arkenix Messages postés 12 Date d'inscription vendredi 15 mai 2009 Statut Membre Dernière intervention 27 mai 2009 1
15 mai 2009 à 14:48
Salut ...
Pour ne pas avoir d'ambiguïté, si j'ai bien compris, tu cherche a faire un espèce de POPUP en JS ?
Si c'est bien sa, il y a plein de script déjà fait là dessus .... devlopez.com et autre site du même genre te les propose .
0
Réponse 2 / 7
juanou Messages postés 137 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 23 août 2013 58
15 mai 2009 à 14:52
sur ton lien tu exécutes la fonction suivante :

function showHideDiv() {
var visibite = document.getElementById('sub_log').style ;
if ( visibite.display == 'none' ) { visibite.display = 'block' ; }
else { visibite.display = 'none' ; }
}

j'ai pas testé, mais ça devrait marcher
0
Réponse 3 / 7
yann1123 Messages postés 106 Date d'inscription lundi 28 juillet 2008 Statut Membre Dernière intervention 2 novembre 2009 3
15 mai 2009 à 14:53
en fait c'est dans le même genre qu'un menu dynamique seulement je n'arrive pas a trouver ce que je veux. je vais aller faire un tour sur le site que tu m'a donner voir si ya se que je cherche.
0
Réponse 4 / 7
yann1123 Messages postés 106 Date d'inscription lundi 28 juillet 2008 Statut Membre Dernière intervention 2 novembre 2009 3
15 mai 2009 à 14:55
merci juanou je vais tester voir si sa marche.

juste une question le .style permet d'acceder a la feuille de style ?
0
juanou Messages postés 137 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 23 août 2013 58
15 mai 2009 à 15:05
Plus ou moins.

Disons que ça permet d'accéder à tout ce que tu peux définir dans une feuille de styles (css), mais que tu pourrais aussi définir par la propriété style="blablabla".

Et quant à la propriété class="truc", attention car elle est piégée en javascript : on ne l'atteint pas par .class, mais par .className. (Si tu savais comme je me suis arraché les cheveux avant de découvrir ça !)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 7
yann1123 Messages postés 106 Date d'inscription lundi 28 juillet 2008 Statut Membre Dernière intervention 2 novembre 2009 3
15 mai 2009 à 15:14
lol merci pour l'explication j'ai tester ton code sa ne marchai pas donc je l'ai un peu modifier et sa m'affiche le block seulement il disparait en moins d'une seconde. 

function login() 
{
	
	var visibite = document.getElementById('sub_log').style ;
		visibite.display = 'block' ;
 
}
0
juanou Messages postés 137 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 23 août 2013 58
15 mai 2009 à 15:23
Mince, je réalise que je t'ai donné un code pour afficher/masquer le div avec un même lien, alors que tu en voulais un pour afficher, et un pour masquer.

essaye donc : 
<a href="#" onclick="document.getElementById('sub_log').style.display = 'block' ; return false;">afficher</a>

<a href="#" onclick="document.getElementById('sub_log').style.display = 'none' ; return false;">maquer</a>
0
Réponse 6 / 7
yann1123 Messages postés 106 Date d'inscription lundi 28 juillet 2008 Statut Membre Dernière intervention 2 novembre 2009 3
15 mai 2009 à 15:31
Merci beaucoup sa marche à merveille juste une qestion encore a quoi sert le "return false" dans ce cas ?
0
juanou Messages postés 137 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 23 août 2013 58
15 mai 2009 à 15:48
Enlève le et tu te retrouveras en haut de ta page quand tu cliqueras sur le lien, à cause du href="#".
Ça a l'air d'un bricolage, mais c'est la norme.
0
Réponse 7 / 7
yann1123 Messages postés 106 Date d'inscription lundi 28 juillet 2008 Statut Membre Dernière intervention 2 novembre 2009 3
15 mai 2009 à 15:57
a d'accord ok. mainetenant j'essaye de valider le formulaire tu me conseil de le faire en php ou en javascript?
0

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
afficher un tableau JS en HTML
jibouz12 -
jibouz12 -

3 réponses
Nodejs.exe est-ce un virus
Maverik1956 -
Malekal_morte- -

13 réponses
[Javascript] Tables de Multiplication
pigeonus -
hachim -

6 réponses