Problem mit Tabellen und JS

jomann

Grünschnabel
Hey Leute!

Habe mir hier eine kleine, feine Funktion gebastelt (bin JS Neuling)...

Nun habe ich bis eben alles schön mit css-designed aber ein Kumpel meinte nun ich soll sein Design doch mit Tables machen (wieso auch immer...)...

Nun habe ich das Problem, dass ich einen bestimmten Tabellenbereich je nach Situation anzeigen lassen will oder nicht:
HTML:
  <tr id="online_time" style="display: none;">
    <td width="119">Online ab: </td>
    <td width="381"><input type="text" name="online_day" value="{$day}" class="online_day" /> . <input type="text" value="{$month}" name="online_month" class="online_month" /> . <input type="text" value="{$year}" name="online_year" class="online_year" /> :: <input type="text" name="online_hour" value="{$hour}" class="online_hour" /> : <input type="text" name="online_minute" value="{$minute}" class="online_minute"  /> Uhr&nbsp;</td>
  </tr>

Wie bekomme ich es mit dieser Funktion :

Code:
function checkofflinetime() {

if(document.news.offline_never.checked == true) {

	document.news.offline_day.value = '0';
	document.news.offline_month.value = '0';
	document.news.offline_year.value = '0';
	document.news.offline_hour.value = '0';
	document.news.offline_minute.value = '0';

	document.getElementById('offline_time').style.display = 'none';
	document.getElementById('offline_text').style.display = 'block';

} else {

	document.news.offline_day.value = 'DD';
	document.news.offline_month.value = 'MM';
	document.news.offline_year.value = 'YYYY';
	document.news.offline_hour.value = 'HH';
	document.news.offline_minute.value = 'II';

	document.getElementById('offline_time').style.display = 'block';
	document.getElementById('offline_text').style.display = 'none';

}

}

hin, dass es korrekt angezeigt wird (siehe http://www.itucms.de - testuser, testpw - News > hinzufügen)?!

PS: Wie bekomme ich das Problem weg, dass sich die Tabelle immer weiter vergrößert und nicht verkleinert, wenn die Elemente angezeigt/nicht angezeigt werden?!
 
Zuletzt bearbeitet:
Hi,

versuch mal statt der Angabe von block beim Anzeigen der Tabellenbereiche einfach einen
Leerstring anzugeben ('').

Zum Beispiel:
Code:
  document.getElementById('offline_time').style.display = 'none';
  document.getElementById('offline_text').style.display = '';
Ciao
Quaese
 

Neue Beiträge

Zurück