|
Avoir un div ou section de code apparaissent dans une fenêtre pop-up est utile dans une variété de contextes. Vous voudrez peut-être à l'alerte l'utilisateur d'une information pertinente de manière rapide et directe. En utilisant un peu de JavaScript , vous pouvez créer une boîte de pop-up pour une section de contenu. Instructions
1 Ouvrez l' IDE ( Integrated Development Environment ) de votre choix.
2 Trouvez le code que vous souhaitez voir apparaître dans une fenêtre pop-up , ainsi que ce que vous voulez pour déclencher le pop-up , tels que cliquer sur un bouton
3 Format votre code selon la syntaxe suivante: .
< script type = "text /javascript" >
fonction show_alert () {
alerte ("Entrez un texte alternatif ici "); }
Photos Créer un bouton pour déclencher l'alerte :
< valeur de input type = "button" onclick = " show_alert () " = " box alerte Show" />
4 enregistrer les modifications dans votre code et vérifier qu'il fonctionne correctement.
5 place le contenu d'un div en utilisant cette syntaxe modifiés après accord comment la fonctionnalité pop-up travaille avec la syntaxe précédente . Vous aurez besoin d'utiliser . " InnerHTML " à tirer dans le contenu HTML de la div . Aussi, assurez -vous que la div a un identifiant unique : .
Syntaxe:
fonction show_alert ()
{
alerte ( test.innerHTML ) ;
}
dans la fonction d'alerte , "test" est le premier mot inclus car c'est le nom de la div , et " . innerHTML » est utilisé pour prendre le contenu de cette div . Utilisez le nom de votre div id de votre code.
|
