Under en div eller sektion af kode vises i et pop- up-boks er nyttigt i en række forskellige sammenhænge . Du ønsker måske at advare brugeren om nogle relevante oplysninger på en hurtig og direkte måde. Ved hjælp af en lille smule af JavaScript , kan du oprette en pop- up boks til en sektion af indhold. Instruktioner
1
Åbn IDE (Integrated Development Environment ) efter eget valg .
2
Find den kode, du vil have vist i et pop- up box , samt hvad du ønsker at udløse pop- up , så som at klikke på en knap
3
Formater din kode efter følgende syntaks: .
< script type = "text /javascript " >
funktion show_alert ()
{
alert ( "Enter alternativ tekst her ");
}
< /script >
Opret en knap for at udløse alarm : Hej
< input type = " button" onclick = " show_alert () " value = "Vis advarsel box" />
4
Gem ændringer til din kode og kontrollere, at det fungerer korrekt .
5.
Place indholdet af en div ved at bruge denne ændrede syntaks efter forståelse hvordan pop- up -funktionalitet fungerer med den tidligere syntaks. Du bliver nødt til at bruge " . InnerHTML " for at trække i HTML indhold div . Sørg også for, at div har en unik id: .
p Dette er en test
< /div> < br >
Syntaks : Hej
funktion show_alert ()
{
alert ( test.innerHTML )
}
i alarmfunktionen , "test" er det første ord inkluderet som det er navnet på div , og " . innerHTML " bruges til at tage indholdet af denne div . Brug navnet på din div id for din kode .