pagetutor.com - HTML tutorials for the rest of us
JavaScript Tutor v 1.0 oversat af Ewan Rasmusson & Andrew Smith af Joe Barta
pagetutor.com
Download som zip fil.

JavaScript Tutor - Lektion 16

JavaScript og frames.

Sammen er JavaScript og frames et vidunderlig værktøj. Det er en kraftig kombination. Her er nogle eksempler på samarbejdet mellem JavaScript og frames...

ColorPicker
Script er i den venstre frame. Når det opdager en ændring (eller der er valgt en farve) omskriver det den højre frame fuldstændig med JavaScript. Også når den indlæses første gang, er den højre frame skrevet i JavaScript.
 
Handy Dandy Font Viewer
Endnu en dynamisk side-generering imellem frames. Alt kontrolleret af JavaScript, der retter sig efter brugerens input.

Da du lærte om frames, lærte du hvordan du kunne navngive (name="") frames og give dem et TARGET. JavaScript gør nøjagtigt det samme... men på JavaScript måde.

Kan du huske at vi talte om objekt hieraki?

window.document.form.input.value

Windows og frames ligner hinanden. Forestil dig dette frameset...

<FRAMESET COLS="200,*">
  <FRAME SRC="dir.html" NAME="leftframe">
  <FRAME SRC="start.html" NAME="rightframe">
</FRAMESET>

Top level objektet er

window

Tænke på frames som et hovedvindue med børnevinduer indeni. window er hovedvinduet.

Venstre frame er et barn i det vindue og vi refererer til det ved navn...

window.leftframe

Bemærk at "leftframe" kommer fra rammens NAVN. Hvis du kaldte din frame "honningkrukke", referer du til den med window.honningkrukke. Den højre ramme fungere på samme måde...

window.rightframe

Kopier og gem dette som left.html...

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>

Klik her

</BODY>
</HTML>

Kopier og gem dette som right.html...

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

Og dette som master.html...

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>

<FRAMESET COLS="200,*">
  <FRAME SRC="left.html" NAME="leftframe">
  <FRAME SRC="right.html" NAME="rightframe">
</FRAMESET>

</HTML>

Prøv det.

Vi skal få et link i den venstre ramme til at skrive til dokumentet i højre ramme.

Mens jeg husker det, du kan kun skrive til et dokument, du kan ikke vende tilbage til et afgivet dokument og omskrive en del. Hvis du vil omskrive en del af et dokument, skal du begynde helt forfra. Der er dog nogle nyere DHTML teknikker, som tillader manipulation af et allerede skrevet dokument, men det er udenfor området af en basis JavaScript tutorial. Det kan du undersøge for dig selv en anden dag.

<< Tilbage         Næste >>