Skift class på div
Hej igen.Jeg prøver at skifte css klasse på et par div'er på min side, men det virker ikke. Så vidt jeg lige kan gennemskue, burde det virke, men .. tjah, det gør det altså ikke. Håber I kan se hvad der er galt og vil hjælpe mig.
Her er siden:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>FunnyDivs</title>
<link rel="Stylesheet" href="Style.css" media="screen" type="text/css" />
</head>
<body>
<script type="text/javascript">
function highlight(obj) {
document.getElementById(obj).className = 'border_hover';
}
</script>
<form id="form1" runat="server">
<div>
<div id="div1" class="border_inactive small_box" onmouseover="highlight()">
</div>
<div id="div2" class="border_inactive small_box" onmouseover="highlight()">
</div>
</div>
</form>
</body>
</html>
.. og mit stylesheet:
.border_inactive
{
border: dotted 1px Gray;
}
.border_hover
{
border: solid 1px Aqua;
}
.small_box
{
width: 150px;
height: 100px;
}
.large_box
{
width: 200px;
height: 300px;
}
Jeg har prøvet at kalde javascript funktionen med highlight(this), men har fjernet det igen, da getElementById(obj) skulle tage sig af den sag.. ikke?
Mvh.
