klicka här
för att
öppna
ett
nytt
fönster
kod och förklaringar längre ner
(Bilden är en skiss efter en (detalj från en) målning av en italiensk renässanskonstnär som hette Filippo Lippi och som levde c 1406-1469. Han är också känd som munken som enleverade sin modell, nunnan Lucretia Buti och med henne fick sonen Filippino Lippi, sedermera målare även han. Målningen i sin helhet är en tondo (rund tavla), målades 1452, föreställer Madonnan med barnet och scener ur den heliga Annas liv och hänger i Palazzo Pitti i Florens.)
Och så här ser koden ut:
En klickning på länken
<A HREF = "javascript:iljbildwin()">
KLICKA HÄR FÖR ATT ÖPPNA NYTT FÖNSTER</A>
anropar funktionen iljbildwin(). Placera det följande kodavsnittet i dokumentets HEAD-del (se MINIMANUAL 1 lite grunder).
<SCRIPT LANGUAGE="JavaScript"
TYPE="text/javascript">
<!--
function iljbildwin()
{
iljbildfonst= window.open('1','windowname2','width=210,height=510'3)
iljbildfonst.document.open()
iljbildfonst.document.writeln("<IMG SRC = 'bild.jpg' HEIGHT = '486' WIDTH ='198' >")4
iljbildfonst.document.close()
}
//-->
</SCRIPT>
Mellan krullparenteserna ska det finnas fyra rader som samtliga börjar med iljbildfonst.5
1 den här första raden öppnar ett nytt fönster; om man vill visa en befintlig HTML-sida i det nya fönstret kan man ersätta fotnotsettan med namnet på den filen och strunta i de följande raderna som används bara om man vill skapa en helt ny sida i det nya fönstret
2 här kan man ange ett fönsternamn vilket som helst - om man tänker referera till sidan med hjälp av TARGET
3 här kan man skriva hur fönstret ska se ut -
hela uttrycket inom parentes skulle kunna se ut så här:
('exempel.html','fönsternamn',
'toolbar=yes,location=yes,directories=yes,
status=yes,menubar=yes,scrollbars=yes,
resizable=no,width=600,height=480')
anger man endast t ex menubar=yes sätts toolbar, location etc automatiskt till "=no".
OBS! Inga mellanslag mellan alternativen!
4 den här raden skriver HTML-koden (placerad inom parentes och citationstecken) på sidan, dvs, i det här fallet, placerar en bild på sidan
5 Om man har mycket text eller kod som ska skrivas på sidan blir koden antagligen mer lättläst om man i stället för att skriva allt på en rad delar upp strängen; placera lagom långa avsnitt inom dubbla citationstecken och koppla samman dem med hjälp av ett plustecken, så här
"<IMG SRC = 'bild.jpg'"
+"HEIGHT = '486'"
+"WIDTH = '198'>"
Om man vill ha en stängningsknapp på det nya fönstret kan man lägga till följande inom parentesen (och innanför de dubbla citationstecknen) efter iljbildfonst.document.write:
<FORM><INPUT TYPE= 'button'VALUE='STÄNG!' onClick='self.close()'></FORM>
Glöm inte att ta bort alla fotnoter!
Fler JavaScript-exempel:
onmouseover image/mouseover variant varannan dag bildväxl/animering välja bild i rullgardinsmeny meddelandefönster datum & tid meddelande onLoad onFocus lastModified image/mouseover onblur klocka history images/ animation ändra bakgrundsfärg timer rörlig text i textarea JavaScript confirm mer om datum öppna nytt fönster 1 öppna nytt fönster 2 JavaScript prompt flytande lager[fler JavaScript-exempel hittar du i menyn i ramen till vänster]
Sidan gjordes av
ilj@flowsim.se
Senast ändrad 22 augusti 1997.
Den här sidan hör hemma i ett ramsystem
hos:
www.flowsim.se
JavaScript på svenska