Avatar billede nut Nybegynder
12. august 2009 - 16:40 Der er 6 kommentarer og
1 løsning

teksbox farve (når der ikke er en musmærkør i eller står noget i dem)

hej eksperter

jeg har ingen ide om hvordan man gør det, da jeg ikke er god til Javascript, men jeg prøver, jeg håber i kan hjælpe mig med det.

hilsen nut
Avatar billede Slettet bruger
12. august 2009 - 17:04 #1
Det kan gøres i rent css uden javscript:

<style type="text/css">
.textArea {
background-color: yellow;
}

.textArea:hover, .textArea:active {
background-color: red;
}
</style>

Så skulle den være gul indtil du kører musen over den, eller begynder at skrive.
Avatar billede sw_red_6 Nybegynder
13. august 2009 - 17:01 #2
Du har som sådan ret.. men der er vidst noget med at de pseudo-klasser ikke virker for andet en anchors i IE6/IE7

ellers må det være noget med onmouseover og onmouseout der skal bruges..
Avatar billede Slettet bruger
13. august 2009 - 18:55 #3
Så kan dette her måske bruges?

<input type="text" id="text" onFocus="textBox.background = '#FFFFCC';" onBlur="textBox.backgroundColor = '#FFFFFF';">

<script type="text/javascript">
var textBox = document.getElementById('text').style;
</script>
Avatar billede sw_red_6 Nybegynder
14. august 2009 - 09:04 #4
Det her skulle gerne gøre det du vil have:

<input type="text" id="text" onFocus="changeTextBGColor(this,'#FFFFCC');" onBlur="changeTextBGColor(this,'#FFFFFF');">

<script type="text/javascript">
function changeTextBGColor(el, color, method) {
  if(el.value == "") {
    el.backgroundColor = color;
  }
}
</script>
Avatar billede sw_red_6 Nybegynder
14. august 2009 - 09:06 #5
hov der mangler style..

det skal være el.style.backgroundColor = color og method skal også fjernes..

sådan her:
<script type="text/javascript">
function changeTextBGColor(el, color) {
  if(el.value == "") {
    el.style.backgroundColor = color;
  }
}
</script>
Avatar billede nut Nybegynder
14. august 2009 - 11:12 #6
sw_red_6

svar lige, for det virker
Avatar billede sw_red_6 Nybegynder
17. august 2009 - 15:21 #7
ok

Husk bare at tjekke det grundigt igennem..
jeg er notorisk god til at overse småting :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester