Å ha en div eller del av koden vises i et pop -up -boksen er nyttig i en rekke sammenhenger . Det kan være lurt å varselet brukeren av noen relevant informasjon på en rask og direkte måte. Ved hjelp av en liten bit av JavaScript, kan du lage en pop -up boks for en del av innholdet . Instruksjoner
en
Åpne IDE (Integrated Development Environment) av ditt valg.
2
Finn den koden du vil skal vises i et pop -up -boksen , samt hva du ønsker å utløse pop -up, for eksempel klikke på en knapp
3
Format koden i henhold til følgende syntaks: .
< script type = "text /javascript " >
funksjon show_alert ( )
{
alert ( "Skriv inn alternativ tekst her ");
}
< /script >
Lag en knapp for å utløse alarmen : en
< input type = " button" onclick = " show_alert ( ) " value = "Vis varsling box" />
4
Lagre endringene i koden din og sjekk at den fungerer som den skal .
5
Place innholdet i en div ved hjelp av denne modifisert syntaks etter forståelse hvordan pop -up funksjonaliteten fungerer med den forrige syntaks. Du må bruke " . InnerHTML " å trekke i HTML- innholdet i div . Sørg også for at div har en unik id : .
p Dette er en test
< /div >
Syntax : en
funksjon show_alert ( )
{
alert ( test.innerHTML ) ;
}
i varsling , "test" er det første ordet inkludert som det er navnet på div , og " . innerHTML " brukes til å ta innholdet på den div . Bruk navnet på div id for koden din .
