Jump to content
  • Please do not post a message for the purpose of insulting, incitement to hatred, sexual remarks and any other which does not respect our terms of use !

Afficher un contenue en javascript


Luzmog

Recommended Posts

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 

Link to post
Share on other sites

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>

 

Edited by Arwantys1

JavaScript for ever

Link to post
Share on other sites

Le 02/06/2017 à 23:46, Pouney a dit :

Tu peux faire sa avec une alerte ?

Les sweet sont pas mal : 

To access this link, please log in.

 

Cdt.

Merci du conseil 

Link to post
Share on other sites

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 

Link to post
Share on other sites

  • 2 years later...
  • Administrateur
    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

Link to post
Share on other sites

  • Administrateur
    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

Link to post
Share on other sites

×
×
  • Create New...