• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

[FRAGE] Tabellenzeile ausblenden

H

haiflosse

New member
Ich habe eine Tabelle mit einem formular

HTML: 
<table>
                <tr>
		          <td>Jahrgang (z.b. 2003)</td>
		          <td><input type="number" name="jahrgang" lenght="100"/></td>
	            </tr>
                
                <tr><td colspan="2"> </td></tr>
                <tr><td colspan="2">Veranstaltungen:</td></tr>
                <tr>
		          <td>60m Lauf:</td>
		          <td><input type="checkbox" name="60m" /></td>
	            </tr>
                   <tr>
		          <td>100m Lauf:</td>
		          <td><input type="checkbox" name="100m" /></td>
	            </tr>
                <tr>
		          <td>1500m Lauf:</td>
		          <td><input type="checkbox" name="1500m" /></td>
	            </tr>
                </table>

Wenn ich im Feld Jahrgang eine Zahl bis 2000 eingebe soll die Zeile mit 1500m Lauf angezeigt werden. Wenn ich eine größere Zahl eingebe soll diese Zeile nicht angezeigt werden.

Hoffe es kann mir jemand helfen, wie ich dies durchführen kann.
Danke
 
Moin!

haiflosse schrieb:
HTML: 
<input type="number" name="jahrgang" lenght="100"/>
Zum Vergrößern anklicken....
Das Attribut lenght sieht falsch aus. Verwende besser length. Und was genau willst du damit erreichen? Soll die Zahl 100 Stellen haben dürfen? Außerdem finde ich diesen Typ nur in Verbindung mit min und max sinnvoll.
https://www.w3.org/TR/html-markup/input.number.html

Zum zweiten kann der IE <= 9 den Typ number nicht. Ist das so gewollt?

Und zum dritten musst du erst überlegen, wie das aussehen soll. Soll die Feldabfrage beim Tastenanschlag passieren? Oder soll sie beim hoch- und/oder runterklickern gemacht werden?
 
Danke für die Antwort.
Ja, die length war falsch, die lösche ich noch.
Ich möchte dass der Anwender im Feld Jahrgang nur eine Zahl eingeben kann, sonst muss ich sie mit JavaScript prüfen.
Das Ausblenden der Zeilen soll dann beim Tastenschlag geprüft werden.
Danke nochmals
 
haiflosse schrieb:
Ich möchte dass der Anwender im Feld Jahrgang nur eine Zahl eingeben kann
Zum Vergrößern anklicken....
"eingeben" heißt was genau? hast du dich eigentlich mal mit den möglichkeiten und eventhandlern der verschiedenen feldtypen beschäftigt?

haiflosse schrieb:
sonst muss ich sie mit JavaScript prüfen.
Zum Vergrößern anklicken....
wo du auf jeden fall prüfen musst ist im backend. alle js prüfungen können das nicht ersetzen!

haiflosse schrieb:
Das Ausblenden der Zeilen soll dann beim Tastenschlag geprüft werden.
Zum Vergrößern anklicken....
ausblenden?
 
Danke für die Antworten.

Vielleicht kann mir noch jemand ein Beispiel schicken, wie ich eine Tabellenzeile ein- bzw. ausblenden kann.
Danke
 
Code: 
<!DOCTYPE html>

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Fenstertitel</title>
<style type="text/css"></style>
</head>
<body>
<table>
	<tr id="row1">
		<td>Zeile 1</td>
	</tr>
	<tr id="row2">
		<td>Zeile 2</td>
	</tr>
	<tr id="row3">
		<td>Zeile 3</td>
	</tr>
</table>
<button data-row-id="row1">toggle 1</button>
<button data-row-id="row2">toggle 2</button>
<button data-row-id="row3">toggle 3</button>
<script type="text/javascript">
[].forEach.call(document.getElementsByTagName("button"), function(button){
	button.addEventListener("click", function(){
		var row = document.getElementById(button.dataset.rowId);
		if (row){
			row.style.display = row.style.display? "": "none";
		}
	}, false);
});
</script>
</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben