Confirm

Fra HTX Arduino
Version fra 26. okt. 2022, 09:57 af Bar (diskussion | bidrag) Bar (diskussion | bidrag)
(forskel) ←Ældre version | Nuværende version (forskel) | Nyere version → (forskel)
Spring til navigation Spring til søgning
Eksempel på en confirm input box

Hvordan anvendes en confirm

Hvis man i et program vil have en bekræftigelse på at noget skal ske i programmet så er confirm en simpel måde at gøre det på.

Programlinien i javascript er:

betingelse = confirm("Vil du sige JA til betingelsen");

betingelse er den variabel bekræftigelsen ender i, når brugeren klikker OK eller Annuler.

Indholdet i betingelse bliver true (sandt) hvis der klikkes OK og false (falsk) hvis der klikkes Annuler.

confirm er den indbyggede funktion der aktiverer vinduet. Den skal staves med småt og skal have () efter sig.

"Vil du sige JA til betingelsen" er den tekst der vises i vinduet hvor brugeren skal bekræfte.

Eksempel på anvendelse af confirm

Koden illustrerer den grundlæggende ide i confirm.

Hvis der klikkes OK så vises den tekst der udskrives med document.write.

if (confirm("Vil du se indholdet af siden?")) {
	document.write("Der står ikke noget specielt.<br />");
	document.write("Siden viser bare funktionen i confirm.<br />");
	document.write("At kode kan afvikles, hvis man klikker OK.<br />");
	document.write("At koden ikke afvikles, hvis man klikker Annuler.<br />");
	document.write("Men den kan selvfølgelig også anvendes til andre ting, hvor man skal sikre at brugeren accepterer en handling.");
}

Filen med koden kan hentes i en ZIP-fil.

Eksempel på en bekræftigelse til et link

Hele HTML-koden ser ud som følger:

<html>
<head>
	<title>Confirm i en funktion</title>
<script type="text/javascript" language="JavaScript">
function bekraeft() {
	return confirm("Vil du stilles videre til en ekstern side?");
}
</script>
</head>

<body>

<h1>Confirm i en funktion</h1>

<p>Koden viser hvordan man kan lade brugeren bestemme om man skal følge et link</p>

<p>Eksempel på <a href="http://www.google.dk" onClick="return bekraeft()">beskyttelse af et link</a>.</p>
<!-- Læg mærke til at der står return foran funktionskaldet til bekraeft() -->
</body>
</html>

Når koden afvilkes vises følgende side:

Js confirm2.PNG

Klikker man på linket, så vil der komme en confirm-boks op, og hvis man klikker Annuler, så vil der ikke ske mere, fordi funktionen bekraeft() returnerer false, og det returneres tilbage til onClick for at angive, at linket ikke skal aktiveres.

Filen med koden confirm2.html kan hentes i en ZIP-fil.

Webcode
JavaScript for - while - do while - for in - løkke - løkker i løkker - if - if-else - else-if - Conditional - Switch - break - continue - Funktion - Return - Returværdi - Rekursion - Sekvens - Javascript strukturer
js Input Checkbox - Dropdown - Form - Input button - Input filter - Input password - Input text - Textarea - submit knap - Option - Prompt - Confirm - Radio button - Select - Input-Tag - Keyboard event
js Output Alert - Document.write - Frameset output - Objekt egenskaber - Objekt output - Text-felt til output - Vindue output - Billed egenskaber - Canvas
js Syntaks Arrays - Betingelse - Identifyer - Variabel - Variabel scope - Type - Sekvens
js Objekt Canvas - Billed egenskaber - Egne objekter - Events - HTML-objekter - Keyboard event - Event-handler - Browser detektering - Preload images - Document Object Model
Tid i JavaScript Date objektet - setTimeout - setInterval
PHP Header - Include