Öppna en prompt

Vi började med skriptprompten redan i avsnittet om funktioner – en prompt är en ruta som öppnas och ber besökaren att skriva in någonting: sitt namn, ett lösenord eller något liknande.

Den grundläggande promptkoden ser ut så här:

prompt("Det du frågar efter", "");

prompt(...)
Det här öppnar rutan där besökaren skall skriva något.

"Det du frågar efter"
Här skriver du det som skall stå ovanför skrivraden i rutan, till exempel "Skriv ditt namn".

""
Två citationstecken direkt efter varandra ser till att skrivraden är helt tom när rutan öppnas. Samtidigt hamnar markören där besökaren skall skriva in någonting.

Om du vill kan du själv skriva in något mellan de här citationstecknen. Texten hamnar då i skrivraden och är markerad, så att besökaren kan börja skriva direkt.

Vi tar ett exempel. Det här kräver två skript – ett i HEAD-elementet och ett i BODY. I HEAD placerar du det här:

<SCRIPT language="JavaScript"> 
<!--Göm 
var dittnamn=prompt("Skriv ditt namn", "");
if ( (dittnamn=="") || (dittnamn==null) ) 
{ 
    dittnamn="du okända"; 
} 
//--> 
</SCRIPT>

Den här delen frågar efter besökarens namn redan innan sidan laddas.

var dittnamn=prompt("Skriv ditt namn", "");
Det här öppnar skriptprompten. Observera att det som "finns" mellan de avslutande citationstecknen skall vara exakt detsamma här som i nästa rad.

Om du skriver " " i stället för "", måste du göra det i båda raderna. Annars kommer if-satsen inte att fungera när besökaren struntar i att skriva in sitt namn men klickar på OK.

if ( (dittnamn=="") || (dittnamn==null) )
Det här är en villkorssats som säger ungefär det här: "Om variabeln dittnamn är tom eller (||) dittnamn är null, går vi vidare till nästa rad."

Variabeln blir "tom" om besökaren bara klickar på OK utan att skriva sitt namn. Den blir "null" om besökaren klickar på "Avbryt". I båda fallen kommer variabeln att behålla det värde som du gav den genom "Skriv ditt namn", "". Om du till exempel ändrar till "Skriv ditt namn", "Här", måste du ändra den här raden till if ( (dittnamn=="Här") || (dittnamn==null) ).

dittnamn="du okända";
Om villkoret gäller, fortsätter skriptkörningen med nästa rad. Variabeln dittnamn får då värdet "du okända".

Fördelen med att ge dittnamn ett värde, är att besökar slipper se ett "Hej null" på webbsidan.

Om villkoret inte gäller, det vill säga om "dittnamn" får något annat värde (det som användaren skriver in), avbryts skriptkörningen och sidan laddas. Det är då nästa skript kommer in.

I BODY-elementet, omedelbart efter den inledande BODY-taggen, lägger du följande skript:

<SCRIPT language="JavaScript"> 
<!--Göm 
document.write("<CENTER><H3>Hej " + dittnamn + ", och välkommen hit! <\/H3><\/CENTER>");
//--> 
</SCRIPT>

document.write
Det här gör att skriptet kan infoga text i en HTML-sida. Allt som står inom parentesen kommer att bli HTML-kod. Eftersom detta är en sträng, måste du sätta det inom citationstecken.

+ dittnamn +
Den här delen skall inte stå inom citationstecken. Det är en variabel som anropas och variabelns värde är redan en sträng. Därför sätter du ett avslutande citationstecken före och ett nytt inledande citationstecken efter anropet.

\/H3><\/CENTER
Det här verkar kanske litet konstigt – tecknen före H3 respektive CENTER är inte ett V utan ett \ omedelbart följt av ett /. Det bakåtriktade snedstrecket före det framåtriktade betyder: "Följande tecken skall skrivas ut som det står, inte användas som ett divisionstecken."

© SupportData.Net