Wie man ein Div Pop -up Stellen . Sie kann die Ausschreibung der Benutzer einige relevante Informationen in einer schnellen und direkten Weise wollen . Mit ein wenig JavaScript können Sie einen Pop-up- Box für einen Abschnitt von Inhalten. Anleitung
1
Öffnen Sie die IDE (Integrated Development Environment) Ihrer Wahl .
2
finden Sie den Code , die Sie in einem Pop- up-Fenster angezeigt wird, sowie was Sie wollen , um das Pop -up , wie Sie auf eine Schaltfläche auslösen
3
Format Code nach folgender Syntax : .
< script type = "text /javascript" >
Funktion show_alert () {
alert (" Geben Sie den alternativen Text hier "); }
< /script >
erstellen Sie eine Schaltfläche , um den Alarm auszulösen :
< input type = "button" onclick = " show_alert () " value = "Show Alert-Box " />
4
Speichern Sie die Änderungen an Ihrem Code und prüfen, ob es korrekt funktioniert.
5
Platz den Inhalt eines div mit dieser modifizierten Syntax nach Verständnis wie die Pop-up- Funktionalität arbeitet mit der vorherigen Syntax . Sie müssen verwenden " . InnerHTML " in der HTML-Inhalt der div ziehen . Also, stellen Sie sicher, dass das div hat eine einzigartige ID: .
Dies ist ein Test
< /div>
Syntax:
Funktion show_alert () {
alert ( test.innerHTML ); }
In der Alarm-Funktion , "test" ist das erste Wort enthalten , wie es der Name des div und ist " . innerHTML " wird verwendet, um den Inhalt dieser div nehmen . Verwenden Sie den Namen Ihres div id für Ihren Code .