Avatar billede phpbegynder2004 Nybegynder
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
Avatar billede loevgaard Praktikant
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
Avatar billede olebole Juniormester
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>
Avatar billede phpbegynder2004 Nybegynder
09. november 2006 - 20:16 #3
Mange tak for hjælpen!
Avatar billede olebole Juniormester
13. november 2006 - 10:01 #4
Det var så lidt. Så vil jeg tillade mig at lægge et forsigtigt svar  ;o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester