title image


Smiley Ein- und Ausblenden von Div-Elementen / Problem bei deaktiviertem JS
Hallo



Ich hab vor einiger Zeit ein Script geschrieben, um Div-Elemente mit Hilfe von Java Script ein- und ausblenden zu lassen. Das Prinzip ist einfach. Den mit CSS formatierten Div-Elementen ist der Attributwert display:none; zugewiesen. Durch das Benutzen eines zugehörigen Links wird der Attributwert in display:block; geändert und das Div-Element somit eingeblendet.



Nun das Problem. Bei deaktiviertem Java Script sollten von Anfang an alle Div-Elemente eingeblendet werden. Hat jemand eine Idee, wie sich das realisieren lassen könnte ? Irgendwie habe ich die Befürchtung, dass dies die Änderung des Default-Wertes von display:none; auf display:block; bedeutet - was die das Script aber ziemlich auf den Kopf stellen würde.



Hier das Script:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Element ein- und ausblenden</title>

<script type="text/javascript">

function showelement (PElementID)

{

  var ElementID = document.getElementById(PElementID);

  if (!ElementID) return;

  ElementID.style.display = (ElementID.style.display == "none") ? "block" : "none";

}

</script>

</head>

<body>



<a href="javascript:showelement('div1')">Div1 ein- und ausblenden</a><br />

<div id="div1" style="border:#FF0000 3px solid; width:300px; display:none;">

  Div1<br />

  Textzeile 2<br />

  Textzeile 3

</div>



<a href="javascript:showelement('div2')">Div2 ein- und ausblenden</a><br />

<div id="div2" style="border:#00FF00 3px solid; width:300px; display:none;">

  Div2<br />

  Textzeile 5<br />

  Textzeile 6

</div>



<a href="javascript:showelement('div3')">Div3 ein- und ausblenden</a><br />

<div id="div3" style="border:#0000FF 3px solid; width:300px; display:none;">

  Div3<br />

  Textzeile 8<br />

  Textzeile 9

</div>



</body>

</html>
-~+~ DarkScar ~+~-


geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: