Brauche ich ein "Fallback" oder ein "init" ?

werresal · 13. Dez. 2016

Hallo Leute !

Ich arbeite gerade an einem für Profis sicherlich leichten script. Leider funktioniert das nicht so wie gewünscht.

Es geht um zwei Radiobuttons die je nach "klick" verschiedene Inhalte anzeigen sollten. Nun habe ich aber das Problem
das bei Aufruf der Seite die Inhalte schon da sind, obwohl noch kein Radiobutton geklickt wurde.
Habe mit der Funktion "display:none" rumgespielt, das hat aber nicht viel gebracht.

Den eigentlichen Script habe ich als Beispielcode aus dem Netz, die URL weis ich leider nicht mehr.

Hier meine html Seite:

Code:

<html>

<head>
<link href="style.css" rel="stylesheet">
<script src="test.js"></script>

</head>

<body>


<input type="radio" name="tom" onmouseup="zxcShow('b1',true);" />Anzeige 1
<input type="radio" name="tom" onmouseup="zxcShow('b2',true);" />Anzeige 2


<!-- Start Option 1 -->

 <div id="b1" class="answer" >
	Anzeige 1
</div>
<!-- Ende Option 1 -->




 <div id="b2" class="answer" >
  Anzeige 2
 </div>
 </br></br>
 Test Bla Bla 
</body>
</html>

Hier die .JS Datei :

Code:

function zxcShow(id,closelast){
 var obj=document.getElementById(id);;
 if (closelast&&zxcShow.lst){
  zxcShow.lst.style.display='none';

 }
 obj.style.display='block';
 zxcShow.lst=obj;
}

 function animate(o,obj,f,t,srt,mS,to){
  var oop=this,ms=new Date().getTime()-srt,now=(t-f)/mS*ms+f;
  if (isFinite(now)){
   obj.style.height=Math.max(now,0)+'px';
  }
  if (ms<mS){
   o[to]=setTimeout(function(){ oop.animate(o,obj,f,t,srt,mS,to); },10);
  }
  else {
   obj.style.height=t+'px';
  }
 }

Hier die Css:

Code:

.answer {
  overflow:hidden;background-Color:#005397; display:none;
}

Woran könnte das liegen ?

Danke für Eure Tips !

Patrick

kkapsner · 14. Dez. 2016

AW: Brauche ich ein "Fallback" oder ein "init" ?

Also bei mir funktioniert's:

Code:

<!DOCTYPE html>
<html>

<head>
<title>Titel</title>
<style>
.answer {
  overflow:hidden;background-Color:#005397; display:none;
}
</style>
<script>
function zxcShow(id,closelast){
 var obj=document.getElementById(id);;
 if (closelast&&zxcShow.lst){
  zxcShow.lst.style.display='none';

 }
 obj.style.display='block';
 zxcShow.lst=obj;
}
</script>

</head>

<body>

<label><input type="radio" name="tom" onchange="zxcShow('b1',true);" />Anzeige 1</label>
<label><input type="radio" name="tom" onchange="zxcShow('b2',true);" />Anzeige 2</label>
<!-- Start Option 1 -->

 <div id="b1" class="answer" >
	Anzeige 1
</div>
<!-- Ende Option 1 -->
 <div id="b2" class="answer" >
  Anzeige 2
 </div>
</body>
</html>

Brauche ich ein "Fallback" oder ein "init" ?

werresal

New member

kkapsner

Super Moderator