Site hosted by Angelfire.com: Build your free website today!

JavaScript Erimärgised

CSS JavaScript'i saab kirjutada erimärgiseid kasutades selleks abivahendina kurakaldkriipsu (\).

Kurakaldkriipsu kasutades saab JavaScript'i lisada uusi ridu, ülakomasid, jutumärke jms.

Vaatame järgmist JavaScript koodi:

var txt="Meid kutsutakse "rohelisteks"
sest me armastame loodust.;
  document.write(txt);

JavaScript'i "string" algab ja lõpeb ühe v. kahekordse jutumärgiga. Seega ülaltoodud näites on tulemuseks tekst: Meid kutsutakse

Selle brobleemi vältimiseks tuleb võtta appi kurakaldkriips. Paigutades kaldkriipsud iga jutumärgi ette, muutuvad need "string'i" tähtedeks.

var txt="Meid kutsutakse \"rohelisteks\"
sest me armastame loodust.;
  document.write(txt);

Nüüd JavaScript toob välja kogu "string'i": Meid kutsutakse "rohelisteks" sest me armastame loodust.

Veel üks näide:

document.write ("Smith \& Co. tarnib kvaliteetset kaupa."); 

Tulemus peaks olema selline:

Smith & Co. tarnib kvaliteetset kaupa."

Allpool olevas tabelis on veel erimärgiseid mida saab kirjutada JavaScript "string'i", kasutades selleks kurakaldkriipsu.

Kood Tulem
\' ühekordne jutumärk
\" kahekordne jutumärk
\& ampersand
\\ kurakaldkriips
\n uus rida
\r carriage return
\t tab
\b tagasisammuklahv
\f form feed

Vahelduvad bannerid


Siin on üks bänneri rotaatori skript. See skript võimaldab paindlikult luua bännereid ning neid oamavahel vahetada automaatselt. Lisaks sellele võid paigutada oma veebilehele ükskõik kui palju bännereid.
Veel üks hea asi on see, et sa ei peagi looma selleks bännereid vaid skript vahetab ka lihtsalt teksti ja Html'i.
Ainsaks puuduseks võib lugeda seda kui su veebilehel on mitu bännerit siis need vahetuvad korraga. Muuta saad ainult bänneri vahetumise kiirust.
Pane tähele: kood vahetab bännereid suvalises järjekorras, seega pole vahet millises järjekorras neid kirjutada.

Allpool olevas näites on iga bänner lingitav.

Kõigepealt on sul vaja kopeerida allpool olev kood ja salvesta see nimega banner.js.

Järgmiseks paiguta allpool olev skript dokumendi "head" sektsiooni:

<script type="text/javascript" src="banner.js"></script>

Skripti algises on koodi osa (banDelay) mis määrab bänneri ilmumise aja, mida saad muuta (antud juhul on see 3000 millisekundit).

Edasi on sul vaja valida koht kus bänner/id hakkavad ilmuma. Valitud kohta kirjuta:

<div id="banner1" align="center"></div>

Kui sa soovid bänneriteks kasutada pilte siis kirjuta nii:

<div id="banner2" align="center"><img src="pilt.gif" 
width="500" height="50" border="0"
alt="Vahetuvad bännerid" /></div>

div id (banner1) võib olla suvaline nimi peaasi, et nimi ei algaks numbriga. Antud juhul on id nimed lihtsuse mõttes nummerdatud valmimise järjekorras.

Kui sa nüüd vaatad antud JavaScript'i lähemalt siis näed koodi alguses sellist märkide jada:

var banners = {
banner1 : ['a'
,'b'
,'c'
]
, banner2 : ['1' //start
,'2'
,'3'
,'4'
,'5'
] // end
};

Kui sa tahad luua ainult ühte vahetuvat bännerit siis võid koodist ülejäänud read ära kustutada.
Samuti saad bännereid juurde lisada nii nagu on id banner2 juures, lisades käsklused start ja end.

Edasi jääb kirjutada koodi vastava bänneri omadused. Antud juhul olen näitena kasutanud siin lehel olevate bännerite näidet:

banner1 : ['<a href="http://www.delfi.ee/"><img
src="http://pyramdesign.angelfire.com/delfi_uudised.gif"
width="484" height="59" border="0"
alt="delfi_uudised.gif"\/></a>'
,'<a href="http://www.google.ee/"><img
src="http://pyramdesign.angelfire.com/google_uudised.png"
width="484" height="59" border="0"
alt="google_uudised.png"\/></a>'
,'<a href="http://www.bing.com/"><img
src="http://pyramdesign.angelfire.com/jav/bing_otsing.png"
width="484" height="59" border="0"
alt="bing_otsing.png"\/></a>' ] , banner2 : ['<table border="1"><tr><tdbgcolor="#add8e6"> Esimente tekst bla, bla bla, bla, bla</td></tr></table>'
,'<table border="1"><tr><td bgcolor="#8fbc8f"> Teine tekst bla, bla bla, bla, bla</td></tr></table>'
,'<table border="1"><tr><td bgcolor="#bdb76b"> Kolmas tekst bla, bla bla, bla, bla</td></tr></table>'
,'<table border="1"><tr><td bgcolor="#ff7f50"> Neljas tekst bla, bla bla, bla, bla</td></tr></table>'
,'<table border="1"><tr><td bgcolor="#ffffff"> Viies tekst bla, bla bla, bla, bla</td></tr></table>' ] };

Selle JavaScript'i autor on Stephen Chapman