HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Inhalte Tabellen-Zeile ändern

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Inhalte Tabellen-Zeile ändern

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
Claudi



Anmeldungsdatum: 20.03.2006
Beiträge: 2

BeitragVerfasst am: 20.03.2006 18:03:24    Titel: Inhalte Tabellen-Zeile ändern Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Kambfhase
Häufiger Poster


Anmeldungsdatum: 19.03.2006
Beiträge: 235

BeitragVerfasst am: 20.03.2006 18:57:10    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Claudi



Anmeldungsdatum: 20.03.2006
Beiträge: 2

BeitragVerfasst am: 21.03.2006 20:53:14    Titel: Antworten mit Zitat

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 Wink) ändern. Oder geht das einfach nicht?

Viele Grüße
Claudi
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Kambfhase
Häufiger Poster


Anmeldungsdatum: 19.03.2006
Beiträge: 235

BeitragVerfasst am: 21.03.2006 21:31:58    Titel: Antworten mit Zitat

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
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   JavaScript
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
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.