---

Hej NG!

Jeg har bemærket at når man navigerer igennem en formular med tab-tasten,
bliver rullemenuerne markerede (blå) men det samme ikke gælder
tekstfelterne. Kan det lade sig gøre med et script ? Er det noget med focus
?

hilsen
Peter

---

Ja, det er muligt med et script der ændrer CSS attributterne.

Med onfocus kalder du en funktion der sætter this.style="color: red;
background-color: lightyellow

eller lignende.

Regards Jens Peter Karlsen

On Fri, 28 Aug 2009 09:43:57 +0200, "Peter"
<kontakt@morgenmusikken.dk> wrote:

>Jeg har bemærket at når man navigerer igennem en formular med tab-tasten,
>bliver rullemenuerne markerede (blå) men det samme ikke gælder
>tekstfelterne. Kan det lade sig gøre med et script ? Er det noget med focus

---

"Jens Peter Karlsen" <jpkarlsen@mvps.org> skrev i en meddelelse
news:bs7f959phori0qjl3ppfoe6et9tj52rr3k@4ax.com...
> Ja, det er muligt med et script der ændrer CSS attributterne.
>
> Med onfocus kalder du en funktion der sætter this.style="color: red;
> background-color: lightyellow
>
> eller lignende.
>
> Regards Jens Peter Karlsen


Hej Jens Peter!

Sættes ovennævnte kode/script-linie ind "direkte" i HTML-koden i forbindelse
med det pågældende tekstfelt (tekstfelter) eller "kræver" det et externt CSS
doc.

hilsen
Peter

---

Skrives i selve tagget. Korrekt syntax er
onfocus = "this.style.background-color = 'lightyellow';"

Regards Jens Peter Karlsen

On Fri, 28 Aug 2009 14:39:12 +0200, "Peter"
<kontakt@morgenmusikken.dk> wrote:

>Sættes ovennævnte kode/script-linie ind "direkte" i HTML-koden i forbindelse
>med det pågældende tekstfelt (tekstfelter) eller "kræver" det et externt CSS

---

Jens Peter Karlsen <jpkarlsen@mvps.org> writes:

> Skrives i selve tagget. Korrekt syntax er
> onfocus = "this.style.background-color = 'lightyellow';"

Man skal lige huske at lave CSS-egenskabens navn om til en Javascript
identifier:
onfocus="this.style.backgroundColor = '#ffffe0';"

Bemærk at 'lightyellow' ikke er et CSS-farvenavn, se
http://www.w3.org/TR/CSS21/syndata.html#value-def-color


/L
--
Lasse Reichstein Holst Nielsen
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

---

Peter skrev:
> Hej NG!
>
> Jeg har bemærket at når man navigerer igennem en formular med tab-tasten,
> bliver rullemenuerne markerede (blå) men det samme ikke gælder
> tekstfelterne. Kan det lade sig gøre med et script ? Er det noget med focus
> ?

Det kan lade sig gøre med CSS:

input:focus {background-color:blue;}


--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

---

>> Jeg har bemærket at når man navigerer igennem en formular med tab-tasten,
>> bliver rullemenuerne markerede (blå) men det samme ikke gælder
>> tekstfelterne. Kan det lade sig gøre med et script ? Er det noget med
>> focus?
>
> Det kan lade sig gøre med CSS:
>
> input:focus {background-color:blue;}
>
> Med venlig hilsen
> Jørgen Farum Jensen
> Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
> Webdesign med stylesheets: http://webdesign101.dk/cssbog/

Sættes ovennævnte kode/script-linie ind "direkte" i HTML-koden i forbindelse
med det pågældende tekstfelt (tekstfelter) eller "kræver" det et externt CSS
doc.

hilsen
Peter

---

Peter skrev:
>>> Jeg har bemærket at når man navigerer igennem en formular med tab-tasten,
>>> bliver rullemenuerne markerede (blå) men det samme ikke gælder
>>> tekstfelterne. Kan det lade sig gøre med et script ? Er det noget med
>>> focus?
>> Det kan lade sig gøre med CSS:
>>
>> input:focus {background-color:blue;}
>>
>> Med venlig hilsen
>> Jørgen Farum Jensen
>> Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
>> Webdesign med stylesheets: http://webdesign101.dk/cssbog/
>
> Sættes ovennævnte kode/script-linie ind "direkte" i HTML-koden i forbindelse
> med det pågældende tekstfelt (tekstfelter) eller "kræver" det et externt CSS
> doc.

Ovenstående er en stylesheet formdeklaration,
der kan sættes i et eksternt stylesheet eller i et
dokumentindlejret stylesheet.

IE har ihvertfald i ældre versioner nogle problemer
med :focus pseudoklassen. Jeg kan ikke lige huske
om det er fikset i IE7 og IE8.

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..