DHTML dinamički HTML

DTML: Prošireni programski jezik za Internet s ubačenim skriptnim programima za postizanje interaktivnosti i dinamičnosti.

Promjena veličine prozora:

javascript:resizeTo(800,600)

-------------------

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

Primjer za polje tablice:

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

Primjer za sliku:

Ostale moguce vrijednosti CURSOR-a:

-------------------

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:

-------------------

Jednostavna izvedba popup prozora

-------------------

Prikaz fonta koji korisnik nema instaliran

Za Netscape Navigator treba u HEAD sekciji dokumenta staviti:

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!

-------------------

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) = poveFACE="Times New Roman">č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)

-------------------

anchori:

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

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

-------------------

redirekcija:

-------------------

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

-------------------

Preusmjerenje na stranicu za printanje

Unutar HEAD sekcije staviti link na tu stranicu:

Skrivanje fokusa na link (u <A> tagu)

-------------------

Uklanjanje suvišnog razmaka ispod form taga

U problematicni FORM tag ukljuciti:

Efekat opisa linka kao kod alt taga za slike

Primjer za linkove:

Primjer za tekstove:

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

-------------------

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

-------------------

e mail:

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

-------------------

slike mapa:

<map name="karta"

</map>

-------------------

forme textarea:

---------------------------

Tko ima link na vašu stranicu:

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

Na vrh stranice..

Osobna stranica sa naglaskom na programske jezike
Napisao Antun Č.