Fragen zu kniffligem Javascript/DHTML Problem

Re(2): Fragen zu kniffligem Javascript/DHTML Problem

RevX — Fri, 03 Sep 2004 18:10:47 GMT

Wow! Die Lösung ist auch nicht schlecht! Tatsächlich nur CSS - und was für welches! Ich blick' da nicht mehr durch... da muss ich noch ein bissl CSS pauken! Aber Danke jedenfalls!!!

Re(5): Fragen zu kniffligem Javascript/DHTML Problem

RevX — Fri, 03 Sep 2004 18:01:50 GMT

Stimmt. Den letzten Menüpunkt merken und gezielt ausschalten ist sicher auch eine feine Lösung (die feinere sogar)! Danke!

Re(4): Fragen zu kniffligem Javascript/DHTML Problem

BlackLegend — Fri, 03 Sep 2004 06:12:37 GMT

Dafür würde eine Variable mit dem letzten ausgewählten Menüpunkt reichen, diese müsste nur in der Funktion gesetzt werden. Wobei es bei den paar Menüpunkten wahrscheinlich auch mit dem durchgehen aller Menüpunkte reicht, diese Variante halt nicht die schnellste und schönste.

Re: Fragen zu kniffligem Javascript/DHTML Problem

pong — Fri, 03 Sep 2004 04:54:30 GMT

Wieso willst das unbedingt mit JS lösen?

Geht doch soviel einfacher und sauberer mit CSS
http://www.css-technik.de/details/111/9/CSS-Snippets.htm

pong

Re(3): Fragen zu kniffligem Javascript/DHTML Problem

RevX — Thu, 02 Sep 2004 18:53:29 GMT

Die Zelle, die betroffen ist, bekommt den neuen Style, aber wenn wer setzt die anderen Menüpunkte auf den alten Style zurück??? Ich "muss" deshalb alle Zellen durchgehen und die nicht betroffenen auf alten Style zurücksetzen.

Re(2): Fragen zu kniffligem Javascript/DHTML Problem

BlackLegend — Thu, 02 Sep 2004 12:46:19 GMT

Wieso klapperst Du alle ab, wenn Du der Zelle doch einfach eine Id mit zb. MenuItem1 (1 ... ist der dynamische Wert geben kannst) und das Ding dann direkt mit getElementById ansprechen kannst?

Re: Fragen zu kniffligem Javascript/DHTML Problem

RevX — Thu, 02 Sep 2004 12:38:22 GMT

Ich habe es jetzt ungefähr folgendermaßen (selbst) gelöst:

im A-Tag mache ich ein onClick='switchstyle("'+$dynamische_var+'");'

In der Funktion switchstyle klappere ich alle TD-Elemente nacheinander
ab, und zwar nach einem Attribut value (welches $serverseitig_dynamisch
speichert), das inhaltsidentisch mit der
übergebenen dynamischen Variable ist. Dann kann ich auf dieser Zelle
den Style ändern (auf den anderen auch, aber die werden "nur" style-
mäßig ge-resetted). Ich weiß, value ist kein echtes Attribut von
TD, aber als Pseudo-Attribut ganz gut ansprechbar/verwendbar.

That's it. Danke an alle, die sich Zeit für die Kopfarbeit genommen haben!

Re: Fragen zu kniffligem Javascript/DHTML Problem

BlackLegend — Thu, 02 Sep 2004 07:53:37 GMT

Hi,

ganz verstehe ich dein kniffliges Problem nicht. Aber hier mal meine Ansätze:

this in der Funktion kann nicht funktionieren da sich dies ja auf den link tag und nicht auf die Zelle beziehen würde. Du müsstest also die Id übergeben, dies sollte ja kein Problem sein da Du ja auch bei den Zellenwerten die Id angibst. Bei der Generierung des "Menüeintrags" kannst Du ja bei beiden den Fixwert (serverwert dynamisch) angeben also wechseln(serverwert dynamisch). Danach holst Du Dir das Element einfach mit document.getElementById.

Bezüglich der Spalte kannst Du dann ja entweder für dieses Objekt (dessen ID du übergeben hast) den Style oder die gesamte Klasse ändern.

BlackLegend

Fragen zu kniffligem Javascript/DHTML Problem

RevX — Wed, 01 Sep 2004 18:17:16 GMT

Folgende Ausgangssituation:
in einer dynamischen Seite gibt's eine Tabelle, mit mehreren Zeilen
und jeweils einer Zelle darin. In dieser Zelle gibt's einen Hyperlink,
der irgendeine URL (eines anderen Frames) aufruft. Das ganze ist also
quasi ein Menü (siehe auch Code-Schnippsel unten).

Ich möchte jetzt, dass wenn man den Link anklickt, der Style der
entsprechenden Tabellenzelle geändert wird. Das Style-Ändern ist
prinzipiell nicht das Problem, ABER wie kann ich es lösen, dass eine
Zelle den Style ändert, die anderen Zellen aber "normal" bleiben/werden (je
nachdem welcher Link in welcher Zelle gedrückt wurde)??? (Die Anzahl
der "Menüpunkte" ist zwar fix, es sollte aber eine "generische"
Lösung gefunden werden, die unabhängig von der Menüpunktanzahl ist.)

Und noch etwas dazu (eckige natürlich durch spitze Klammern ersetzen):
....
[tr][td id=$serverseitig_dynamisch]
[a href="xyz" target="a" onclick="wechseln(this);"] link1
[/a][/td][/tr]

[tr][td id=$serverseitig_dynamisch]
[a href="abc" target="d" onclick="wechseln(this);"] link2
[/a][/td][/tr]
...

Und da gibt's auch schon das zweite Problem: wie kann ich einer
Javascript-Funktion (die die Styles umschaltet) z.B. die ID des
TD-Tags mitgeben (sodass ich dann auf das Element zugreifen kann)?
Das mit 'wechseln(this)' führt übrigens zu einer Fehlermeldung und
funktioniert somit nicht (die Variable $serverseitig_dynamisch
übergeben funktioniert übrigens auch nicht). Welchen Parameter
muss ich also an die Javascript-FUnktion übergeben bzw. wie kann
ich gezielt auf ein spezielles TD-Element zugreifen?

Vielen Dank für allfällige Tipps!!!