Hey allen,

Ik probeer een script werkende te krijgen met JQuery die een alert box moet openen (en neen, ben niet op zoek naar alert()).

In mijn pagina gebruik ik volgende code (met succes):

Code:

<script>
$(function() {
$('#knop).alertBox({
href: 'success.html'
});
});
</script>

Deze werkt wanneer ik op de div met id "knop" klik. De functie is dus volledig werkend, en wordt uitgelezen van een ander bestand. Ook de link hiertussen is dus ok.

Nu zou ik graag deze alertBox openen bij het opstarten van de webpagina (en dus niet bij het klikken op de div met id "knop".

Ik probeer hierbij volgende code:

Code:

$(window).load(function() {
alertBox({
href: 'success.html'
});
 });

Dit blijkt echter NIET te werken en Firefox debugger geeft me volgende foutmelding: "ReferenceError: alertBox is not defined".

Ik dacht hierbij dat het externe .js script misschien nog niet volledig geladen zou zijn wanneer de load wordt aangeroepen, dus heb besloten om een timeout toe te voegen:

Code:

$(function() {
setTimeout(function() {
      alertBox({
  href: '/index.php'
 });
}, 20000);
});

Een timeout van 20 seconden is te lang, dat weet ik, maar het werkt in ieder geval niet. Maw: het ligt ook niet door het feit dat hij het externe .js bestand heeft kunnen openen. Uiteindelijk werkt de eerste code bovenaan wel (klikken op de div).

Weet er iemand hoe ik dit converteer dat alertBox wordt uitgevoerd bij het openen van de pagina?

Alvast bedankt.

- Kevin

Nee de fout geeft aan dat je geen referentie hebt opgegeven. Een referentie naar een attribuut waar op geklikt moet worden zeg maar.

De $(KNOP).alertbox koppelt de functie aan de knop.

Probeer eens $.alertbox()

En anders een link naar je plugin.

Wilbert, dank voor de hulp.

Dan krijg ik volgende foutmelding (Firefox):

Code:

TypeError: $.alertBox is not a function

Hier is de externe functie:
http://pastebin.com/hzbqnGk8

Alvast bedankt.

- Kevin

Deze functie kun je alleen koppelen aan een object.
Die is niet zo op te roepen, daarvoor moet je de functie aanpassen.