Aller au contenu
  • Veuillez ne pas poster de message pour but d'insulter, incitation à la haine, propos sexuels et tout autre qui ne respecte pas nos conditions générales !

Afficher un contenue en javascript

Luzmog

Par Luzmog
dans Résolu

 Partager

Messages recommandés

Luzmog

Luzmog 2

Posté(e)
Posté(e)

Bonsoir !

 

J'aurais besoin d'aide pour du javascript je m'y connait mais comme j'y débute je n'es pas les compétence requise pour faire mon truc

je voudrais que quand je clique sur  une balise comme <a href=""></a> et bien que sa m'affiche par exemple le formulaire d'inscription avec un fond blanc

mais seulement au cliqué 

 

Merci de votre aide 

Lien à poster
Partager sur d’autres sites
Arwantys

Arwantys 643

Posté(e)
Posté(e) (modifié)

Avec la librairie jQuery, je sais pas si c'est ce que tu voulais mais sa affiche ton contenu mdr 

<!doctype html>

<html>
	<head>
		<title>Demo HD</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0">
	</head>

	<body>
		<a href="#" id="register">Inscription</a>
		<div id="formulaire" style="display: none;">
			<hr>
			<form method="post">
				<input name="username" placeholder="Nom d'utilisateur" type="text"><br>
				<input name="password" placeholder="Mot de passe" type="password"><br>
				<button name="register" type="submit">Inscription</button>
			</form>
		</div>
	</body>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
	<script>
		$('#register').click(function(){
			$('#formulaire').toggle();
		});
	</script>
</html>

 

Modifié par Arwantys1

JavaScript for ever

Lien à poster
Partager sur d’autres sites
Luzmog

Luzmog 2

Posté(e)
  • Auteur
Posté(e)
Le 03/06/2017 à 13:19, MathisL a dit :

Avec la librairie jQuery, je sais pas si c'est ce que tu voulais mais sa affiche ton contenu mdr 


<!doctype html>

<html>
	<head>
		<title>Demo HD</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0">
	</head>

	<body>
		<a href="#" id="register">Inscription</a>
		<div id="formulaire" style="display: none;">
			<hr>
			<form method="post">
				<input name="username" placeholder="Nom d'utilisateur" type="text"><br>
				<input name="password" placeholder="Mot de passe" type="password"><br>
				<button name="register" type="submit">Inscription</button>
			</form>
		</div>
	</body>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
	<script>
		$('#register').click(function(){
			$('#formulaire').toggle();
		});
	</script>
</html>

 

Merci c'est bien ce que je chercher 

Lien à poster
Partager sur d’autres sites
  • 2 ans plus tard...
  • Administrateur
Narzo

Narzo 759

Posté(e)
  • Administrateur
Posté(e)
    Salut Luzmog ,
    Ton sujet a été déplacé pour une des deux raisons suivantes :

    - Ta demande a été résolue.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.

《⠀⠀Founder of Inshare.fr⠀》

《⠀⠀Baylife moderator⠀》

《⠀⠀Twitch channel moderator⠀》

《⠀⠀French translator Trucksbook.eu⠀》

𝐹𝑒𝑒𝑙 𝑓𝑟𝑒𝑒 𝑡𝑜 𝑤𝑟𝑖𝑡𝑒 𝑎 𝑐𝑜𝑚𝑚𝑒𝑛𝑡

—————————————————

╱⠀⠀⠀⠀⠀⠀⠀⠀⠀Règlements⠀⠀ //⠀⠀Abonnements⠀⠀ //⠀⠀ Discord   ⠀⠀⠀⠀⠀⠀⠀⠀⠀╲

 

signature.png

Lien à poster
Partager sur d’autres sites
  • Administrateur
Narzo

Narzo 759

Posté(e)
  • Administrateur
Posté(e)
    Salut Luzmog ,
    Ton sujet a été déplacé pour une des deux raisons suivantes :

    - Ta demande a été résolue.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.

《⠀⠀Founder of Inshare.fr⠀》

《⠀⠀Baylife moderator⠀》

《⠀⠀Twitch channel moderator⠀》

《⠀⠀French translator Trucksbook.eu⠀》

𝐹𝑒𝑒𝑙 𝑓𝑟𝑒𝑒 𝑡𝑜 𝑤𝑟𝑖𝑡𝑒 𝑎 𝑐𝑜𝑚𝑚𝑒𝑛𝑡

—————————————————

╱⠀⠀⠀⠀⠀⠀⠀⠀⠀Règlements⠀⠀ //⠀⠀Abonnements⠀⠀ //⠀⠀ Discord   ⠀⠀⠀⠀⠀⠀⠀⠀⠀╲

 

signature.png

Lien à poster
Partager sur d’autres sites
 Partager
Aller sur la liste des sujets
×
×
  • Créer...