ICI header("Location: http://www.mytesting.fr ");

DIALOGUE AVEC HTML ET JAVASCRIPT.

par André Marini 2 Avril 2015, 19:12 Texte

DIALOGUE AVEC HTML ET JAVASCRIPT.

On peut parfaitement intégrer du Javascript au langage HTML à condition de l'encadrer des balises <script type="text/javascript"></script>

 

L'intérêt du javascript est qu'il interagit directement avec les éléments composant la page html. 

 

Voici un exemple de code HTML et de Javascript qui ouvre une boîte de dialogue avec question et confirmation de la réponse. 

 

En bleu, le code HTML.

En marron, le code javascript.

En noir, ce que vous écrivez.

 

Lorsque la question va s'ouvrir, vous aurez le choix entre deux réponses.

 

OK, vous confirmez. C'est ce qui est contenu dans "If confirm".

Annuler, vous n'êtes pas intéressé. C'est ce qui est contenu dans "else". 

 

Pour une bonne maîtrise du code, vous devez essayer les deux réponses.

 

Ce contenu est souvent utilisé par les sites réservés aux plus de 18 ans, avec une question différente bien sûr ! La confirmation déclenche une action (Voir l'article à ce sujet) ce qui n'est pas le cas dans mon exemple.

 

CODE

 

<input type="button" value="Avant de consulter cet article, vous devez cliquer ici" onclick="ExempleConfirm();" style="padding:4px 8px;" /> 
<div id="divAge"></div> 

<script type="text/javascript"> 
function ExempleConfirm(){ 
   if (confirm("
Etes-vous intéressé ?")){ 
      document.getElementById("divAge").innerHTML =
"Vous venez de confirmer que vous êtes intéressé"; 
   } 
   else{ 
      document.getElementById("divAge").innerHTML =
"Vous n'êtes pas intéressé"; 
   } 

</script>

 

RESULTAT 

 

 

 

 

commentaires

Haut de page