Pop-ups maken

Info 
Door: Admin Moeilijkheidsgraad: 1/3
Views:27.093Reacties: 12(Bekijken)
  Log in om zelf te reageren
 Waardering:7.4/10 (11 stemmen)



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>

12 reacties
koekes Geplaatst op 07-12-2010 om 13:46
 

Regular
ik wil graag zo'n bewegende maken is dat mogelijk....?
Onbekend lid Geplaatst op 31-07-2009 om 16:25
 

Spammer
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

Pagina 1 2 3 

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


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be, uw Hosting Solution Builder