Med en div eller kodavsnitt visas i ett pop - up ruta är användbar i en mängd olika sammanhang . Du kanske vill att varna användaren för viss relevant information på ett snabbt och direkt sätt . Med hjälp av en liten bit av JavaScript , kan du skapa en pop - up box för en del av innehållet . Instruktioner
1
Öppna IDE ( Integrated Development Environment ) som du väljer .
2
Hitta koden som du vill ska visas i ett pop - up fönster , samt vad du vill utlösa pop - up , exempelvis att klicka på en knapp Addera 3
Formatera din kod enligt följande syntax : .
< script type = " text /javascript " >
funktion show_alert ( ) katalog
{
alert ( " Ange alternativ text här " ) ;
}
< /script >
Skapa en knapp för att utlösa larmet :
< input type = " knapp " onclick = " show_alert ( ) " value = " Visa varningsruta " />
4
Spara ändringarna i koden och kontrollera att den fungerar ordentligt .
5
placera innehållet i en div med hjälp av denna modifierade syntax efter förståelse hur pop - up funktion fungerar med föregående syntax . Du kommer att behöva använda " . InnerHTML " att dra in HTML-innehållet i div . Se också till att div har ett unikt id : .
Detta är ett test
< /div >
Syntax :
funktion show_alert ( ) katalog
{
alert ( test.innerHTML ) ;
}
i varningsfunktion, "test" är det första ordet med eftersom det är namnet på div , och " . innerHTML " används för att ta innehållet i denna div . Använd namnet på din div id för din kod .
