|
|
Dinamikus stílusok.
Mobilváltozat!
Asztali változathoz,
kattints a képre!
A dokumentum jelölőcímkével ellátott részeinek,
tetszőleges megjelenési formát adhatunk
JavaScript
programmal.
Feltétel, hogy az adott szövegrészt kijelölő címke,
rendelkezzen
egyedi id
azonosítóval.
A lentebb látható egyszerű űrlapon, a <select> elemek segítségével, választhatunk a megjelenő színválasztékból.
<h1 id="cimsor1">
h1-es teszt
címsor
Dinamikus stílusok
JavaScripttel </h1>
<p id="p1">
Ez egy bekezdés,
kezdő címkéje
rendelkezik
egyedi id
azonosítóval.
</p>
<p id="p1">
Ez egy újabb bekezdés,
kezdő címke id azonosítója,
megegyezik az előző
bekezdés id
azonosítójával.
Mivel mindkét bekezdés azonosítója megegyezik,
ezért a másodikra
nincs hatással
programunk.
</p>
Megjegyzés:
Form szakaszban figyeljünk oda, színkód megadásánál
a kód és idézőjel között
szóköz ne legyen.
Szóköz esetén,
EXPLORERBEN
nem fog működni a programunk.
Háttérszín választásnál, fehérszín választási lehetőség,
ne az első sorban legyen.
Teszteljük a fehérszínt (white) háttérszín megadásnál,
láthatjuk, hogy rákattintásnál semmi sem történik, még akkor sem, ha a CSS, azaz stíluslapon például szürke háttérszínt állítottunk be.
Egy adott html oldalon,
egy adott
id azonosító,
csak egyszer
szerepelhet
ugyan azon néven.
Hiába próbálkozunk, hogy másik bekezdés címkének is ugyan azon id azonosítót adjuk, programunk csak az elsőt veszi figyelembe.
Erről a fenti példában is meggyőződhetünk. Mindkét bekezdés ugyan azon id azonosítóval rendelkezik.
Űrlap, azaz form szakasz megírása XHTML oldalon
Jelenleg elég sok színválasztási lehetőség van.
A valóságban elég egy - két szín megadása is,
azaz mindenki döntse el,
mennyit akar megadni.
Témakör asztali számítógépre és monitorra készült,
mely tableten is megtekinthető!
Olyan témakör, mely mobiltelefonon nagyítással sem áttekinthető,
gyakorlási célra nem alkalmazható,
mobiltelefonos változata nincs!