JavaScript, Pop-up boxen.

JavaScript, Pop-up boxen.

JavaScript kent drie verschillende pop-up boxen. De Alertbox, waarbij je alleen op
‘OK’ moet klikken, de Confirmbox, waarbij je klikt op ‘OK’ of ‘annuleren’ en de Promptbox, waar de gebruiker een tekst moet
invullen en dan op ‘OK’ drukt of ‘annuleert’.

Alertbox
De syntaxis voor en alertbox is als volgt:

alert(‘de tekst’);

Dan gebeurd er dit:

Ga hier over met je muis.

Hiermee kun je dus allerlei waarschuwingen geven of tips. Bijvoorbeeld dat je voor een pagina het beste een
Shockwave Flash-plug-in gebruikt.

Confirmbox
De syntaxis voor een confirmbox is als volgt:

confirm(‘de tekst’);

Vervolgens kan de gebruiker kiezen om OK te klikken of om te annuleren. Bijvoorbeeld om te laten bevestigen dat de
bezoeker geen vlees eet. Je moet om te bevestigen een waarde geven aan ‘true’. Om te annuleren een waarde geven aan ‘False’.
Klik maar eens naar het volgende voorbeeld:

<script type=”text/javascript”>
<!–
if (confirm(‘Je eet nooit vlees’)){alert(‘Je eet inderdaad geen vlees’)};
else {alert (‘Je eet dus wel vlees’)};
// –>
</script>

De Promptbox
Bij een promptbox is het de bedoeling dat de gebruiker eerst een tekst invoert, en daarna kiest voor
OK of Annuleren. Hier moet je vooral denken aan een wachtwoord invullen of een naam die moet worden bewaard in een
cookie.

Wanneer er op OK gedrukt wordt dan geeft de box een ingevulde waarde terug, maar als je annuleert dan krijg je ‘Null’terug.
Wil je nu datgene wat wordt ingevuld gaan gebruiken, dan moet je deze opslaan in een variabele. Wat dat is daar komen we’
een volgende keer op terug, maar hier volgt alvast een voorbeeld.

<script type=”text/javascript”>
<!–
username=prompt(‘Vul hier je naam in’,’Zet het hier maar in’);
document.write(username);
// –>
</script>

Let er wel even op dat je ditmaal datgene wat achter ‘document.write’ staat niet tussen ‘en’ komt te staan.
Dat komt omdat het hier om een ‘variabele’ gaat. terwijl gewone tekst tussen haakjes een ‘string’ heet.
Het verschil tussen beide is erg belangrijk!

          Leuk als je dit artikel deelt:
Share

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *