Input OnClick variáció                            Input onMouseOver
 
Kép árnyékolása                    Váltókép készítése

Input OnClick variáció.:.

 

class="inputClass" onClick="javascript:if (document.getElementById(this.id).value == 'Email cím' ) document.getElementById(this.id).value = ''" onBlur="javascript:if (document.getElementById(this.id).value == '' ) document.getElementById(this.id).value = 'Email cím'"

Input onMouseOver.:.

 

function hoverIt(state) { var el = document.getElementById('hover'); el.style.background = (state == 1) ? '#cccccc' : '#ffffff'; }

 

 

Kép árnyékolása.:.

test

.img-shadow { float:left; background: url(shadowAlpha.png) no-repeat bottom right !important; background: url(shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } .img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; }

 

Váltókép.:.

function roll_over(img_name, img_src) { document[img_name].src = img_src; }

src="22px-Dialog-stop-hand_svg.png" name="j0" border="0" style="margin-top:1px;margin-bottom:1px;" onmouseover="roll_over('j0', '22px-Start_hand_svg.png');TagToTip('tt0');" onMouseOut="roll_over('j0', '22px-Dialog-stop-hand_svg.png');"

Dátum és ido kiíratása.:.

var idoStr, datumStr; function ido(){ most = new Date(); ora = most.getHours(); perc = most.getMinutes(); mp = most.getSeconds(); ev = most.getYear(); honap= most.getMonth()+1; nap = most.getDate(); idoStr = ora; idoStr += ((perc < 10) ? ":0" : ":") + perc; idoStr += ((mp < 10 ) ? ":0" : ":") + mp; datumStr = ((ev < 2000) ? "19" : "") + ev; datumStr += ((honap < 10) ? "-0" : "-") + honap; datumStr += ((nap < 10) ? "-0" : "-") + nap; document.digiora.ido.value = idoStr; document.digiora.datum.value = datumStr; setTimeout("ido()",1000); }

 

Már az oldal betöltésekor elindítjuk az ido() függvényt az onLoad eseménykezelo segítségével (a BODY HTML elemen belül). Ez a függvény létrehozza a Date objektum egy példányát az aktuális idovel és dátummal, amit némi átalakítás után ki is ír a megfelelo urlapmezokbe az idoStr és datumStr sztringek felhasználásával. Nézzük meg részletesebben az átalakításokat. Azt akarjuk, hogy mind az ido, mind a dátum a megszokott formátumban jelenjen meg. Például 10:07:02 jelenjen 10:7:2 helyett. A következo sor például a perceket hozza a kívánt formára: idoStr += ((perc < 10) ? ":0" : ":") + perc; Amikor a perceket fuzzük hozzá az idoStr-hez, akkor az órák száma már benne van a sztringben. A fenti sor a perceket fuzi a sztringünkhöz. C++ nyelvbol bizonyára ismeros ez a szerkezet. A ? elott áll egy feltétel. Ha ez igaz, akkor a ? után álló, : -al elválasztott lehetoségek közül az elso kerül végrehajtásra. Ha hamis a feltétel, akkor a második. Ha a percek száma kisebb tíznél, akkor az idoStr sztringhez a ":0" + perc, ha nagyobb 10-nél, akkor a ":" + perc fuzodik hozzá. A másodpercek ill. a dátumot tartalmazó datumStr sztring felépítésénél hasonlóan járunk el. Az ido frissítésérol a setTimeout() függvény gondoskodik. Minden másodpercben meghívjuk az ido() függvényt, amely létrehoz egy új dátum objektumot és kiírja azt az urlapmezokbe.

 

Ido:
Dátum:

Heti táblázat készítése jelmagyarázattal.:.


H
K
Sz
CS
P
Szo
V
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
  = ZÁRVA!
  = Délelott ZÁRVA

Céges táblázat .:.

 

A cég neve:

XYXXY KFT.

Címe:
1011 Jákóhalma Malom út 1.
Képviselojének neve:
XXX YYY
Alapításának éve:
1981
Elérhetoség:
Tel: 00-11-22-22
E-mail:
valaki@valaki.hu
Nyitvatartási ideje:
Hétfonként 08 00-1630

Távolkeleti betuk .:.

【まわし】 【みずひきまく】 水入り 【みずいり】

Hover.:.

Vidd a kurzort a képre!

Ikonok.:.

Ikon
Megjegyzések jelzésére
Diagram ikon
Az oldalon található diagram jelzésére
Nyomtató
Esetleges nyomtatás indításához
Felsorolás ikon
Felsorolások készítéséhez

Vissza