Definicija: onclick je dogodek, ki se uporablja za opredelitev ukrepov, ki jih je treba sprejeti, ko kliknemo z miško.
Pokazal vam bom kako lahko z onclick-om spremenimo napis in ozadje.
Prvo si naredimo spletno stran: http://sposoben.blogspot.com/2010/11/xhtml.html
Za spremembo ozadja in napisa v glavo dokumenta vpišemo besedilo, ki se začne z script <type="text/javascript"> in konča z </script>, kot kaže na spodnji sliki. V mojem pirmeru so moje barve črna, rjava in siva, besedilo pa je Pozdravljeni.
function changebackground in function changetext(id) |
V telo (<body>) vpišemo <p1 onclick="changetext (this)">Klikni me!</p1>, kjer se bo s klikom na besedilo "Klikni me!", prikazalo "Pozdravljeni". In za spremembe ozadij, isto v telo (<body>), napišemo besedilo, ki je napisano na spodnji sliki.
Napis za spremembo barve ozadja. Pri value lahko napišemo poljubno besedilo (mora biti v navednicah), ne pa tako, kot je prikazano na sliki. |
Ko sestavimo spletno stran, jo shranimo kot primer.html (končnica mora biti .html). Povezavo do moje spletne strani lahko najdete na dnu tega članka.
Za naložit spletno stran gremo na http://www.thefreesite.com/Free_Web_Space/, kjer so zastonj strani in izberemo poljubno. Jaz sem izbral "ZeroCatch". (Slika 1)
Slika 1 |
Na njihovi spletni strani: http://www.0catch.com/ kliknemo na "SIGN UP" (Slika 2), kjer nato izberemo naslov našega URL naslova. Npr.: http://primer.0catch.com. (Slika 3)
Slika 2 |
Slika 3 |
Slika 4 |
Slika 5 |
Izpolnimo podatke in klik na "Create Your Account". Nato se prijavimo na prvi strani s svojim uporabniškim imenom in geslom, ki smo si ga izbrali. (Slika 6)
Slika 6 |
Slika 7 |
Nato poiščemo svojo html datoteko in jo naložimo (uploadamo), da se pokaže v desnem okencu pod našim URL naslovom in nato pod tem kliknemo na "RETURN TO 0catch.com USER MANAGER". (Slika 8)
Slika 8 |
Slika 9 |
Našo html datoteko spremenimo v "index.html" in nato ponovno klik na "Return to User Manager". (Slika 10)
Slika 10 |
Sedaj vpišemo svoj URL naslov v brskalnik in lahko vidimo svojo spletno stran. Moja spletna stran: http://sposoben.0catch.com/