Weboldalkészítő suli #20 - Képes kapcsolók
Az űrlapok formázásakor viszonylag könnyedén megváltoztathatjuk a szövegbeviteli mezők és a gombok kinézetét, ám ha szeretnénk a böngészők gyári rádiógombjai és jelölőmezői helyett valami látványosabbat, akkor azokért bizony meg kell dolgoznunk.
Legutóbbi leckénkben elkezdtük regisztrációs űrlapunkat stíluslapokkal és JavaScript-funkciókkal csinosítani és okosítani. Ám ennek során szinte kizárólag a különböző szöveges elemekre, azaz a szövegbeviteli mezőkre és listákra, vagyis a text típusú ‹input›, a ‹textarea› és a ‹select› kontrollokra koncentráltunk. Ennek eredményeképpen, ahogyan azt az weboldalkészítő suli alaposabb „hallgatói” a letölthető példaállomány segítségével ki is próbálhatták, oldalunk ezen elemei a különböző böngészőkben (Firefox, Opera, Google Chrome stb.) többé-kevésbé hasonlóan néznek ki mostanra – természetesen leszámítva a programok saját aktív elem kijelölését. Ráadásul a kísérletező kedvűek főként a text típusú ‹input› és a ‹textarea› kontrollokat tovább csicsázhatják különböző háttérképekkel, és így akár teljesen egyedi kinézetű űrlapokat is készíthetnek.
Xara Xtreme-mel könnyen hozhatunk létre látványos kapcsolókat
De mi a helyzet a különböző „kapcsolókkal”, vagyis a rádiógombokkal és a jelölőmezőkkel, amelyek egyrészt minden böngészőprogramban másképp néznek ki, másrészt finoman szólva is „kommersszé” teszik még az egyébként kimondottan látványossá alakított űrlapokat is? A megoldást három leckével ezelőtt, a képes címsorok környékén kell keresgélnünk – ám ezúttal nem szövegeket, hanem a rádiógomb és jelölőmező kontrollelemeit fogjuk egy-egy képpel helyettesíteni.
V. Ádám
2010-05-25 13:36:23
Másik, hogy IE-ben az eredeti jelölők nem látszanak, Firefox-ban viszont ott maradnak a kép mellett.