[JavaScript] Leightbox onload via javascript functie - Softwareontwikkeling

woensdag 2 mei 2007 19:35

Acties:

Verwijderd

Topicstarter

Binnenkort wil ik mijn nieuwe portfolio website online zetten maar omdat deze nog niet klaar is tegen de tijd dat hij gelanceerd moet worden moet ik de bezoekers op de hoogte te stellen van dit gegeven.

Dit wil ik gaan doen door middel van een lightbox variant: leightbox, deze ondertsteunt text, formfields ed. Het is geen probleem de leightbox op te roepen door middel van:

HTML:

1	<a href="#lightbox1" rel="lightbox1" class="lb0n">Open leightbox</a>

Nu wil ik graag dat deze leightbox automatisch weergegeven wordt wanneer een bezoeker mijn website bezoekt. (dit principe wordt later uitgebreid met een cookie/sessions PHP scriptje om ervoor te zorgen dat dit alleen bij het eerste bezoek weergegeven wordt maar dit doet nu niet ter zake)
Als het ware probeer ik dit idee te bereiken:

HTML:

1	<body onLoad="Laat leightbox zien">

Tot nu toe heb ik nog niet kunnen bereiken wat ik graag wil. Ik heb geprobeert een functie te schrijven middels het innerHTML principe maar deze ondersteunen voor zover ik weet helaas geen HTML codes, alleen plain text. Een andere oplossing die ik heb geprobeert is het gebruiken van de javascript functie click(), dit heb ik als volgt geprobeert:

HTML:

De body tag:
<body onload="document.getElementById('leightbox').click()">

De link tag ergens in de body:
<a href="#lightbox1" id="leightbox" rel="lightbox1" class="lbOn">Leightbox 1</a>

En op de volgende manier (middels js functie in de head):

JavaScript:

1
2
3

window.onload=function() { 
window.onload; document.getElementById('leightbox').click(); 
};

Bij deze laatste twee mogelijkheden zie ik in IE (in safari of FF niet) achter mijn URL wel '#lightbox1' verschijnen en hoor ik de 'klik' die je normaal hoort bij het aanklikken van een link. Er gebeurt nu dus wel iets, echter verschijnt er nog steeds geen leightbox.

Je vindt mijn website hier: http://www.r2dgeert.nl/beta3/
Linksbovenin staat een linkje naar de leightbox zoals ik hem wil laten verschijnen (is nog een standaard lay-out, het gaat hier alleen nog even om het idee

)

Kan iemand mij verder helpen?

donderdag 3 mei 2007 00:09

Acties:

Niakmo

ik heb het ooit een zo opgelost:

verander de initalize functie in je lightbox.js

JavaScript:

function initialize(){
addLightboxMarkup();
var lbox = document.getElementsByClassName('lbOn');
for(var i = 0; i < lbox.length; i++) {
    valid[i] = new lightbox(lbox[i]);
    }
    if(valid.length != 0) { 
        valid[0].activate();
    }
}

dit is niet de mooiste manier maar ik zat toen in tijdnood. het beste is om die activate functie in de onload aan te roepen. Op deze manier kan je ook niet van meerdere lboxen gebruik maken.

[ Voor 21% gewijzigd door Niakmo op 03-05-2007 00:13 ]

Reageer