Hvorfor formindskes div'en ikke?
Jeg søgte lidt rundt herinde, for at finde en løsning på at formindske, og senere forøge, bredden på en div, i en glidende overgang.Har prøvet med denne gang java script:
<script type="text/javascript">
function vis_content()
{
var bredde = 366;
function decrease()
{
document.getElementById('test1_content').style.width = bredde + 'px';
if (bredde == 0)
return;
bredde -= 1;
if (bredde <= 0) {
bredde = 0;
}
setTimeout('decrease()', 10);
}
}
</script>
<html>
<body onload="vis_content()">
<div id="main">
<div id="header">
<img alt="Rejsesiden 2006" src="images/header.png" />
</div>
<div id="content">
<div id="left">
</div>
<div id="right">
<div id="test1_main" class="test_main">
<img alt="Luk" src="images/arrows_right.png" class="arrows" id="arrow_1" />
</div>
<div id="test1_content" class="test_content">
</div>
<div id="test2_main" class="test_main">
<img alt="Åben" src="images/arrows_left.png" class="arrows" id="arrow_2" onclick="vis_content();" />
</div>
<div id="test2_content" class="test_content">
</div>
<div id="test3_main" class="test_main">
<img alt="Åben" src="images/arrows_left.png" class="arrows" id="arrow_3" />
</div>
<div id="test3_content" class="test_content">
</div>
</div>
</div>
</div>
</body>
</html>
Men det vil bare ikke virke:S
