Hans Wurst: Via Select/Options und style.display Container ein-/ausblenden

Beitrag lesen

SELF-Forum

Via Select/Options und style.display Container ein-/ausblenden

Hans Wurst
– Informationen zu den Bewertungsregeln

Ich verstehe deinen Code zwar nicht, bzw. wie und warum du ihn so zusammensetzt, aber egal.

Hier ein einfaches Beispiel:

  
<html>  
 <head>  
[code lang=css]  <style type="text/css">  
   #DE { display:none; color:red; }  
   #EN { display:none; color:lime; }  
  </style>

  <script type="text/javascript">  
   function setLngText(objValue) {  
    if(objValue == "DE") {  
     document.getElementById("DE").style.display = "block";  
     document.getElementById("EN").style.display = "none";  
    }  
    else if(objValue == "EN") {  
     document.getElementById("EN").style.display = "block";  
     document.getElementById("DE").style.display = "none";  
    }  
    else {  
     document.getElementById("EN").style.display = "none";  
     document.getElementById("DE").style.display = "none";  
    }  
   }  
  </script>

</head>
 <body>
  <center>
   <select id="LngSelect" size="1" onchange="setLngText(this.value);">
    <option value="--">-------</option>
    <option value="DE">Deutsch</option>
    <option value="EN">English</option>
   </select>
   <br /><br /><br />
   <div id="DE">Hier steht der Text auf Deutsch</div>
   <div id="EN">Here is the text in English</div>
  </center>
 </body>
</html>
[/code]

Beitrag melden
–
Informationen zu den Bewertungsregeln