Ramar och javaskript 1

De båda närmaste avsnitten skall vi ägna åt hur javaskript används i ramsidor.

Många tror att javaskript och ramsidor är oförenliga. Hur skall man kunna få med sig variabler och annat från den ena ramen till den andra? Och visst kan det bli rörigt, men ser man bara till att hålla tungan i rätt ram, så att säga, är det inte alls så svårt.

Vi gör först av allt en ramsida, för att ha något att experimentera med. Till den behöver vi ett ramdokument, en vänsterram och en högerram.

Ramdokumentet

Ramdokumentet, som vi kallar ramindex.html, får den här koden:

<HTML>
<HEAD>
<TITLE>Ramar och javaskript</TITLE>
</HEAD>
<FRAMESET cols="200,*" framespacing="1">
<FRAME name="vsspalt" src="ramv.html" marginwidth="0" marginheight="0" scrolling="auto">
<FRAME name="hspalt" src="ramh.html" marginwidth="0" marginheight="0" scrolling="auto">
</FRAMESET>
</HTML>

Viktigast här är att de båda ramarna har fått namn, nämligen vspalt och hspalt.

Vänsterramen

Vänsterramen, som vi enligt ramdokumentet kallar ramv.html, får följande kod:

<HTML>
<HEAD>
<TITLE>Ramar och javaskript</TITLE>
</HEAD>
<BODY>
<P><A href="#" onClick="parent.hspalt.document.svarform.svar.value='Karl XII:s hund'">Vem var Pompe?</A><BR>
<A href="#" onClick="parent.hspalt.document.svarform.svar.value='Pompes husse'">Vem var Karl XII?</A></P>
</BODY>
</HTML>

parent.hspalt.document.svarform.svar.value='Karl XII:s hund'
Vi kommer åt högerramen genom att använda parent.hspalt – alltså parent och högerramens namn. I den sidan (document) som finns där, vill vi nå ett formulär som heter "svarform". I detta formulär finns en textruta som har heter "svar". I denna ruta vill vi skriva det som anges i "value", nämligen Karl XII:s hund.

Högerramen

Men vi måste ju ha en högerram att skicka det här till. Enligt ramdokumentet kallar vi högerramen hspalt.html:

<HTML>
<HEAD>
<TITLE>Ramar och javaskript</TITLE>
</HEAD>
<BODY>
<P><FORM name="svarform">
<INPUT type="text" name="svar" size="25" value="">
</FORM></P>
</BODY>
</HTML>

På den här sidan finns ett formulär med namnet "svarform", och i detta en textruta med namnet "svar". I denna är value satt till "" – alltså visas ingen text alls i rutan.

Texten kommer dit först när besökaren klickar på någon av länkarna i vänsterramen.

Pröva ramsidan

Knappar i stället för textlänkar

Självklart kan vi använda knappar i stället för textlänkar i vänsterramen. Vi byter helt enkelt de båda A-taggarna mot:

<FORM>
<INPUT type="button" value="Vem var Pompe?" 
onClick="hspalt.document.svarform.svar.value='Karl XII:s hund'"><BR>
<INPUT type="button" value="Vem var Karl XII?" 
onClick="hspalt.document.svarform.svar.value='Pompes husse'">
</FORM>

© SupportData.Net