25. oktober 2006 - 17:54
Der er
3 kommentarer og
1 løsning
Spring ned til bestemt celle ved hjælp af id
Nedenstående javascript farver en celle kaldet "hest" orange. Samtidig vil jeg gerne have at man automatisk "springer ned" til "hest"-cellen. (Ligesom ved side.html#hest).
<script type="text/JavaScript">
window.onload = function() {
var id = hest;
if (document.getElementById(id)) {
document.getElementById(id).style.background = "#e68200";
}
}
</script>
Og denne <td> får nu en orange bgcolor:
<td id="hest">Jeg er en heste celle der bliver farvet orange</td>
Desværre "hopper siden" ikke ned og starter ved "hest"-cellen.
Med venlig hilsen
25. oktober 2006 - 20:21
#1
Kunne du ikke skrive noget i retning af location.href='#hest'. Problemet er så bare, at du skal have 2 ID's eller lave et element med et andet ID
26. oktober 2006 - 13:46
#2
<ole>
<script type="text/javascript">
function getPos(elm) {
for(var zx=zy=0,zw=elm.offsetWidth,zh=elm.offsetHeight;elm!=null;zx+=elm.offsetLeft,zy+=elm.offsetTop,elm=elm.offsetParent);
return {x:zx,y:zy,w:zw,h:zh};
}
function jump2td(id) {
var o = document.getElementById(id);
o.style.background = "#ff6600";
scrollTo(0, getPos(o).y);
}
</script>
<button onclick="jump2td('gnu')">TEST</button>
<div style="padding:900px 50px">
<table border="1">
<tr>
<td>jlkjl kjlkjl kjl kjl</td>
<td>jlkjl kjlkjl kjl kjl jklkjlkj lkjl kjlk jlkjlkj lkj</td>
<td>jlkjl kjlkjl kjl kjl</td>
</tr>
<tr>
<td>jlkjl kjlkjl kjl kjl</td>
<td id="gnu">jlkjl kjlkjl kjl kjl jklkjlkj lkjl kjlk jlkjlkj lkj</td>
<td>jlkjl kjlkjl kjl kjl</td>
</tr>
<tr>
<td>jlkjl kjlkjl kjl kjl</td>
<td>jlkjl kjlkjl kjl kjl jklkjlkj lkjl kjlk jlkjlkj lkj</td>
<td>jlkjl kjlkjl kjl kjl</td>
</tr>
</table>
</div>
/mvh
</bole>