Afficher fenêtre avec javascript
Fermé
parousky
Messages postés
325
Date d'inscription
mardi 11 septembre 2012
Statut
Membre
Dernière intervention
20 février 2022
-
5 déc. 2013 à 22:40
NPoulin02 - 6 déc. 2013 à 20:07
NPoulin02 - 6 déc. 2013 à 20:07
A voir également:
- Afficher fenêtre avec javascript
- Telecharger javascript - Télécharger - Langages
- Fenêtre hors écran windows 11 - Guide
- Afficher appdata - Guide
- Raccourci agrandir fenetre - Guide
- Afficher mot de passe wifi android - Guide
3 réponses
Bonjour!
Pour cela, il faut utiliser la fonction "document.getElementById()". Voici ton code avec cette fonction :
+----------------------------------------------------------------------------------------------------+
+----------------------------------------------------------------------------------------------------+
Donc,
1. Au début de l'attribut "href" du lien, il y a le mot "javascript:". Ce mot sert à mettre du code JavaScript dans ton lien au lieu de mettre un "onclick" et un "href" vide.
2. Quand le lien est cliqué, il affiche, grâce à la fonction "alert()" une boite popup, qui récupère l'input grâce à son "ID" passé en paramètre à la fonction "document.getElementById()" qui ensuite affiche la valeur de l'input dans le popup avec la propriétée ".value".
Si tu as des questions, n'hésite pas!
Et pour le reste, voici un excellent tutoriel de JavaScript (que je suis moi-même) : http://fr.openclassrooms.com/informatique/cours/dynamisez-vos-sites-web-avec-javascript
:-D
Pour cela, il faut utiliser la fonction "document.getElementById()". Voici ton code avec cette fonction :
+----------------------------------------------------------------------------------------------------+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Buvez Duff !</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<input type="text" id="mot" size="5" />
<a href="javascript:alert(document.getElementById('mot').value);">Oh Yeah, Duffman !</a>
</body>
</html>
+----------------------------------------------------------------------------------------------------+
Donc,
1. Au début de l'attribut "href" du lien, il y a le mot "javascript:". Ce mot sert à mettre du code JavaScript dans ton lien au lieu de mettre un "onclick" et un "href" vide.
2. Quand le lien est cliqué, il affiche, grâce à la fonction "alert()" une boite popup, qui récupère l'input grâce à son "ID" passé en paramètre à la fonction "document.getElementById()" qui ensuite affiche la valeur de l'input dans le popup avec la propriétée ".value".
Si tu as des questions, n'hésite pas!
Et pour le reste, voici un excellent tutoriel de JavaScript (que je suis moi-même) : http://fr.openclassrooms.com/informatique/cours/dynamisez-vos-sites-web-avec-javascript
:-D
parousky
Messages postés
325
Date d'inscription
mardi 11 septembre 2012
Statut
Membre
Dernière intervention
20 février 2022
6
6 déc. 2013 à 12:55
6 déc. 2013 à 12:55
Merci ça marche bien ! Maintenant, j'aimerai écrire une fonction qui renvoie une fenêtre différente en fonction de ce qui a été écrit dans la zone de texte. Si il y a un mot écrit, la fenêtre affiche ce mot, si il n'y a rien d'écrit, la fenêtre affiche un message du type : "Vous n'avez pas renseigné...".
<input class="id" id="identifiant" size="10">
<input type="password" id="mdp" class="mdp" size="12"/>
<script>
function ouvrir()
{
if(mdp.value.length=0)
{
alert('Vous n\'avez pas renseign\é votre mot de passe');
}
if(identifiant.value.length=0)
{
alert('Vous n\'avez pas renseign\é votre idenifiant');
}
else
{
alert('Bienvenue <? php echo $_post['idenfifiant'];?>');
}
}
</script>
<a href="javascript:ouvrir();" class="ButtonLogin">Login</a>
Mais ça ne marche pas... Je n'arrive pas à trouver de solution simple dans le tutoriel ( que je suis aussi !).
Arrives-tu à trouver le problème dans ce code ?
<input class="id" id="identifiant" size="10">
<input type="password" id="mdp" class="mdp" size="12"/>
<script>
function ouvrir()
{
if(mdp.value.length=0)
{
alert('Vous n\'avez pas renseign\é votre mot de passe');
}
if(identifiant.value.length=0)
{
alert('Vous n\'avez pas renseign\é votre idenifiant');
}
else
{
alert('Bienvenue <? php echo $_post['idenfifiant'];?>');
}
}
</script>
<a href="javascript:ouvrir();" class="ButtonLogin">Login</a>
Mais ça ne marche pas... Je n'arrive pas à trouver de solution simple dans le tutoriel ( que je suis aussi !).
Arrives-tu à trouver le problème dans ce code ?
Re-bonjour!
Ton code avez plusieurs erreurs (sans vouloir t'offenser :-)), donc j'en ai fais un nouveau en HTML 5 (car je n'ai pas appris le 4) qui marche très bien : https://drive.google.com/file/d/0B4MUsQfxKvAab29rQnpJUzlEcjA/edit?usp=sharing
Je n'ai pas le temps de tout t'expliquer, mais tu peux me poser tes questions si tu en as.
NPoulin02
Ton code avez plusieurs erreurs (sans vouloir t'offenser :-)), donc j'en ai fais un nouveau en HTML 5 (car je n'ai pas appris le 4) qui marche très bien : https://drive.google.com/file/d/0B4MUsQfxKvAab29rQnpJUzlEcjA/edit?usp=sharing
Je n'ai pas le temps de tout t'expliquer, mais tu peux me poser tes questions si tu en as.
NPoulin02