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

function setBorder() {
  this.style.border = "1px solid #00FFFF";
}

function clearBorder() {
  this.style.border = "1px solid #000000";
}

function prepField() {
  // A search nevű form-ban beállítjuk a searchField figyelését
  var sfield = document.forms["search"].elements["searchField"];
  if (sfield) {
    sfield.onblur = setBorder;
    sfield.onfocus = clearBorder;
  }
}

window.onload = prepField;
4

kössz

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

Müxik....
szovegmezoclass:focus {
border: 1px solid #000000;
}
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