Bekräftelserutan

Bekräftelserutan påminner mycket om meddelanderutan, med besökaren kan välja mellan "OK" och "Avbryt". Ärligt talat är bekräftelserutan oftast bara irriterande, men ibland kan den trots allt vara bra att ha.

Du kan pröva den genom att klicka på knappen nedan:

Ett klick på knappen öppnar bekräftelserutan. Om du klickar OK skickas du till en annan sida. Om du klickar på Avbryt öppnas den här sidan igen.

Koden för detta består av ett skript i HEAD-elementet och en FORM-tagg som anropar skriptet från BODY-elementet. Först skriptet:

<SCRIPT language="JavaScript">
<!-- Göm
function bytSida()
{
    var villVidare = confirm("Vill du verkligen gå vidare?");
if (villVidare == true)
{
    window.location="extra/sida1.html";
}
}
//-->
</SCRIPT>

function bytSida()
Först deklarerar vi den funktion som skall anropas från knappen i FORM-taggen.

var villVidare
Sedan deklarerar vi variabeln villVidare, som kommer att få sitt värde från en bekräftelseruta.

confirm("Vill du verkligen gå vidare?");
Bekräftelserutan öppnas med "confirm" och mellan citationstecknen i parentesen skriver vi den text som skall visas i rutan.

Bekräftelserutan kan svara med två värden. Om besökaren klickar på OK, blir värdet "true". Om besökaren klicka på Avbryt blir värdet "false".

Så snart besökaren har klickat på någon av knapparna i bekräftelserutan, har variabeln villVidare fått ett av dessa värden.

if (villVidare == true)
Om besökaren klickade på OK, har värdet på villVidare blivit "true".

window.location="extra/sida1.html";
I så fall öppnas sidan på adressen "extra/sida1.html. Annars avslutas skriptkörningen.

Om besökaren klickar på Avbryt, och du vill att han skall skickas vidare till en annan sida än sidan med knappen, byter du raden end; mot följande kod:

window.location="sidan_du_vill_visa.html";

window.location="sidan_du_vill_visa.html";
Nu öppnas i stället den sida du vill skicka besökaren till. Se till att skriva rätt adress till den sida du vill visa.

För att det här skriptet skall fungera, måste vi anropa funktionen. Det gör vi från en knapp i BODY. Så här ser koden ut:

<FORM>
<INPUT TYPE="button" value="Fortsätt" onClick="bytSida()">
</FORM>

Det här ger knappen du såg överst. När besökaren klickar på den (onClick), anropas funktionen bytSida() och bekräftelserutan öppnas.

© SupportData.Net