[html/javascript/css] bgColor bij input dynamisch?

Pagina: 1
Acties:

  • Limhes
  • Registratie: Oktober 2001
  • Laatst online: 19-08 19:06
Hoe moet ik de achtergrondkleur van een textvak laten wijzigen op onFocus?

Ik heb nu

<input type="text" onFocus="JavaScript:this.bgColor='#ffffff'" />

maar dit werkt niet. Ook

<input type="text" onFocus="JavaScript:this.style.background-color='#ffffff'" />

doet niet het gevraagde... Hoe?

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 13-07 17:24

Hangloozz

{ @$%&# }

niet geprobeerd hoor, maar haal bij de laatste eens het 'javascript:' weg.
code:
1
<input type="text" onFocus="this.style.background-color='#ffffff'" />

www.jurgroessen.nl


  • Limhes
  • Registratie: Oktober 2001
  • Laatst online: 19-08 19:06
Vergeten erbij te vermelden, maar had ik ook al gedaan...

Verwijderd

this.style.background-color='#ffffff'
Dat liggende streepje - tussen 'background' en 'color' wordt opgevat als een 'min', en javascript zal dus proberen een rekenkundige bewerking uit te voeren. Dat gaat natuurlijk niet goed.

Als er een streepje in de CSS propertie voorkomt, dan laatje deze in javascript weg, en je maakt de volgende letter een hoofdletter.

this.style.backgroundColor='#ffffff';
Zo dus. En dit had je met een beetje zoekwerk toch wel zelf kunnen vinden?

  • SchizoDuckie
  • Registratie: April 2001
  • Laatst online: 18-02-2025

SchizoDuckie

Kwaak

daar heb ik wat voor geschreven :) check dit:

http://www.nvlf.nl/email.nvlf

werkt bij tabs mouseover, mouseout weer vorige kleur, en focus :)

de js file die je moet includen heet formhighlight.js en je moet hem initten bij de onload met de initFormHighLight() functie.

Kleurcodes moet je ff replacen in de file, heb nog geen zin gehad om hem adaptable te maken :P

Stop uploading passwords to Github!


  • Limhes
  • Registratie: Oktober 2001
  • Laatst online: 19-08 19:06
Op dinsdag 02 april 2002 23:34 schreef Cheatah iets vrij logisch:
Dat liggende streepje - tussen 'background' en 'color' wordt opgevat als een 'min', en javascript zal dus proberen een rekenkundige bewerking uit te voeren. Dat gaat natuurlijk niet goed.
Hij doet ut, thnx
Pagina: 1