Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

Färgmarkera div när man sätter musen i ett input-fält?

kungmats

Startad av kungmats,
i Webbutveckling

Rekommendera Poster

kungmats

kungmats

Postad
Postad

Hej

 

Jag har en sida med massor med rader med input forms och jag skulle vilja att hela raden färgmarkerades på något vis när man sätter musen i ett fält på raden. T.ex. bakgrunden på diven, ramarna på inputfälten eller diven eller något annat spelar ingen roll bara hela raden markeras på något sätt ... går det att lösa?

<div>

<form>

<input><input><input><input>

</form>

</div>

 

[ ][ ][ ][ ][ ][ ][ ][ ][ ]

[ ][|][ ][ ][ ][ ][ ][ ][ ]

[ ][ ][ ][ ][ ][ ][ ][ ][ ]

[ ][ ][ ][ ][ ][ ][ ][ ][ ]

Länk till kommentar
Dela på andra webbplatser
Jonas__B

Jonas__B

Postad
Postad

med css kan du göra så här:

#myDiv:hover {background-color: yellow}

byt ut #myDiv mot divvens ID och färgen "yellow" mot önskade bakgroundsfärg.

 

Fungerar dock inte i IE6, men i IE7 om du använder docktype

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

"http://www.w3.org/TR/html4/strict.dtd">

Länk till kommentar
Dela på andra webbplatser
kungmats

kungmats

Postad
  • Trådskapare
Postad

med css kan du göra så här:

#myDiv:hover {background-color: yellow}

byt ut #myDiv mot divvens ID och färgen "yellow" mot önskade bakgroundsfärg.

 

Fungerar dock inte i IE6, men i IE7 om du använder docktype

 

ok, men om jag då flyttar musen över en annan rad utan att klicka i ett fält så kommer väl det gula att följa med?

Jag vill att den raden där markören sitter någonstans skall vara färgad oavsett var jag sen har fört pekaren (utan klick förstås)

Länk till kommentar
Dela på andra webbplatser
  • 1 month later...
Micke_skane

Micke_skane

Postad
Postad

ok, men om jag då flyttar musen över en annan rad utan att klicka i ett fält så kommer väl det gula att följa med?

Jag vill att den raden där markören sitter någonstans skall vara färgad oavsett var jag sen har fört pekaren (utan klick förstås)

 

Tror denna funktion gör det du beskriver!

<html>
<head><title></title>
<script type="text/javascript">
var DivID = new Array("1","2");
function SetColor(x) {
for (var i=0; i<DivID.length;i++) {
document.getElementById(i+1).style.backgroundColor="";
}
document.getElementById(x).style.backgroundColor="red";
}
</script>
</head>
<body>
<div class="InputBox" id="1">
<input type="text" onfocus="SetColor(1)" />
<input type="text" onfocus="SetColor(1)" />
</div>
<div class="InputBox" id="2">
<input type="text" onfocus="SetColor(2)" />
<input type="text" onfocus="SetColor(2)" />
</div>
</body>
</html>
Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...