JSP JSP div Container ein- und ausblenden

Bitte aktiviere JavaScript!
Guten Tag,
ich habe ein kleines Problem beim ein und ausblenden von div Blöcken .

das ist meine Javascript Funktion auf der START.jsp

Javascript:
<script type="text/javascript">

var request=<%=request.getParameter("seite")%>;

function anaus(id){
   
    for(var i=1;i<5;i++){
       
        if(i==id){
            document.getElementById(id).style.display='block';
        }else {
            document.getElementById(i).style.display='none';
        }
    }  
}
if(request!=null){anaus(request);}else{anaus(1);}
</script>
Das sind die buttons zum ein-ausblenden auf der selben Seite
Code:
<div class=leftMenu1>
<p><br><br></p>
   
        <table border=0 cellspacing=5 align="center" cellpadding=15>
            <tr>
                <td align="center" >
                <b><input type="button" class="myButton" name="projektorg" value="Dashboard"
                onclick="anaus(1)"></input></b>
                </td>
            </tr>
            <tr>
                <td align="center">
                <b><input type="button" class="myButton" name="auswert" value="Projekte"
                onclick="anaus(2)"></input></b>
                </td>
            </tr>
   
            <tr>
                <td align="center">
                <b><input type="button" class="myButton" name="projstat" value="Programme"
                onclick="anaus(3)"></input></b>
                </td>
            </tr>

            <tr>
                <td align="center">
                <b><input type="button" class="myButton" name="statis" value="Text-Referenz"
                onclick="anaus(4)"></input></b>
                </td>
            </tr>
        </table>
        </div>
und das sind die divs die ein-ausblenden sollen
Code:
<div class="rightMenu1" id=1>
<jsp:include page="Projektorganisation/Dashboard.jsp" flush="true" />
</div>
<div class="rightMenu1" id=2>
<jsp:include page="Projektorganisation/Projektorganisation.jsp" flush="true" />
</div>
<div class="rightMenu1" id=3>
<jsp:include page="Projektorganisation/ProgrammOrg.jsp" flush="true" />
</div>
<div class="rightMenu1" id=4>
<jsp:include page="Auswertung/Programmauswahl.jsp" flush="true" />
</div>
alles funktioniert aber es gibt 2 Problemmen:

1.beim Zurückkommen von der anderen Seite wird der request richtig ausgelesen aber funktion anaus macht nichts.
if(request!=null){anaus(request);}else{anaus(1);}

das ist der button zum Zurückgehen
Code:
<form action="../START.jsp" method="get">
<input type="hidden" name="seite" value="2">
<input type="submit" value="zur&uuml;ck"></form></td>
2.Browser Entwicklertools zeigen Fehler :
START.jsp:30 Uncaught TypeError: Cannot read property 'style' of null
at anaus (START.jsp:30)
at START.jsp:38
und das ist in dieser Zeile
Code:
else {
            document.getElementById(i).style.display='none';
ich habe ausprobiert mit getElementById("i") und getElementById('i') hat nichts gebracht ..

Danke für jede Hilfe.
 
A

Anzeige


Vielleicht hilft dir dieser Kurs hier weiter: (hier klicken)
Passende Stellenanzeigen aus deiner Region:

Neue Themen

Oben