http://monkeytoys.com/htmlkurs/
Senast uppdaterad: 1997-04-16 klockan: 19.00
Ibland kan det vara roligt att ha en sökmaskin på sin hemsida. Det ska vi göra nu. Det finns många olika sökmaskiner så vi väljer en i mängden: Lycos. Det som behövs för att göra en sökmaskin är ett formulär där man kan fylla i det man söker efter och en knapp för att tala om att sökningen ska börja. Dessutom behöver man ett program som utför själva sökningen. Formulär och knapp kan vi enkelt göra själva och sökprogrammet kan vi "låna" hos Lycos. Med låna menar jag inte att vi ska hämta programmet hos Lycos. Det räcker med att anropa det från vår hemsida. Så här går det till:
<FORM ACTION="http://www.lycos.com/cgi-bin/pursuit">
FORM talar helt enkelt om att här börjar formuläret. ACTION="http://www.lycos.com/cgi-bin/pursuit" betyder att när vi trycker på startknappen ska ett program som heter pursuit startas. pursuit-programmet ligger i katalogen cgi-bin på servern lycos-tmp1.psc.edu. Programmet pursuit letar reda på det som skrivs i formuläret.
Nästa steg är att skapa ett inmatningsfält:
<INPUT NAME="query">
INPUT anger att vi vill skapa ett inmatningsfält. Med koden NAME="query" (namn) döper vi fältet till "query" (fråga). Anledningen till att vi döper fältet till just "query" är att sökprogrammet hos Lycos söker efter det som står i ett fält som heter "query". Om vi byter ut namnet mot någonting annat kommer inte sökningarna att fungera.
För att kunna starta sökningar måste vi ha en knapp som anropar sökprogrammet:
<INPUT TYPE="submit" VALUE="Sök!">
INPUT skapar även här ett inmatningsfält, men TYPE="submit" betyder att det här fältet är av typen "submit" (överlämna), det vill säga en knapp. VALUE="Sök!" talar bara om vad det ska stå på knappen. I stället för "Sök!" hade vi kunnat skriva "Kalle dussin" eller någonting annat. Det påverkar inte sökprogrammet.
Till sist lägger vi till slutkoden för formuläret:
</FORM>
Klart!
Detta är vad som sker: När vi trycker på knappen "submit" överlämnas det som står i inmatningsfältet "query" till programmet "pursuit". Programmet "pursuit" söker reda på alla sidor som innehåller det som står i fältet "query" och skickar tillbaka en ny sida med svaren till oss.
Så här ser hela koden ut:
<FORM ACTION="http://www.lycos.com/cgi-bin/pursuit">
<INPUT NAME="query">
<INPUT TYPE="submit" VALUE="Sök!">
</FORM>
Och så här ser det färdiga formuläret ut:
Vi skapar en ny sida och lägger in sökmaskinen på den. Kommer du ihåg hur man börjar?
<HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML>Och så lite färg:
<HTML> <HEAD> <BODY BGCOLOR="#FFFF99" TEXT="#000080" LINK="#8080FF" VLINK="#FF0000" ALINK="#FFFF80"> </HEAD> <BODY> </BODY> </HTML>Och formuläret med sökmaskinen:
<HTML> <HEAD> <BODY BGCOLOR="#FFFF99" TEXT="#000080" LINK="#8080FF" VLINK="#FF0000" ALINK="#FFFF80"> </HEAD> <BODY> <CENTER> <FORM ACTION="http://www.lycos.com/cgi-bin/pursuit"> Sök med Lycos: <INPUT NAME="query"> <INPUT TYPE="submit" VALUE="Sök!"> </FORM> </BODY> </HTML>Det var det. Spara sidan under namnet "lektion7.htm". Så här ser sidan ut.
Copyright © 1996-1997 Niklas
Johansson