[Alg]Popup window methode vs Popup blockers

[EXX]

Ik zit met volgende vraag:

Voor een kleine website die ik onderhoud wil ik een fotoalbum maken volgens een redelijk standaard methode: clickbare thumbnails die dan een popup window openmaken met daarin de foto en een close button.

Nu kun je zover ik weet 2 methodes gebruiken:

1. de javascript window.open functie
2. <a href="url" target="_new">

De eerste methode heeft natuurlijk veel meer mogelijkheden om de popup te controleren, maar naar wat ik zo gevonden heb blokkeren veel popup blockers de window.open functie. Hoe zit dat met de 2de methode: wordt die door popup blockers met rust gelaten?

[André]

Ja, want de 2de is een doodnormale link die in een nieuw scherm opent en die alleen door de user zelf getriggerd kan worden en niet door scripts

[BtM909]

Daarnaast kan je niet zoveel stylen als je wilt met de tweede methode. Waarom maak je niet gebruik van een div-je die je showt als men op een thumbnail klikt?

[EXX]

BtM909 schreef op 09 november 2004 @ 13:44:
Daarnaast kan je niet zoveel stylen als je wilt met de tweede methode. Waarom maak je niet gebruik van een div-je die je showt als men op een thumbnail klikt?

Dat je met target="_new" niet zoveel kunt stylen is me bewust; daarom zou ik eigenlijk liever window.open() gebruiken. Maar ja, als dat niet altijd werkt, dan maar liever dmv target (ook al zit IIRC dat niet meer in de definitie van html 4.0 strict).

Met een div-je? Hoe gaat dat?

edit:
Even wat met google rondgezocht. Op het eerste gezicht is dat niet zo straightforward met <div>...

[ Voor 17% gewijzigd door EXX op 09-11-2004 14:04 ]

[TaXaN]

Elke zinnige popup-blocker weert enkel popups die niet door de surfer geinitieerd worden. Methode 1 moet je dus niet zomaar afschrijven.

[EXX]

Tsja, je zegt het zelf: elke zinnige popup blocker. Helaas is niet altijd zulke software doordacht geschreven. Je kan slecht alle beschikbare popup blokkers gaan proberen

[BtM909]

Wil je je plaatjes eerst preloaden of wil je het 'laadproces' (de opbouw van de pic) laten zien aan je bezoekers?

[André]

EXX schreef op 09 november 2004 @ 13:49:
[...]
Dat je met target="_new" niet zoveel kunt stylen is me bewust; daarom zou ik eigenlijk liever window.open() gebruiken. Maar ja, als dat niet altijd werkt, dan maar liever dmv target (ook al zit IIRC dat niet meer in de definitie van html 4.0 strict).

Target zit wel in HTML, volgens mij zelfs in elke versie

[EXX]

BtM909 schreef op 09 november 2004 @ 14:09:
Wil je je plaatjes eerst preloaden of wil je het 'laadproces' (de opbouw van de pic) laten zien aan je bezoekers?

Dat maakt niet uit; natuurlijk is het voor 56K modem gebruikers wel interessanter als ze het plaatje zien laden. Dan hebben ze tenminste het idee dat er iets gebeurt.

André schreef op 09 november 2004 @ 14:18:
[...]

Target zit wel in HTML, volgens mij zelfs in elke versie

Ah, ok. Maar bij de Frame target names ontbreekt "_new" en wordt in plaats daarvan "_blank" gebruikt. Is "_new" niet meer ondersteunt?

[ Voor 74% gewijzigd door EXX op 09-11-2004 14:22 ]

[X-Lars]

Gewoon "_blank" gebruiken Dat mag pas "vanaf" XHMTL 1.0 Strict niet meer (dus nog wel in Transitional).

[Verwijderd]

Als je nu zoals BtM909 zegt een divje gebruikt:

code:

<div id="bloot">
  [img]"">
[/img]close</a>
</div>

Met CSS:

code:

#bloot {
  visibility: hidden;
}

En JS:

code:

function showPic (url) {
  document.getElementById('blaat').src = url;
  document.getElementById('bloot').visibility = visible;
}
function closePic () {
  document.getElementById('bloot').visibility = hidden;
  document.getElementById('blaat').src = "";
}

Dan kun je als volgt je linkjes maken:

code:

<a href="javascript:showPic ('http://www.frikadel.nl/welkomfrik.gif')">Blaat</a>

Combineer het met overflow:expand zodat je divje automatisch ter grootte van de pic wordt en met positioning ergens in het midden et voila
_{onder voorbehoud natuurlijk}

[ Voor 15% gewijzigd door Verwijderd op 09-11-2004 19:25 ]

[Verwijderd]

overflow: expand; :?

[Koeniepoenie]

En @Aapopfiets: je kunt beter de property (van style ofcourse) 'display' toggelen. En dan met de waardes 'none' en 'block'.