Globale linker

JavaScript

Popup bokser

Vi har muligheten til å kunne presentere brukeren med tre forskjellige pop-up bokser; alert, confirm og prompt. Prøv å klikke på de forskjellige knappene under.

Alert boks

Syntaxen for en alert box er:

alert("Din beskjed");

Brukeren må klikke «OK» for å kunne fortsette.

Et eksempel kan være ved en advarsel/informasjon:
alert("This site requires Shockwave Flash plug-in");

Confirm box

Syntaxen for en confirm box er:

confirm("Din beskjed");

Brukeren må klikke «OK» eller «Cancel»for å fortsette.

Typisk bruk er hvis du vil at brukeren skal akseptere eller bekrefte noe.

Eksempler kan være en bekreftelse på alder: «Bekreft at du er minst 67 år»eller teknisk som f.eks «Er du helt sikker på at du har plug-in for Shockwave Flash?»

- Hvis brukeren klikker «OK», returnerer boksen en verdi lik true.
- Hvis brukeren klikker «Cancel», returnerer boksen er verdi lik false.

if (confirm("Godtar du")) {alert("Du godtar")}
else{alert ("Du godtar ikke")};

NB!: if statement blir forklart senere.

Prompt boks

Syntaxen for en prompt boks er:

prompt("Din beskjed","default tekst i tekstfeltet");

Brukeren må klikke enten «OK» eller «Cancel» for å fortsette.

Typisk bruk er når du bil at brukeren skal gi deg en verdi, f.eks. navn eller alder, før han/hun får lov til å komme inn på siden.

Eksempler kan være at du vil at du vil bruke brukerens navn i en cookie, eller at brukeren skal skrive inn et passord.

- Hvis brukeren klikker «OK» returnerer boksen verdien i tekstfeltet.
- Hvis brukeren klikker «Cancel» returnerer boksen null.

Siden du vanligvis vil ta vare på det brukeren skriver inn i tekstefeltet i en promptboks, er det vanlig å lagre verdien i en variabel:

var username=prompt("Please enter your name","Enter your name here");

<< Forrige sideNeste side >>