ugrás a tartalomhoz

Szövegmezőbe kattintással az osztály megváltozik.....

Anonymous · 2006. Már. 23. (Cs), 19.12
Üdv!

Nos az lenne a kérdésem h:

h lehet azt megoldani css-ben vagy js-ben sztem css-ben van megoldva, mint pl. a weblabornál vagy a drupalnál Firefoxban, h:

mikor belekattintok egy szövegmezőbe akkor a kerete mondjuk sárgáról feketére váltson?
vagy ha nem kattintok hanem csak megnyomom a tab-ot?

én úgy próbáltam h szovegmezoclass:active de ez sajnos nem jött be ez csak akkor müködik a folyamatosan nyomva tartom az egertet.

Ezt hogy lehetne megoldani?

Előrei kösssz.
 
1

:focus

erenon · 2006. Már. 23. (Cs), 19.33
a :focus pszeudoosztállyal.
3

kifejtenéd

zottty · 2006. Már. 23. (Cs), 21.51
Kifejtenéd légyszi!
Én is Poetro megoldását ismerem.
2

JavaScript megoldás

Poetro · 2006. Már. 23. (Cs), 19.45
  1. function setBorder() {  
  2.   this.style.border = "1px solid #00FFFF";  
  3. }  
  4.   
  5. function clearBorder() {  
  6.   this.style.border = "1px solid #000000";  
  7. }  
  8.   
  9. function prepField() {  
  10.   // A search nevű form-ban beállítjuk a searchField figyelését  
  11.   var sfield = document.forms["search"].elements["searchField"];  
  12.   if (sfield) {  
  13.     sfield.onblur = setBorder;  
  14.     sfield.onfocus = clearBorder;  
  15.   }  
  16. }  
  17.   
  18. window.onload = prepField;  
4

kössz

Anonymous · 2006. Már. 23. (Cs), 22.22
okse, kösszike

Müxik....
  1. szovegmezoclass:focus {  
  2. border1px solid #000000;  
  3. }  
gondolom igy gondoltad a kifejtést h his müxik igaz nem nekem szól de ha már itt vokk....:)
5

stabil

erenon · 2006. Már. 23. (Cs), 22.45
Igen, így jó. Én ezt azért szeretem jobban, mert rövidebb, és akkoris megy, ha a JS ki van kapcsolva.
Persze IE alapból csak az <a> tagre támogatja a pszeudókat, => lehet nekiállni hackelni :)
6

kicsit szebb is lehet

Táskai Zsolt · 2006. Már. 24. (P), 11.10
le lehet választani a működésről a kinézetet, ha a className attribútumot állítgatod, és a stílust CSS-ben adod meg. az osztálynév hozzáadást/kivevést lehet csinálni a prototype.js addClassName() és removeClassName() függvényével.

aztán ötvözni lehet a ":focus"-os megoldással: a valami:focus és a valami.focused ugyanazt a stílust kapja, és IE-ben szkriptelsz, amúgy meg hagyod a szelektort érvényesülni.

én ennél korrektebbet nem tudok, de mindenre nyitott vagyok:)
Tasi