Homepage » Tutorials » Javascript » Pop-ups maken

Pop-ups maken

Info 
Door: Rick Moeilijkheidsgraad: 1/3
Geplaatst op: 16-05-2003Reacties: 11(Bekijken)
Views: 19920 (gem. 7.4579 per week) Log in om zelf te reageren
 Waardering:7.4/10 (11 stemmen)

Gerelateerde items

Basiscursus Javascript

Wil je dat je bezoekers bij het laden van je pagina nog een venster te zien krijgen(een zogenaamd pop-up venster)? Dat kan met Javascript, door de onderstaande code in je body te zetten.

#Code
1
2
<body "javascript:void(0)"
onLoad="open('voorbeeld.html','miniwin', 'toolbar=0, location=0,directories=0,status=0, menubar=0,scrollbars=0, resizable=0,width=300,height=300')"">


Hierin wordt, zoals je ziet, verwezen naar voorbeeld.html. Die pagina moet je dus wel aanmaken! Je kunt hem natuurlijk een andere naam geven, maar dan moet je de naam in de Javascript ook wijzigen natuurlijk.

Verder zie je nog heel wat vreemde codes staan. Hierbij moet je begrijpen dat 1 zoveel als 'ja' betekent, en 0 betekent dan natuurlijk 'nee'. Dan zal het meeste wel duidelijk zijn. toch nog even de uitleg:

Toolbar: Wel of geen taakbalk in het nieuwe venster
Menubar: Wel of geen menubalk
Scrollbar: Wel of geen schuifbalken
Resizable: Kan de bezoeker het venster wel of niet van grootte veranderen
Width: De breedte van het scherm in pixels
Height: De hoogte van het scherm in pixels
Location: Wel of geen adresbalk

Met deze code is het niet alleen mogelijk om een pop-up venster te laten openen als de pagina geladen wordt, maar je kunt ook een klein schermpje openen als de bezoeker op een link klikt. We moeten hem dan alleen niet in de <body> zetten, maar in de tag van de link. Ook vervangen we onLoad door onClick. Het komt er dus zo uit te zien:

#Code
1
2
<a HREF="javascript:void(0)"
onclick="open('voorbeeld.html','miniwin','toolbar=0, location=0,directories=0,status=0,menubar=0, scrollbars=0,resizable=0,width=300,height=300')">Open een pop-up</a>

11 reacties
brechtwls Geplaatst op 31-07-2009 om 16:25
Avatar van brechtwls

Regular		 Ik wil een klik niet hier ding maken.
Als ik klik op open een pop up wil ik dat er komt:" je had niet hier mogen klikken" en dan moet je op ok klikken en dan moet er komen "alé ik laat u met rust..."

Welke code moet je dan gebruiken?
gieldl Geplaatst op 30-10-2008 om 20:45
 

Regular		 Misschien een beetje laat, maar anderen met dezelfde vraag zullen dit nuttig vinden:
Die javascript:void(0) is eigenlijk "niets", het is een link naar niets. Want als je <a href=" "> invult moet er iets tussen die " " staan, ook als je naar niets wilt linken, dan is void(0) handig.

In de eerste pop-up (waarbij de pop-up geladen wordt bij opening van een pagina) is die void(0) zelfs onnodig.
brocot Geplaatst op 29-09-2006 om 18:30
 

Regular		 Zou de mogelijkheid bestaan om in het popup venster, bij ieder bezoek een andere pagina als popup te laten openen.
brocot Geplaatst op 15-09-2006 om 08:03
 

Regular		 bedankt, net wat ik zocht. Zie maar :
www.godderis.be
site freak Geplaatst op 25-08-2006 om 10:12
 

Regular		 dankje
bass Geplaatst op 26-04-2006 om 14:16
Avatar van bass

Regular		 hartsike leuk script ik gebruik et lekker feel (HIHI)
Ganger Geplaatst op 12-04-2006 om 11:27
Avatar van Ganger

Regular		 voor wat dient die ' void(0) '
AttiCus Geplaatst op 01-08-2005 om 23:16
 

Regular		 Een timerken :)
Mirax Geplaatst op 07-01-2005 om 10:48
 

Moderator
#Code
1
window.setTimeout("open(...)",5000);
Onbekend lid Geplaatst op 05-01-2005 om 22:20
 

Spammer		 tenzij je met javascript werkt, zal je toch moeten doen met onload...
Henrie Geplaatst op 05-01-2005 om 21:16
 

Regular		 Grachte heer, mevrouw,

Ik heb dit schrift in mijn HTML staan. en de pop up wordt geactiveerd. Allen wil ik hem automatisch laten verschijnen naar 5 sec. Wat moet ik veranderen en toevoegen.

U kunt mailen naar woltman.watersport@wxs.nl

Hartelijk dank

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!

Check je domein...


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be