sposoben: XHTML in Onclick

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

Izberemo "Plan #1 Free" in kliknemo "Continue With Signup >>". (Slika 4)

Slika 4

Pod oglasom kliknemo "No Thanks, a FREE site will be fine". (Slika 5)

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

Izberemo "File Uploader". (Slika 7)

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)