|
Vorheriges Thema: Nächstes Thema: |
Autor |
Nachricht |
Claudi
Anmeldungsdatum: 20.03.2006 Beiträge: 2
|
Verfasst am: 20.03.2006 18:03:24 Titel: Inhalte Tabellen-Zeile ändern |
|
|
Hallo!
Folgendes Problem
Ich möchte eine Tabelle mit mehrern Spalten anzeigen, um die Ãœbersichtlichkeit zu erhalten, sollen aber default-mäßig nur die Inhalte der ersten Spalte angezeigt werden, die Einträge der anderen Spalten (die z.T. sehr umfangreich sind) erst nach Klick auf den jeweiligen Begriff in der ersten Spalte.
Es soll auch nöglich sein mehrere Zeilen gleichzeitig detailliert anzuzeigen (durch Klicks nacheinander).
Kann mir da jemand weiterhelfern? Mein Problem liegt hauptsächlich and em Tabellen-Format.
Beste Dank und Gruss,
Claudi |
|
Nach oben |
|
|
Kambfhase Häufiger Poster
Anmeldungsdatum: 19.03.2006 Beiträge: 235
|
Verfasst am: 20.03.2006 18:57:10 Titel: |
|
|
dazu kommst du nicht mit HTML weiter. es gibt ein einfache möglichkeit wie du das per Javascript realisieren kannst. die will ich dir hier kurz erläutern:
in den Head deiner Datei schreibst du folgendes:
Code: |
<script language="Javascript" type="text/javascript">
function clip(id)
{
if (document.getElementById(id).style.display == 'none')
{
document.getElementById(id).style.display = 'block';
}
else
{
document.getElementById(id).style.display = 'none';
}
}
</script> |
die Begriff kennzeichnest du als Link, so dass bei einem Klick aus sie diese Funktion aus gelöst wird:
Code: |
<a href="javascript:clip('Deine_ID')">Begriff als Link</a> |
der text der Erscheinen und wieder verschwinden soll, kennzeichnest du mit einem <div> Tag am Anfang und schlies ihn am ende wieder.</div> zusätzlich erhällt er noch 2 Atribute:
[/code]<div id="Deine_ID" style="display:none">...dein ganzer text...</div>[/code]
die beiden passengen "Deine_ID" müssen über einstimmn, beim Link, als auch beim Div, sonst wird womöglich der falsche geöffnet, und dass wollen wir doch alle nicht.
zur funktions weise des scripts: per Link rufst du die Funktion auf. und übergibst der funktion ein parameter als ein zusatz inform einer ID:
Code: |
<a href="javascript:clip('Deine_ID')"> |
das Script sucht sich jetzt das von dir fest gelegte element durch die übergeben ID:
Code: |
document.getElementById(id) |
Damit prüft es ob dass ding denn auch nicht angezeigt wird:
Code: |
if (document.getElementById(id).style.display == 'none') |
wenn nicht, dann ändert es den wert in "anzeigen":
Code: |
document.getElementById(id).style.display = 'block'; |
wenn dein ding angezeigt wird, macht es das eben unsichtbar:
Code: |
document.getElementById(id).style.display = 'none'; |
ja, das wars erstmal^^ hoffe es hat geholfen
mfG Kambfhase
//EDIT: wichtige verbesserung |
|
Nach oben |
|
|
Claudi
Anmeldungsdatum: 20.03.2006 Beiträge: 2
|
Verfasst am: 21.03.2006 20:53:14 Titel: |
|
|
Hallo!
Vielen Dank!
Mein Problem ist aber weiterhin, wie ich das machen kann, dass sich durch Klick die Inhalte einer ganzen Zeile (also <tr> <td>...</td><td>...</td>... du weißt schon ) ändern. Oder geht das einfach nicht?
Viele Grüße
Claudi |
|
Nach oben |
|
|
Kambfhase Häufiger Poster
Anmeldungsdatum: 19.03.2006 Beiträge: 235
|
Verfasst am: 21.03.2006 21:31:58 Titel: |
|
|
oh, stimmt, das hab ich nicht gut erklärt:
Code: |
<tr><td>LINK</td><td><div id="Deine_ID" style="display:none">INHALT</div></td></tr> |
in den Div bereich kommt alles in der Zelle die du ein/ausblenden willst. Man könnte natürlich auch gleich den ganzen TD verschwinden lassen, aber das hat ja auch auswirkung auf die linke Spalte.
ach, da fällt mir auf, du willst gleich mehrere spalten unsichtbar machen? :S
dazu muss man die funktion ändern... ich überleg mir mal was bis morgen.[/code] |
|
Nach oben |
|
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst deine Beiträge in diesem Forum nicht bearbeiten. Du kannst deine Beiträge in diesem Forum nicht löschen. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
|
|