Da er det duket for nok et HTML-kurs for bloggere og hobbyprogrammerere. Dette blir den siste leksjonen om Javascript da vi går over til et nytt tema som lanseres på onsdag. Har du ikke fått med deg de forrige innleggene om javascript eller andre ting eller vil friske opp hukommelsen, kan du sjekke de forrige leksjonen ut nedenfor.
NB! Vi viser eksemplene på eksterne sider. Hvis du vil se hvordan koden fungerer i praksis finner du linkene underveis i innlegget. Gjerne spør om det er noe som dere ikke skjønner eller lurer på.
Del 1 kan du lese her
Del 2 kan du lese her
Del 3 kan du lese her
Del 4 kan du lese her
Del 5 kan du lese her
Del 6 kan du lese her
Javascript er noe som alle nettsteder bruker i dag og det gjør nettsteder bedre og mer attraktive(så lenge det ikke er overfylt med det såklart!). Med Javascript kan du programmere slik at nettstedet ditt henter klokkeslett, dato, selve dagen, nyheter, tekst fra databaser og masse mer. Ikke bare kan du da hente ting, men du kan også programmere det slik at man legger ting inn og ikke bare henter. Det er med andre ord svært fleksibelt og nyttig.
Vi skal først ta for oss en kode som gjør at nettstedet henter hvilken dag det er i dag. Det går ikke ann å bruke dette her på bloggr, så du må enten prøve det på blogg.no(hvis du har blogg) eller på et html-program. Hvis du har nettsted fra før som du har programmert litt på er det bare å bruke koden der.
Hvis du vil se hvordan eksempelet fungerer i praksis kan du klikke her.
Vi har laget en ekstern server hvor vi legger ut våre eksempler slik at dere får se hvordan du fungerer i praksis. Ettersom vi ikke kan bruke javascript på bloggr følte vi at dette var nødvendig;)
Her er koden for å vise hvilken dag det er idag:
<html>
<body>
<script type=»text/javascript»>
var d=new Date();
var theDay=d.getDay();
switch (theDay)
{
case 5:
document.write(«Endelig fredag»);
break;
case 6:
document.write(«Deilige lørdag»);
break;
case 0:
document.write(«Det er godt med søndag»);
break;
default:
document.write(«Jeg ser frem til helgen!»);
}
</script>
<p> Her kan du skrive hva du vil ha med under dagen som vises.</p>
</body>
</html>
Der det er skrevet med norsk kan du skrive hva du vil på. Du kan skrive «drittsøndag» eller «hvorfor finnes fredager» hvis du føler for det.
Les igjennom koden, prøv den selv og se på vårt praksis eksempel. Det er enkelt når du først har prøvd litt! Spør gjerne om du trenger noe ekstra hjelp:)
Neste eksempel kaller vi for «et kryss». Du får altså et valg når du trykker på en knapp. I dette tilfellet blir du spurt om du har lyst å fortsette på vår side. Velger du OK forblir du på vår side, men velger du avbryt blir du sendt til en annen side.
Se vårt praksis eksempel
Nedenfor finner dere koden vi brukte i dette eksempelet. Hvor vi har skrevet norsk kan dere fritt skrive hva dere vil selv!
<html>
<head>
<script type=»text/javascript»>
var txt=»";
function message()
{
try
{
adddlert(«Velkommen!»);
}
catch(err)
{
txt=»<Du får nå to valg:\n\n»;
txt+=»Klikker du OK forblir du på vår side,\n»;
txt+=»men trykker du Avbryt sendes du til forsiden på bloggr.\n\n»;
if(!confirm(txt))
{
document.location.href=»http://www.bloggr.no/»;
}
}
}
</script>
</head>
<body>
<input type=»button» value=»Se dine valg» onclick=»message()» />
</body>
</html>
Var dette forståelig? Spør oss om det er noe som er uklart i kommentar-feltet nedenfor!
Hva synes dere om våre leksjoner så langt? Gjerne si dere meninger. Dere kan også si om det er noe vi bør ta opp som tema for leksjon neste gang(onsdag).