Informatika és tudomány

HTML-szerkesztés kezdőknek!!!
  • MANOWAR
    #8845
    Köszi már megoldódott. :) Így:
    <html><head>
    <script language="javascript" type="text/javascript">
    function valtogategy()
    {
    if(egyestr==0)
    {
    document.getElementById('egy').style.visibility="visible";
    document.getElementById('ketto').style.visibility="collapse";
    document.getElementById('harom').style.visibility="collapse";
    egyestr=1;
    kettestr=0;
    harmastr=0;
    }
    else
    {
    document.getElementById('egy').style.visibility="collapse";
    egyestr=0;
    }
    }

    function valtogatketto()
    {
    if(kettestr==0)
    {
    document.getElementById('ketto').style.visibility="visible";
    document.getElementById('egy').style.visibility="collapse";
    document.getElementById('harom').style.visibility="collapse";
    kettestr=1;
    egyestr=0;
    harmastr=0;
    }
    else
    {
    document.getElementById('ketto').style.visibility="collapse";
    kettestr=0;
    }
    }

    function valtogatharom()
    {
    if(harmastr==0)
    {
    document.getElementById('harom').style.visibility="visible";
    document.getElementById('egy').style.visibility="collapse";
    document.getElementById('ketto').style.visibility="collapse";
    harmastr=1;
    egyestr=0;
    kettestr=0;
    }
    else
    {
    document.getElementById('harom').style.visibility="collapse";
    harmastr=0;
    }
    }
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Teszt</title>
    </head>
    <body>
    <script language="javascript" type="text/javascript">
    var egyestr=0;
    var kettestr=0;
    var harmastr=0;
    </script>
    <p>Szöveg.</p>
    <table border="0">
    <tr id="egy" style="visibility:collapse;"><td>Első tartalom.</td></tr>
    <tr id="ketto" style="visibility:collapse;"><td>Második tartalom.</td></tr>
    <tr id="harom" style="visibility:collapse;"><td>Harmadik tartalom.</td></tr>
    </table>
    <p>Szöveg.</p>
    <span style="position: absolute; left: 5px; top: 150px;"<p><a href="javascript:void(0);" onclick="valtogategy()">Kattints ide ha kedves az életed!</a></p>
    <p><a href="javascript:void(0);" onclick="valtogatketto()">Vagy kattints ide!</a></p>
    <p><a href="javascript:void(0);" onclick="valtogatharom()">Vagy ide!</a></p>
    </body></html>