Avatar billede dingkee Nybegynder
25. februar 2006 - 01:25 Der er 6 kommentarer

Tabs kun den ene vej

Hej,

jeg er ved at lave nogle tabs så man kan se nogle forskellige billeder...

Mit problem er at jeg kun kan gå "nedaf" i tabsne, men ikke op igen...

Tror jeg har set mig blind på hvad der kan være galt...

Det ligger her så i kan se det:

http://ladings2.schlebaum.dk/billed6.php

Håber der er en der kan hjælpe
Avatar billede notes2c Nybegynder
25. februar 2006 - 10:58 #1
Har ikke checket din javascript kode... Men tror helt sikkert på at det hænger samme med at du referere til dine id'er som f.eks billed-over1-1stor-6. En sådan id må KUN optræde 1 gang. i hele dokumentet. Og det gør det ikke i dit tilfælde. Det vil gøre at javascript funktionen getElementById ikke vil virke efter hensigten...
Avatar billede dingkee Nybegynder
25. februar 2006 - 13:01 #2
hmm... okay... så kan det nok ikke lade sig gøre at lave på den måde, da jeg skal bruge den samme id flere gange, og ikke kan lave det om til class...
Avatar billede notes2c Nybegynder
25. februar 2006 - 13:16 #3
Hvorfor skal du bruge den samme id flere gange
Avatar billede dingkee Nybegynder
25. februar 2006 - 13:37 #4
Da teksten skal flytte sig alt efter hvilket billed(tab) man er på, og for ikke at lave den samme kode 6 gange, bliver jeg nød til at have den samme id flere gange...

Og jeg kan ikke lave id'en om til class, da javascriptet kører med id
Avatar billede notes2c Nybegynder
25. februar 2006 - 14:12 #5
Kan du ikke gøre noge i stil med dette:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.hide {
display:none;
}
.show {
display:block;
}
-->
</style>
<script type="text/javascript">
function getID(_id) {
    if (document.getElementById)
        return document.getElementById(_id);
    else
        if (document.all)
            return document.all[_id];
}
function setClass(_id, _class) {
    var obj;
    obj=getID(_id);
    if (obj) {
        obj.className=_class;
    }
}
function setHideAll(_id) {
    var elements=document.getElementById(_id).getElementsByTagName("div");
    if (elements) {
        for (var i = 0; i < elements.length; i++) {
            if (/show/.test(elements[i].className)) {
                elements[i].className = 'hide';
            }
        }
    }
}
</script>
</head>

<body>
<div id="main">
<div id="ob1"><a href="#" onclick="setHideAll('main'); setClass('ib1', 'show');">Outer box 1</a>
<div id="ib1" class="hide">Inner Box 1</div>
</div>
<div id="ob2"><a href="#" onclick="setHideAll('main'); setClass('ib2', 'show');">Outer box 2</a>
<div id="ib2" class="hide">Inner Box 2</div>
</div>
<div id="ob3"><a href="#" onclick="setHideAll('main'); setClass('ib3', 'show');">Outer box 3</a>
<div id="ib3" class="hide">Inner Box 3</div>
</div>
<div id="ob4"><a href="#" onclick="setHideAll('main'); setClass('ib4', 'show');">Outer box 4</a>
<div id="ib4" class="hide">Inner Box 4</div>
</div>
</div>

</body>
</html>
Avatar billede dingkee Nybegynder
25. februar 2006 - 14:19 #6
Prøver lige at se om det er en smartere måde, ellers har jeg fundet en anden :)
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