geplaatst door: MFrein
Hoe maak je een venstertje wat over de rest van de pagina verschijnt (bv door drukken op een knop in het menu) en dat je dan weer kan sluiten (door op een bv kruisje te drukken) net zoals bijvoorbeeld reclames op kranten sites of verzoeken om mee te doen aan enquetes?

Ik gebruik dreamweaver versie 8 / studio MX

PS ik wil dan geen reclamevensters maken maar een venster met data waarop (kinder)yoga wordt gegeven maar dat terzijde,

Alvast bedankt

pop up venster of layer aan/uit maken in dreamweaver?
13 september 2008 - 21:47    reactie #1
geplaatst door: ettepet
Maak een div en geef deze een id, bijvoorbeeld 'popup'.
Zet voor deze div in de bijbehorende css
display: none;

Plaats in deze div de content die je wilt tonen en plaats er een close-kruisje of wat dan ook.
Hang aan dit kruisje een onclick-event die het volgende doet (mooist is een functie schrijven in javascript, plaatsen in een .js file en includen)

document.getElementById('popup').style.display= "none";

Plaats elders op de pagina een open-linkje en hang hier eveneens een onclick-event aan:

document.getElementById('popup').style.display = "block";
pop up venster of layer aan/uit maken in dreamweaver?
13 september 2008 - 22:33    reactie #2
geplaatst door: applejuice
op een simpelere manier kun je aan een link een action meegeven dat er een nieuw venster opent en daarin maak je dan een "knopje" of zo dat er weer voor zorgt dat het venster sluit.

maw: je klikt op een link--> nieuwe venster opent--> daar klik je ergens op en venster sluit weer.

Luister, leer en reageer. Niemand weet alles. We weten allemaal iets.
Nieuwsgierig naar mijn werkplek? Hier!!
Onze werkzaamheden: Beweeg muis hierover en klik
pop up venster of layer aan/uit maken in dreamweaver?
14 september 2008 - 13:21    reactie #3
geplaatst door: Fix
vroegah deed ik het altijd gewoon met Javascript:

<a href="URL" onclick="window.open('URL', 'venster_naam', 'venster_opties'); return false">linktekst</a>

vensteropties:
  1.  width de breedte van het venster wanneer het geopend wordt
  2. height de hoogte van het venster wanneer het geopend wordt
  3. location de adresbalk van het venster (waar de URL van de pagina altijd in staat)
  4. status de statusbalk van het venster (staat bij IE standaard onderin het scherm)
  5. menubar de menubalk van het venster
  6. directories andere directory-knoppen van de browser
  7. toolbar hier staan de verschillende knoppen op: vorige, home, print, etcetera
  8. resizable geeft aan of de bezoeker de grootte van het venster mag aanpassen
  9. scrollbars het venster krijgt schuifbalken als de inhoud groter is dan de vensterafmetingen

(gekopieerd van http://www.mijnhomepage.nl/javascript/popup-maken.php )

(Bewerkt door Fix om 13:22, 14-09-2008)