Guten Tag,
ich habe ein kleines Problem beim ein und ausblenden von div Blöcken .
das ist meine Javascript Funktion auf der START.jsp
Das sind die buttons zum ein-ausblenden auf der selben Seite
und das sind die divs die ein-ausblenden sollen
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.
das ist der button zum Zurückgehen
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
ich habe ausprobiert mit getElementById("i") und getElementById('i') hat nichts gebracht ..
Danke für jede Hilfe.
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ü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';
Danke für jede Hilfe.