Pop-up vensters maken
Woord vooraf: met de
huidige generatie web browsers zullen onderstaande script niet of niet
goed meer werken, wat voor Internet Explorer voldoet zal in Google
Chrome en in Firefox weer anders worden weergegeven en vice versa.
Een goed alternatief
voor dit probleempje is de
popup
generator van html-site!
De meeste van de volgende voorbeelden zullen alleen goed werken als ze met behulp van de
navigator worden getest, de preview optie van de diverse design
programma's kan makkelijk de weg kwijt raken omdat deze programma's vaak
met een tijdelijke map werken. Het bestand voorbeeld.html zal dus naar
alle waarschijnlijkheid niet gevonden worden, met een foutmelding als
gevolg.
Maak eerst een pagina met de naam voorbeeld.html en type daar
iets herkenbaars in zoals: Dit is mijn pop-up pagina. Deze html pagina
heb je straks nodig om te zien of het script werkt.
Dit script opent een standaard
venster.
Bekijk een voorbeeld
Kopieer de onderstaande code en plak die
tussen <body> en </body> van je pagina om deze optie te gebruiken:
Dit script opent een venster
zonder opties.
Bekijk een voorbeeld
Kopieer de onderstaande code en plak die
tussen <body> en </body> van je pagina om deze optie te gebruiken:
Dit script opent een venster met
een tekst als afsluitoptie.
Bekijk een voorbeeld
Kopieer de onderstaande code en plak die
tussen <body> en </body> van je pagina om deze optie te gebruiken:
Dit script opent een venster met
een knop als afsluitoptie.
Bekijk een voorbeeld
Kopieer de onderstaande code en plak die
tussen <body> en </body> van je pagina om deze optie te gebruiken:
Dit script opent een venster met
een plaatje als afsluitoptie.
Bekijk een voorbeeld
Kopieer de onderstaande code en plak die
tussen <body> en </body> van je pagina om deze optie te gebruiken:
Een pop-up
venster dat zichzelf afsluit na een bepaalde tijd.
Bekijk een voorbeeld
Kopieer de onderstaande code en plak die
tussen <body> en </body> van je pagina om deze optie te gebruiken:
Een automatisch
pop-up venster bij het starten van je homepage.
Bekijk een voorbeeld
Kopieer de onderstaande code en plak die
tussen <body> en </body> van je pagina om deze optie te gebruiken:
Een nieuw venster openen bij het
verlaten van de pagina.
Bekijk een voorbeeld
Kopieer de onderstaande code en plak die
tussen <body> en </body> van je pagina om deze optie te gebruiken:
Op deze pagina wordt
gebruik gemaakt van zogenaamde Inline frames, sommige web browsers
kunnen die niet weergeven.
Bij het gebruik van pop-up
killers etc. zullen sommige voorbeelden uiteraard niet functioneren!
Terug naar de keuze pagina.