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.