Hallo!

Zitat von Brunni

Ist es normal, dass er dann beim ein- bzw. ausblenden ganz nach oben auf die Seite springt.....

Ja.

Zitat von Brunni

.....oder kann man das auch verhindern?

Wo ein Wille, da auch ein Weg.
In dem Du die Links nicht als solche definerst, sondern z.B. einen Text daraus machst.

HTML-Code:

<span onclick="setVisibility('testrow1')">ein/ausblenden</span>

Damit es aber immernoch (zumindest etwas) nach Links aussieht, kannst Du es z.B. auch so machen:

HTML-Code:

<span style="text-decoration:underline; cursor:pointer;" onclick="setVisibility('testrow1')">ein/ausblenden</span>

Gruss Dr Dau

Moin,

Zitat von Dr Dau

In dem Du die Links nicht als solche definerst, sondern z.B. einen Text daraus machst.

Die Links können als solche bleiben, wie sie definiert wurden

Code :

1	<a href="#" onclick="setVisibility('testrow1')[B];return false;[/B]">ein/ausblenden</a>

return false verhindert, dass der Browser das Verweisziel im href-Attribut aufruft, das hier einem Anker gleichkommt.

mfg Maik

Oder einfach das href-Attribut (welches nur für Links erforderlich ist) samt Verweisziel rausnehmen.

HTML-Code:

<a onclick="setVisibility('testrow1');">ein/ausblenden</a>

Viele Wege führen halt nach Rom.

Kann man mehrere <tr>'s mit der gleichen ID gleichzeitig verschwinden/aufklappen lassen?
Geht das auch wenn man den <td>'s eigene CSS Klassen zugewiesen hat?

also ich habe eine Seite wo Kommentare zu Bildern gepostet werden können. Die Kommentare sollen aber erst aufgeklappt werden, wenn jemand auf einen bestimmten Link klickt..

So .. ich habe versucht die Elemente hier aus dem Thread zu übernehmen. Aber er klappt immer nur die erste (leere) Tabellenzeile ein.
Meine Vermutung. Bei klicken des Links sucht er die erste Tabellenzeile mit der ID und klappt die ein/aus.
Die weiteren Zeilen mit der gleichen ID bleiben aber unberührt.

Ist das so korrekt?

Ausschnitt:

PHP-Code:

            echo "<tr id=\"$bildername\" name=\"$bildername\"><td></td><td></td><td></td><td></td></tr>";
            echo "<tr id=\"$bildername\" name=\"$bildername\"><td>Kommentare: $comments_count </td><td></td><td></td><td></td></tr>";
            while($comments = mysql_fetch_assoc($comments_result)) {
                if ($comments['access'] >= 2) { $access_color = 'table_admin'; }
                else { $access_color = 'table_user'; }
                echo "<tr id=\"$bildername\" name=\"$bildername\"><td class=\"table2\">" . nl2br($comments['kommentar']) ."</td>";
                echo "<td class=\"table2\">" . $comments['datum'] ."</td>";
                echo "<td class=\"$access_color\">" . $comments['user'] ."</td>";
                if ((checkaccess() >= 2) && (!$_GET['delete']) && (!isset($_GET['s']))) { 
                    echo "<td class =\"table_delete\"><font class=\"comment_delete\"><a href=index.php?space=home&comments=" . $comments['bild'] . "&delete=" . $comments['id'] . ">X</a></font>";
                }
                if ((checkaccess() >= 2) && ($_GET['delete'] != NULL) && (!isset($_GET['s']))) {
                    if ($_GET['delete'] == $comments['id']) {
                    echo "<td class =\"table_delete\"><font class=\"comment_delete\"><a href=index.php?space=home&comments=" . $comments['bild'] . "&delete=" . $comments['id'] . "&s>OK</a></font>";
                    }
                }
                else { echo "<td>"; }
                echo "</td> </tr> <br>";
            } 


ps: ich weiss das der Code nicht ganz optimal ist.. aber bin ja noch Anfänger

Hi,

ein ID-Bezeichner muß im Dokumentbaum eindeutig sein, d.h. er darf darin nicht mehrmals vergeben werden.

Ansonsten folgt halt das, was du eben beschrieben hast, und der Browser schnappt sich immer nur das erste dieser gleichbenannten Objekte im Markup.

Wenn du mehrere Tabellenzeilen <tr> auf einen Schlag ein- und ausblenden möchtest, bietet sich hier beispielsweise das <tbody>-Element an, um sie darin einzubinden, und stattdessen dann dieses mit dem Script zu manipulieren.

mfg Maik

Maik... ich bin jetzt seit sieben Jahren hier im Forum....
ca 40 Posts von mir waren Fragen in alle Richtungen und Bereiche
die anderen 20-30 Posts waren immer "Dankeschöns" an dich.


Maik willst du mich Heiraten? XDD
Spaß bei Seite.. wiedermal dickes Danke :=)

Zitat von Gangsterneo

Maik... ich bin jetzt seit sieben Jahren hier im Forum....)

... und ich etwas mehr wie zwei Wochen länger als du

Heiraten? No way Da hat sich schon jemand anders dran die Zähne ausgebissen

mfg Maik

hRhR... schade =)

Bald ist es soweit.. bald bin ich 20 und dann fängt auch meine Ausbildung an.
Dann hoffe ich, werd ich mal so gut wie du xD

*spam out and over*

ps: schöne Pfingsttage!

Liebe Tutorials-User

Ich bin schon seit längerem auf der Suche nach einer Lösung für, diese hier angesprochene Thematik "Zeile einer Tabelle einblenden/ausblenden". Die bisher angesprochenen Lösungen gehen in die richtige Richtung. Danke. Jedoch suche ich nach einer Idee, die beschreibt, wie man die Zeile während dem ein und ausblenden nicht "fadet" sondern "rollt" (leider kenne ich dafür mom keinen besseren Ausdruck!)

Ein Beispiel habe ich auf der Webseite "Die Firma" gefunden (www.diefirma.de/themen/).

Besten Dank für eine Antwort.

Hi,

ein kurzer Blick in den Seitenquelltext offenbart, dass "Die Firma" das JS-Framework "scriptaculous" in Verbindung mit "accordion.js" nutzt.

mfg Maik