eingabefelder und tabellenzeilen ein-/ausblenden

[theresa]

hallo leute!

ich habe eine formular, dessen einzelne bereiche per onclick eines listenfeldes ein- bzw. ausgeblendet werden sollen.

das einblenden funktioniert schon, aber das ausblenden nicht, da passiert gar nix. weder fehlermeldung noch sonst irgendwas.
die elemente bleiben einfach stehen.

am idealsten wäre eine ganze tabellenzeile ein-/ausblenden zu können.
kann es sein, dass man eine tabellenzeile über den "id-tag" gar nicht ansprechen kann?

danke für eure hilfe!!!

HIER DER CODE:

JAVASCRIPT
---------------------------------------------------------
function wiederholung()
{
//einblenden
document.form2.endtag.style.display = '';
document.form2.endmonat.style.display = '';
document.form2.endjahr.style.display = '';
document.form2.endtext.style.display = '';
//ausblenden
document.form2.wiederholungen.style.display = 'none';
document.form2.widart.style.display = 'none';

}

FORM
----------------------------------------------------------
//Das Auswahlfeld
<select name="auswahl" class="input">
      <option value="001" onClick="javascript:wiederholung();">wert 1</option>
    </select>

//Eines der ein-/ausblendefelder
<select name="endtag" class="input" style="display: none;">
      <?
$akttag = date('d');
for($x=1;$x<=31;$x++){
$b1 = "      <option value='$x'";
if ($neutag !="") {if($neutag == "$x"){$b2 = " selected";} else {$b2 = "";}}
else {if($akttag == "$x"){$b2 = " selected";} else {$b2 = "";}}
$b3 = ">$x</option>";
print "$b1$b2$b3";
}

?>
    </select>

//Und die ein-/ausblender tabellenzeile

<tr valign="baseline" id="widart" style="display: none;">
    <td align="right" valign="top" nowrap class="text">Art der Wiederholung: </td>
    <td colspan="2"><p class="text">
      <label>
<input type="radio" name="wiederholungsart" value="1">
täglich</label>
      <br>
      <label>
      <input type="radio" name="wiederholungsart" value="2">
  wöchentlich</label>
      <br>
    </p></td>
  </tr>

[Cybaer]

Hi,

kann es sein, dass man eine tabellenzeile über den "id-tag" gar nicht ansprechen kann?

Doch. Nur: Das machst Du nicht.

document.form2.widart.style.display = 'none';

TR ist kein FORM-Element! Also -> getElementById()

<tr valign="baseline" id="widart" style="display: none;">

Per Default ausgeblendet?
1. Und Non-JS-Surfer sehen es dann nie?
2. Beim Einblenden muß dann, via Browserweiche, je nach Browser der korrekte CSS-Wert angegeben werden. Wird die TR per Default angezeigt und dann via JS (sofort ausgeblendet), dann reicht ein (browserübergreifendes) ...display=""!

Gruß, Cybaer

[JürgenB]

Hallo Theresa,

schau dir mal http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display an. Ich glaube, display='' ist nicht vorgesehen.

Tabellenzeilen (TR) können auch so ein- und ausgeblendet werden, du musst nur mit getElementBy... auf sie zugreifen.

Gruß, Jürgen

[Cybaer]

Hi,

schau dir mal http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display an. Ich glaube, display='' ist nicht vorgesehen.

Und wenn ein Wert nicht vorgesehen ist, dann wird stattdessen der voreingestellte Wert genommen! :-)

Ist vollkommen OK.

Gruß, Cybaer

[theresa]

hi!

danke, jetzt hab ichs!!!

lg,
theresa