Mathis: Menü nur einblenden, wenn eine Bedingung vorhanden ist

SELF-Forum

Menü nur einblenden, wenn eine Bedingung vorhanden ist

Mathis
– Informationen zu den Bewertungsregeln

Hallo mal wieder.

Ich habe mehrere Formularfelder und Dropdownlisten um einen Termin anzulegen.
Wenn ich nun einen Termin eingebe, habe ich z.B. folgende Daten:

Startdatum
Endatum
Startzeit
Endzeit
Raum
Terminart
Klasse

usw.

Manche dieser Eingabefelder sollen aber nur erscheinen, wenn eine Bedingung eingetreten ist, z.B. soll die Klasse nur erscheinen wenn bei Terminart Klasse ausgewählt ist, ansonsten wird sie nicht benötigt.

Ist so etwas für nen Laien wie mich umzusetzen? Wenn ja wie muss ich anfangen?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Menü nur einblenden, wenn eine Bedingung vorhanden ist

    EndEffect
    – Informationen zu den Bewertungsregeln

    Musst du mit Javascript machen. Kleiner Denkanstoß (ohne Gedanken über Syntax und Semantik):

    <script language="javascript">
    <!--
    function zeigeKlasse(auswahl){
      if (auswahl == "klasse){
        getElementById('klasse').style.display = "block";
      }else{
        getElementById('klasse').style.display = "none";
      }
    }
    -->
    </script>

    <input name="terminart" onChange="zeigeKlasse(this.value);" />
    <input id="klasse" name="klasse" style="display: none;" />

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Menü nur einblenden, wenn eine Bedingung vorhanden ist

      Mathis
      – Informationen zu den Bewertungsregeln

      Musst du mit Javascript machen. Kleiner Denkanstoß (ohne Gedanken über Syntax und Semantik):

      <script language="javascript">
      <!--
      function zeigeKlasse(auswahl){
        if (auswahl == "klasse){
          getElementById('klasse').style.display = "block";
        }else{
          getElementById('klasse').style.display = "none";
        }
      }
      -->
      </script>

      <input name="terminart" onChange="zeigeKlasse(this.value);" />
      <input id="klasse" name="klasse" style="display: none;" />

      Ich glaube das ist etwas zu hoch für mich.
      Meine Terminart sieht z.B. so aus:

        
<tr>  
<th scope="row">  
<div align="left"><span class="Stil1">Terminart: </span>  
</div>  
</th>  
<td>  
<select name="form[kind]" class="" style="width: 120px">  
 <option value="0" selected>Bitte auswählen</option>  
 <option value="1">Klassentermin</option>  
 <option value="2">Blocktermin</option>  
 <option value="3">Freier Termin</option>  
 </select>&nbsp;  
</td>  
</tr>

      Das Menü, was nur erscheinen soll, wenn z.B. Blocktermin ausgewählt ist,
      wäre:

        
<tr>  
<th width="168" scope="row"><div align="left">  
<span class="Stil1">Raum</span>:  
</div>  
</th>  
<td width="182">  
<select name="form[raum_id]" class="" style="width: 120px; height: 20px; margin-bottom:10px">  
 {if $raum}  
 <option value="0" selected>Bitte ausw&auml;hlen</option>  
 {foreach item=w key=keys from=$raum}  
 {if $class.raum == $w.raum_id}  
 <option value="{$w.raum_id}" selected>{$w.raum_nummer} </option>  
 {else}  
 <option value="{$w.raum_id}">{$w.raum_nummer} </option>  
 {/if}  
 {/foreach}  
 {else}  
 <option value="{$keys}" selected>kein Raum</option>  
 {/if}  
</select>  
</td>  
</tr>

      Wo muss ich denn nun die ID einfügen?

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln