• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Blättern-Problem <.<

Status
Für weitere Antworten geschlossen.

Tuturios

Neues Mitglied
Tach auch.

Ich wollte mich letztens mal wieder dransetzen, bei der Site meines Kumpels eine "Blätter-Funktion" einzubauen. Ich hab mir gedacht, ich müsste einfach nur 2 Divs in ein anderes packen und dann beim Klicken eins unsichtbar und das Andere sichtbar machen. Leider funktioniert das nicht so ganz.

HTML-Code-Ausschnitt:
Code:
<map name="imgmap">
                    <area shape="rect" coords="276,410,507,449" href="javascript:Submit();"></area>
                        <area shape="rect" coords="31,183,97,199" onclick="CloseDiv('status_two');OpenDiv('status_one');"></area>
                        <area shape="rect" coords="100,183,198,199" onclick="CloseDiv('status_one');OpenDiv('status_two');"></area>
        </map>

        </head>

        <body>
            <form name="Battle-Form">

            <div class="pic">

                    <img src="./_pics/background.png" alt="" border="0" usemap="imgmap">

                        <div class="status">

                            <div class="status_one" id="status_one" style="visibility:visible;">

                                    Test

                                </div>

                                <div class="status_two" id="status_two" style="visibility:hidden;">

                                    Test2

                                </div>

JavaScript-Code:
Code:
function OpenDiv(DivID)
{
    document.getElementById(DivID).style.visiblity = "visible";
}
function CloseDiv(DivID)
{
        document.getElementById(DivID).style.visibility = "hidden";
}
Wäre sehr dankbar für Hilfe!

~Tuturios
 
Was genau funktioniert da nicht? Vermutlich sind beide div's immer zu sehen, nur eben eines ist unsichtbar - stimmts? Verwende lieber "display: block" bzw. "display: none" um ein div sichtbar und unsichtbar zu machen.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben