HTML naredbe i neki DHTML efekti

• Promjena veličine prozora:

                    javascript:resizeTo(800,600)

• Preusmjerenje na stranicu za printanje

Unutar HEAD sekcije staviti link na tu stranicu:

<link rel="alternate" media="print" HREF="printSTRANICA.HTML">

• Skrivanje fokusa na link (u <A> tagu)

<a HIDEFOCUS href="nesto.html">Link 1</a>

• Promjena kursora miša nad određenim objektom na stranici

Primjer za polje tablice:

<td STYLE="cursor:HAND">sadrzaj polja</td>

Primjer za sliku:

<img src="xxx.gif" STYLE="cursor:HAND">

Ostale moguce vrijednosti CURSOR-a:

| auto |crosshair | default | hand | move | e-resize |

| ne-resize | nw-resize | n-resize | se-resize | sw-resize |

| s-resize | w-resize | text | wait | help |

• Link na ICQ za definiranje kada je korisnik online

<img src="http://wwp.icq.com/scripts/online.dll?icq=UIN&img=2">

*** UIN je vas ICQ broj

*** IMG=2 definira izgled ikonice

*** Naravno, u ICQ treba ukljuciti "visible from web page"

• Definiranje vlastite ikone za prikaz u adress baru i favoritima

1. - Napraviti ikonu velicine 16x16 pixela

2. - Spremiti je pod imenom FAVICON.ICO

2. - Uploadati je u root folder svoga weba

ili u HEAD sekciji staviti putanju do te ikone, npr:

<LINK REL="SHORTCUT ICON" HREF="http://www.domena.com/path/ikona.ico">

• Jednostavna izvedba popup prozora

<a target="POPUP" href="xxx.html">Moj link</a>

• Uklanjanje suvišnog razmaka ispod form taga

U problematicni FORM tag ukljuciti:

<form STYLE="MARGIN-BOTTOM: 0">

• Efekat opisa linka kao kod alt taga za slike

Primjer za linkove:

<a href="www.domena.com" TITLE="Zeljeni opis">Moj link</a>

Primjer za tekstove:

<SPAN TITLE="Zeljeni opis">tekst na koji se to odnosi</SPAN>

• Prikaz fonta koji korisnik nema instaliran

Za Netscape Navigator treba u HEAD sekciji dokumenta staviti:

<link rel="fontdef" src="zeljeniFont.ttf"/>

Za Internet Explorer treba u HEAD sekciji dokumenta staviti:

<style>

@font-face {

font-family: zeljeniFont;

font-style: normal;

font-weight: normal;

src:url(zeljeniFont.ttf);

}

</style>

*** Naravno, umjesto "zeljeniFont.ttf" stavite stvarni naziv fonta koji

ukljucujete, koji treba uploadati u root folder vaseg web servera!

• Ograničenje input polja samo za čitanje(readonly)

<input type="text" value="Pokreni" READONLY>

• Promjena fonta prijelazom miša preko linka

1. Unutar HEAD sekcije dokumenta stavite ovo:

<STYLE>

a:link {FONT:10pt Arial; TEXT-DECORATION:none; COLOR:yellow;}

a:visited {FONT:12pt Arial; FONT-STYLE:italic; TEXT-DECORATION:none; COLOR: silver;}

a:hover {FONT:14pt Arial; FONT-WEIGHT:bold; TEXT-DECORATION:underline; COLOR:#80FFFF;}

</STYLE>

*** MOGUCE VRIJEDNOSTI ZA:

- FONT (zeljena velicina i vrsta fonta)

- FONT-STYLE [normal|italic|oblique)

- FONT-WEIGHT [normal|bold|bolder|lighter|

|100|200|300|400|500|600|700|800|900]

- TEXT-DECORATION [none|underline|overline|line-through|blink]

- COLOR (željena boja)

• Funkcije za izgled i otvaranje prozora:

window.location = lokacija dokumenta (u primjeru js-vje2d.txt, a može biti i .html dokument ili slika!)

window.resizeTo(x,y) = povečaj prozor DO... (u pixelima)

window.moveTo(x,y) = pomjeri prozor NA poziciju (gornji lijevi kut prozora)

window.resizeBy(x,y) = proširi prozor ZA x,y pixela

setTimeout("siriProzor()",50) = rekurzivni poziv funkcije siriProzor() svakih 50 milisec.

screen.height = tekuća visina prozora

screen.width = tekuća širina prozora

screen.availHeight = preostala moguća visina prozora

screen.availWidth = preostala moguća širina prozora

a href="javascript:postaviProzor()" = način linka na funkciju

Veličina prozora

window.resizeTo(400,400)

• Tko ima link na vašu stranicu:

link:web.vip.hr/antun58.vip(naravno stavite umjesto mog linka, svoj link)

• anchori:

<a name="drugi_odlomak"></a>

<a name="#drugi_odlomak">drugi_odlomak</a>

<a href=''poglavlje2.html#drugi_odlomak''>Drugi odlomak u drugom poglavlju</a>

• e mail:

< a href=''mailto:antun@bigfoot.com?Subject=Poruka''>Pošaljite mi e mail</a>

• slike mapa:

<map name="karta"

<area shape="rect" coords="0,0,30,30" href = "#str1.html" alt="prva">

<area shape="circle" bgcolor="blue" coords="10,10,10" href = "#str2.html" alt="druga">

<area shape="poly" coords="125,10,135,20,134,90" href = "#str3.html" alt="treća"">

</map>

<img src="istra3.gif" width="215" height="300" border="1" usemap="#karta">

• forme textarea:

<textarea rows="8" cols="50" name="ime"></textarea>

<input type="password" size="16" maxlength="50">

• redirekcija:

<meta http-equiv="REFRESH" content="10; url=http://antun.cjb.net">

• Sakrivanje teksta na stranici:

tekst se ne vidi ali je za njega sačuvano mjesto

<div style="visibility: hidden;">Nevidljiv tekst</div>

stranice prikazane kao da nema tih elemenata

<div style="display: none;">Ovo se ne vidi</div>