[GastForen Programmierung/Entwicklung JavaScript Tabellenzeilen ausblenden

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Tabellenzeilen ausblenden

Tömsken
Beiträge gesamt: 720

29. Dez 2004, 16:46
Beitrag # 1 von 6
Bewertung:
(2532 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi.
Mein "Plan" ist, in Abhängigkeit eines Schalters eine oder mehrere Table Rows ein- und auszublenden via "display:none". Das klappt gut im IE 6 während Gecko aus der Seite Mus macht. Woran liegt's?

function showUserInfo(show) {
var tr = document.getElementsByTagName("tr");
for (var n=0; n<tr.length; n++) {
if (tr[n].id=='trperson') tr[n].style.display = (show ? 'block' : 'none');
}
}

Etwa so sieht die Tabelle aus:

<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td align="right" width="5%">Empf&auml;nger</td>
<td width="5">&nbsp;&nbsp;</td>
<td width="94%">
<select name="address" size="1" onChange="on_addressChanges()">
[gekürzt]
</select>
</td>
</tr>
<tr id="trperson" style="position:relative; display:none;">
<td></td>
<td></td>
<td>Diese Zeile wird ein-/ausgeblendet</td>
</tr>
[gekürzt]
</table>

Danke für Tipps...
Tom
X

Tabellenzeilen ausblenden

ganesh
Beiträge gesamt: 1981

29. Dez 2004, 17:42
Beitrag # 2 von 6
Beitrag ID: #132998
Bewertung:
(2532 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich würde nur den TEXT ausblenden, nicht gleich eine ganze table row. Ausserdem würde ich eher getelementbyid verwenden, ungefähr so:


JS:
function isEven(x) { return (x%2)?false:true; }
function isOdd(x) { return !isEven(x); }

tCounter = 1;

function toggle(x) {

if(isOdd(tCounter)) {
document.getElementById(x).style.display='none';
return false;
}

if(isEven(tCounter)) {
document.getElementById(x).style.display='inline';
return false;
}

}

....


Link:
<a href="#" onClick="toggle('trperson'); tCounter++;">test</a>

....

<td><span id="trperson">Diese Zeile wird ein-/ausgeblendet</span></td>

(d.h. <tr> keine id zuweisen)


als Antwort auf: [#132989]

Tabellenzeilen ausblenden

Anonym
Beiträge gesamt: 22827

30. Dez 2004, 03:55
Beitrag # 3 von 6
Beitrag ID: #133092
Bewertung:
(2532 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Dank Dir.

Wenn man einzelne TDs, DIVs oder Texte ein-/ausblendet, gibt's keine Probleme mit Gecko. Nachdem ich meinen Code inzwischen mehrfach Korrekturgelesen und durch Validatoren geschickt habe, bin ich mir nun sicher, dass die Gecko-Engine einfach keine <TR>s "anständig" ein-/ausblenden kann.

Die TR-Variante wäre in meinem Fall aber schick gewesen, weil in der linken Spalte stets das Label steht, dann eine Platzhalter-Spalte und in der dritten das Control. Ein Schreibzugriff auf "display" hätte also gereicht anstelle von dreien. Nun ja... ;)

Bye, Tom


als Antwort auf: [#132989]

Tabellenzeilen ausblenden

SabineP
Beiträge gesamt: 7586

30. Dez 2004, 11:01
Beitrag # 4 von 6
Beitrag ID: #133136
Bewertung:
(2532 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi Tom,

hast Du es schon mal so versucht?

<html>
<head>
<style type="text/css"><!--
#reihe {visibility:visible;background-color:#ff0000}
--></style>

<script type="text/javascript">
<!--
function ein(id){
document.getElementById(id).style.visibility="visible";
}
function aus(id){
document.getElementById(id).style.visibility="hidden";
}
// -->
</script>
</head>

<body>

<a href="#" OnMouseOver="aus('reihe');return false;" OnMouseOut="ein('reihe');return false;">Reihe bei Mouseover über diesen Link ausblenden</a>

<TABLE border="1">
<TR id="reihe">
<TD>Reihe1</TD>
<TD>Reihe1</TD>
</TR>
<TR>
<TD>Reihe2</TD>
<TD>Reihe2</TD>
</TR>
</TABLE>

</body>
</html>

Gruß Sabine


als Antwort auf: [#132989]
(Dieser Beitrag wurde von SabineP am 30. Dez 2004, 11:13 geändert)

Tabellenzeilen ausblenden

Tömsken
Beiträge gesamt: 720

30. Dez 2004, 17:29
Beitrag # 5 von 6
Beitrag ID: #133213
Bewertung:
(2532 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Salut Sabine,

die "visibility"-Variante klappt auch mit Gecko gut - hab's probiert. Allerdings tun sich dabei in meinem recht komplexen Formular ziemlich unschön große Lücken auf, so dass das leider kein gangbarer Weg ist.

Ich weiß nicht, was tun... auf 2 separate HTML-Seiten wollte ich eigendlich verzichten... mal schauen, mal probieren... ich pack' jetzt mal <DIV>s in die Tabelle...


als Antwort auf: [#132989]

Tabellenzeilen ausblenden

SabineP
Beiträge gesamt: 7586

30. Dez 2004, 17:45
Beitrag # 6 von 6
Beitrag ID: #133214
Bewertung:
(2532 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Es bleibt ja immer noch die Möglichkeit für jede Reihe eine extra Tabelle anzulegen.
Das Ausblenden einer ganzen Tabelle klappt sicher besser als das Ausblenden einer einzelnen Reihe.

Gruß Sabine


als Antwort auf: [#132989]
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
01.03.2021 - 05.03.2021

Persönlichkeitsentwicklung

Online
Montag, 01. März 2021, 00.17 Uhr - Freitag, 05. März 2021, 00.18 Uhr

Webinar

Personal Power Coaching - Um was geht es? ​ Potenzialentfaltung: Potenzial entdecken und entfalten Talente entdecken: Deine Talente und Fähigkeiten erkennen und loslegen Gewohnheiten: schlechte Gewohnheiten durch Positive ersetzen Selbstbewusstsein stärken: Dein Bewusstsein stärken Eigendynamik entwickeln: Mehr Erfolg durch Eigenverantwortung & Disziplin Ängste kontrollieren: Ängste als Antrieb nutzen Entscheidungen treffen: Mit mehr Mut an die Sache ran! Lebensenergie steigern: Deine Lebensenergie steigern und aufrechterhalten Ziele erreichen: Ziele setzen und übertreffen! Motivationssteigerung: Mehr Erfolg durch Selbstmotivation Selbstvertrauen: Selbstvertrauen auf- und ausbauen

Details:
https://www.snfa.ch/swiss-personal-power-birolisik

Ja

Organisator: Birol Isik

Kontaktinformation: Birol Isik, E-Mailinfo AT snfa DOT ch

https://www.snfa.ch/swiss-personal-power-birolisik

Neuste Foreneinträge


Optionsfelder abhängig machen von Kontrollkästchen

InDesign CC21 sperrt Taskleiste und Programme

Bilder verschieben sich nach dem Speichern und Kopiern der Datei

Verknüpfung mit Format aufheben

Kursivierung geht bei é und É verloren

Abbildungen auf 100 % bringen

Scriptphänomen alle 16 Steps

Alternative Acrobat Pro

Affinity Designer

Objekte in Texten lassen sich nicht mehr mit Maus auswählen, nurnoch als Text mit Cursor
medienjobs