jag hade tänkt att göra det enkelt för mig. Jag vill alltså ändra bakgrundsfärgen på den ruta man är i. Varför inte använda this:förenkling av kod
har följande kod:
<code>
<input onfocus="bakgrundsfargRuta(userAnvandarnamn)" id="userAnvandarnamn" name="userAnvandarnamn" type="text" />
function bakgrundsfargRuta(idNamn)
{
document.getElementById(idNamn).className = "bakgrund";
}
</code>
Men detta vill inte fungera. Man skickar in ID namnet på rutan så slipper man göra en funktion för varje textruta. Hur löser jag detta? FF (firebug) säger att felet ligger på raden i javascriptet, men jag får inget felmeddelande :SSv: förenkling av kod
function bakgrundsfargRuta(x)
{
x.className = "bakgrund";
}
</script>
<input onfocus="bakgrundsfargRuta(this)" id="userAnvandarnamn" name="userAnvandarnamn" type="text" />
Är en förenkling av koden.
EDIT:
Attans 4 minuter för sent. ;)
Finns det inte möjlighet att använda CSS?
<code>
<style type="text/css">
.bakgrund:focus
{
outline: thick solid black
}
.bakgrund:active
{
outline: thick solid red
}
</style>
<input class="bakgrund" id="userAnvandarnamn" name="userAnvandarnamn" type="text" />
</code>
Funkar i Fire fox.