Alertbox med link


Her kommer "oppskriften" på en alertbox som sender din besøkende videre til en annen side
når han / hun klikker på OK.


Først lager vi en Anker tag:
<a>Klikk Her</a>

Hvis du vi velge farge på link-teksten:
<a><font color=Fargenavn(eller:"#Tall")>Klikk Her</font></a>

Vil du vise en hånd når musa går over teksten?:
<a style=cursor:hand><font color=blue>Klikk Her</font></a>

Så lager vi Alert-koden:
<a style=cursor:hand onclick="alert('Din beskjed her')"><font color="#335588">Klikk Her</font></a>

Prøv det ut så langt: Klikk Her

Testen din på Alert-boksen kan være svært mye hvis du har mye på hjerte.
Du kan også dele den opp med linjeskift ved å skrive /n.
Og du sender din besøkende videre med link til den siden du velger når de trykker OK på boksen.
La oss gjøre ferdig Anker-taggen med linken:

<a href="http://winfolinx.com/tips/howto/howindx.htm" target="_blank" style=cursor:hand onclick="alert('Din beskjed her')"><font color="#335588">Klikk Her</font></a>

Så kommer beskjeden din:
<a href="http://winfolinx.com/tips/howto/howindx.htm" target="_blank" style=cursor:hand onclick="alert('To add a target to a link use this syntax:\n\n &#34;http://winfolinx.com&#34; &#34;target=_blank&#34;\n\nPREDEFINED TARGETS ARE:\n\n&#34;_blank&#34; &nbsp;: Open in new window\n&#34;_parent&#34; : Open in superior frame\n&#34;_top&#34; &nbsp; &nbsp; &nbsp;: Cancel all frames and Open in current window\n\n\nFRAMESET TARGETS:\n\nIf your page is divided into a frameset, you can also enter the name\nof a framewindow as a target. This will open the link in the specified framewindow.\n\nFor example:\nIf you want Winfolinx to open in a framewindow\ncalled MAINWINDOW.HTML you would enter this url:\n\n &#34;http://winfolinx.com&#34; &#34;target=MAINWINDOW.HTML&#34;')"><font color="#335588">Klikk Her</font></a>

(NB: 2 x \n (=\n\n) lager 2 linjeskift. Bruk ALDRI linjeskift på keyboardet i Alert-bokser!)
(NB 2: For å vise apostroff (") må du skrive &#34 istedet)

Nå kan du teste den ferdige Alert-boksen: Klikk Her

Når vi nå har en link i koden vil link-teksten automatisk forandre farge, avhengig av oppsettet på siden din. Du kan da fjerne denne koden (<font color="#335588"></font>) hvis du ikke vil ha den stående.