Skifte feltfarge ved museklikk

[OyvindN]

Hvordan skifter jeg farge på et felt ved museklikk i feltet?

 

For eksempel, her skal STYLE endres til blå:

 

<INPUT TYPE=text

NAME=felt

STYLE=background-color:red>

[FuLu]

Du kan bruke input:focus i CSS'en, men dette vil bare fungere i Opera/Mozilla, det er fullt mulig du må bruke javascript for å få det til å fungere i IE (for de som har dette aktivert), mulig det er andre teknikker, men det har jeg ikke anelse om akuratt nå.

 

Eksempel:

<style type="text/css">
<!--
input.tekstfelt
{
 background-color: #efefef;
}
input.tekstfelt:focus
{
 background-color: #ffffff;
}
-->
</style>

<input class="tekstfelt" type="text" name="felt"/>

 

Med javascript, så kan du f.eks gjøre det slik:

<input type="text" name="felt" onfocus="this.style.backgroundColor='red'" onblur="this.style.backgroundColor='green'"/>

 

Eller slik:

<style type="text/css">
<!--
input.blur
{
background-color: #efefef;
}
input.focus
{
background-color: white;
}
-->
</style>

<input class="blur" type="text" name="felt" onfocus="this.className='focus'" onblur="this.className='blur'"/>

Endret 29. januar 2004 av FuLu

[OyvindN]

Takker!

[PT]

Med fare for å bli slaktet så sier jeg bare at noe slikt vil være grusomt på en webside (dog en som vet hva han driver med kan kanskje få noe nyttig ut av det... )

[Moonshine]

noe slikt vil være grusomt på en webside ...

Ikke hvis fargene som det switches mellom er fornuftige og ikke skjærende.

 

Jeg synes det er en glimrende ide, da jeg ser lett hvor jeg er på et skjema.

 

[haugsand]

Se for eksempel hvordan det er brukt på Mozilla.org.

[PT]

Ahh... Jeg som ikke leste spørsmålet godt nok

Trodde det var snakk om å endre bakgrunnsfargen på hele siden, for det ville vært ekkelt

[Moonshine]

 

Hvis han hadde snakket om det, tror jeg at han hadde fått tilsnakk. Sånt gjør man bare ikke, for brukerenes skyld.

[enden]

Med javascript, så kan du f.eks gjøre det slik:

<input type="text" name="felt" onfocus="this.style.backgroundColor='red'" onblur="this.style.backgroundColor='green'"/>

Svarte, jeg tenkte ikke på å prøve uten bindestrek da jeg prøvde å svare på det fra javascriptkategorien