Hallo zusammen,
ich habe hier ein Javascript welches beim Klick auf ein Bild einen Text anzeigt oder ihn verbirgt. Gleichzeitig wird das Bild geändert, + (plus) beim ausgeblendetem Text und - (minus) beim eingeblendetem Text.
Alles funktioniert soweit wenn ich die Datei im Browser teste, aber sobald ich das ganze im Frameset einbaue wird zwar der Text angezeigt und wieder ausgeblendet, aber das Bild wird nicht geändert.
Kann mir jemand sagen wo da der Fehler liegt!?
Und bitte keine Kommentare zum Frameset...... das muss sein!
Vielen Dank schon im Voraus.... hier nun der Quelltext:
ich habe hier ein Javascript welches beim Klick auf ein Bild einen Text anzeigt oder ihn verbirgt. Gleichzeitig wird das Bild geändert, + (plus) beim ausgeblendetem Text und - (minus) beim eingeblendetem Text.
Alles funktioniert soweit wenn ich die Datei im Browser teste, aber sobald ich das ganze im Frameset einbaue wird zwar der Text angezeigt und wieder ausgeblendet, aber das Bild wird nicht geändert.
Kann mir jemand sagen wo da der Fehler liegt!?
Und bitte keine Kommentare zum Frameset...... das muss sein!
Vielen Dank schon im Voraus.... hier nun der Quelltext:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<script type="text/javascript">
var system
if (document.all){
system = document.all
}
if (document.getElementById && !document.all) {
system = document.getElementsByTagName("*")
}
function setWinName() {
//alert("in Funktion setWinName()");
//if (window.name=="True" || window.name=="" || window.name=="main") {
if (window.name=="True" || window.name=="") {
alert("1. WindowName: " + window.name);
window.name="True";
changeClass("einblenden","ausblenden");
document.getElementById("BranchStd").style.display="none";
document.getElementById("BranchErw").style.display="inline";
}
else {
alert("2. WindowName: " + window.name);
window.name="False";
changeClass("ausblenden","einblenden");
document.getElementById("BranchStd").style.display="inline";
document.getElementById("BranchErw").style.display="none";
}
alert("3. WindowName: " + window.name);
}
function displayModus() {
//alert("in Funktion displayModus()");
if (window.name=="True"){
window.name="False";
changeClass("ausblenden","einblenden");
alert("4. WindowName: " + window.name);
}
else {
window.name="True";
changeClass("einblenden","ausblenden");
alert("5. WindowName: " + window.name);
}
alert("6. WindowName: " + window.name);
setDisplayButton();
}
function setDisplayButton(){
//alert("in Funktion setDisplayButton()");
var link5 = document.getElementById("BranchStd").style.display;
var link6 = document.getElementById("BranchErw").style.display;
document.getElementById("BranchStd").style.display = link6;
document.getElementById("BranchErw").style.display = link5;
}
function changeClass(ist,soll){
for (i=0;i<system.length;i++) {
if (system[i].className==ist){
system[i].className=soll;
}
}
}
</script>
<style type="text/css">
<!--
#imgBranchStd, #imgBranchErw {
width: 9px;
height: 11px;
background-repeat: no-repeat;
float: left;
margin-right: 4px;
margin-left: 5px;
}
#imgBranchStd {
background-image: url(../gifs/minus_s.gif);
}
#imgBranchErw {
background-image: url(../gifs/plus_s.gif);
}
.ausblenden {display:none;float:left;width:100%;}
.einblenden {display:inline;float:left;width:100%;}
-->
</style></head>
<body onLoad='setWinName();'>
<table width="690" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span id='BranchStd' style='display:none;'><div id='imgBranchStd'><a href='#' onClick='displayModus();'><img src='../gifs/filler.gif' width='9' height='11' style='float:left;' border='0' /></a></div></span><span id='BranchErw' style='display:inline;'><div id='imgBranchErw'><a href='#' onClick='displayModus();'><img src='../gifs/filler.gif' width='9' height='11' style='float:left;' border='0' /></a></div></span>BRANCHE: Apotheke
</td>
</tr>
<tr>
<td><span class='ausblenden'><a href='#' target='_self'>EINTRAG: Hirsch-Apotheke</a></span>
</td>
</tr>
</table>
</body>
</html>