linkfarbe mit onclick hin und her schalten

[labskaus]

AVE FORUM!

ich bin ein neuling mit java, die sufu brachte nur unbefriedigende ergebnisse und hier ist mein anliegen:

ich blende über einen link mehrere divs auf der seite per "onclick" und "getElementsByName" ein und wieder aus. da es mehrere links dieser art gibt, möchte ich die übersichtlichkeit wahren, indem der link im "eingeschalteten" zustand die hover-farbe behält - bis er beim "ausschalten" der divs wieder die standardfarbe annimmt, und wieder ein und aus u.s.w.u.s.f.

meine funktion ist folgende:
  function farbe(f){
   if(document.getElementById(f).style.color=='#c50000') {
    document.getElementById(f).style.color='#141414';
   }
   else {
    document.getElementById(f).style.color='#c50000';
   }
  }

html sieht so aus:
<a href="#" id="ly" onClick="ein_aus('lyr'); farbe('ly'); return false">Lyrik</a>
<a href="#" id="pr" onClick="ein_aus('pro'); farbe('pr'); return false">Prosa</a>

und das funktioniert nicht. es bleibt bei "#c50000". (das return false unterdrückt nur den sprung zum seitenanfang und scheint nach testen keinen weiteren einfluss auf die funktion zu haben)

das eigentlich erstaunliche ist jedoch: wenn ich statt "#c50000" "red" eingebe - läuft es tadellos (außer bei opera)

also: wo könnte sich der dumme kleine anfängerfehler versteckt haben?

beste grüße

[suit]

also: wo könnte sich der dumme kleine anfängerfehler versteckt haben?

Du verwendest ein a-Element obwohl du offenbar garnichts verlinken willst.

[JürgenB]

Hallo labskaus,

if(document.getElementById(f).style.color=='#c50000') {

ich würde hier mal mit alert(document.getElementById(f).style.color) prüfen, was hier überhaupt ankommt. Auch schließe ich mich hier suits Meinung an und würde das a-Tag durch irgendetwas anderes, z.B. einen entsprechend gestylten <button type="button" ... ersetzen.

Gruß, Jürgen

[suit]

würde das a-Tag

Element ;)

durch irgendetwas anderes, z.B. einen entsprechend gestylten <button type="button" ... ersetzen.

Warum ein Button, wenn man doch kein Formular haben will? :)

Ich würde ein generisches Element - z.B. ein span-Element mittels JavaScript erzeugen und dieses dann entsprechend Stylen. Wenn kein JavaScript aktiviert ist, wird auch das Element nicht erzeugt.

[JürgenB]

Hallo suit,

Warum ein Button, wenn man doch kein Formular haben will? :)

warum kein Button, den darf man doch auch ohne Formular verwenden. Wenn ich irgendwas zum Draufrumdrücken brauche, nehme ich gerne einen Button. ;)

Gruß, Jürgen

[labskaus]

... und ich gerne links

schade, dass es so schwer ist, die farbe eines wortes per click hin und her zu switchen

grüße

[Cheatah]

Hi,

schade, dass es so schwer ist, die farbe eines wortes per click hin und her zu switchen

ist es nicht. Was hingegen schwer ist, ist in die Köpfe der Menschen zu bringen, dass Layout-Informationen *in den CSS-Code* gehören, *nicht* in den JavaScript-Code. JavaScript ist wunderbar geeignet, die DOM-Objekte auf eine Weise zu verändern, die in CSS genutzt werden kann.

Cheatah

[Gunnar Bittersmann]

@@Cheatah:

nuqneH

Was hingegen schwer ist, ist in die Köpfe der Menschen zu bringen, dass Layout-Informationen *in den CSS-Code* gehören, *nicht* in den JavaScript-Code. JavaScript ist wunderbar geeignet, die DOM-Objekte auf eine Weise zu verändern, die in CSS genutzt werden kann.

Da drücke ich auf [fachlich hilfreich], und es kommt:

Fehler
Sie dürfen nur einmal abstimmen!

Blöde Forumsoftware. Wieso hab ich nur eine Stimme? >;-)

Qapla'

[Cheatah]

Hi,

Blöde Forumsoftware. Wieso hab ich nur eine Stimme? >;-)

Du hast natürlich zwei. Eine davon hast Du allerdings bei der letzten Wahl abgegeben.

HTH ;-)

Cheatah

[Gunnar Bittersmann]

@@Cheatah:

nuqneH

Du hast natürlich zwei. Eine davon hast Du allerdings bei der letzten Wahl abgegeben.

Hm, da hab ich auch meine Zweitstimme abgegeben. Jetzt bin ich verwirrt.

Qapla'

[Alexander (HH)]

Moin Moin!

Du hast natürlich zwei. Eine davon hast Du allerdings bei der letzten Wahl abgegeben.

Hm, da hab ich auch meine Zweitstimme abgegeben. Jetzt bin ich verwirrt.

Nein, stumm.

Alexander

[Gunnar Bittersmann]

@@Alexander (HH):

nuqneH

Du hast natürlich zwei. Eine davon hast Du allerdings bei der letzten Wahl abgegeben.

Hm, da hab ich auch meine Zweitstimme abgegeben. Jetzt bin ich verwirrt.

Nein, stumm.

Dazu sag ich dann nichts mehr.

Qapla'

[labskaus]

hallo Cheatah,

Was hingegen schwer ist, ist in die Köpfe der Menschen zu bringen, dass Layout-Informationen *in den CSS-Code* gehören, *nicht* in den JavaScript-Code. JavaScript ist wunderbar geeignet, die DOM-Objekte auf eine Weise zu verändern, die in CSS genutzt werden kann.

falls du es mit diesem posting bei mir versucht hast, bist du gescheitert. ich bin nicht sonderlich dumm, lediglich unerfahren in html/javascript - obwohl mir selfhtml und dieses forum schon eine zeitlang weiterhelfen.

ich kann aus deinem posting nicht ablesen, wie ich die sache konkret angehen kann.

beste grüße

[Gunnar Bittersmann]

@@labskaus:

nuqneH

ich kann aus deinem posting nicht ablesen, wie ich die sache konkret angehen kann.

Nicht per JavaScript Style-Eigenschaften ändern, sondern je nach jeweiligem Status Klassenzugehörigkeiten setzen.

Das Aussehen für alle Statūs ist im Stylesheet festgeschrieben.

Qapla'

[labskaus]

tausend dank an gunnar und zaphod

da gehört das [fachlich hilfreich] hin m.e.

beste grüße

[zaphod1984]

falls du es mit diesem posting bei mir versucht hast, bist du gescheitert. ich bin nicht sonderlich dumm, lediglich unerfahren in html/javascript

  
if (obj.className == 'notRot') obj.className = 'rot';  
else obj.className = 'notRot';  

[Gunnar Bittersmann]

@@zaphod1984:

nuqneH

if (obj.className == 'notRot') obj.className = 'rot';
else obj.className = 'notRot';

Das Prinzip ist richtig, nur sin Klassenbezeichner wie "rot" und "notRot" prinzipiell falsch.

Klassen immer nach deren Funktion, nicht nach deren gegenwärtig gewünschter Darstellung benennen!

Qapla'

[zaphod1984]

Klassen immer nach deren Funktion, nicht nach deren gegenwärtig gewünschter Darstellung benennen!

Was ist wenn es die einzige Funktion meiner Klasse ist, den Link rot zu machen? ;)

[Der Martin]

Hi,

Klassen immer nach deren Funktion, nicht nach deren gegenwärtig gewünschter Darstellung benennen!
Was ist wenn es die einzige Funktion meiner Klasse ist, den Link rot zu machen? ;)

dann hat die rote Farbe sicher irgendeinen Zweck. Zum Beispiel eine Hervorhebung. *Das* sollte dann dein Klassenname sein.

Ciao,
 Martin

[Gunnar Bittersmann]

@@Der Martin:

nuqneH

dann hat die rote Farbe sicher irgendeinen Zweck. Zum Beispiel eine Hervorhebung. *Das* sollte dann dein Klassenname sein.

Aber nicht "hervorgehoben", sondern der *Grund* der Hervorhebung sollte dann dein Klassenname sein.

Qapla'

[labskaus]

also um nochmal zusammenzufassen:

javascript sieht jetzt so aus:

function aktivieren(obj){  
if (obj.className == 'normal') obj.className =  'aktiv';  
else obj.className = 'normal';  
}

html so:
<a href="#" class="normal" onClick="aktivieren(this);">text</a>

und css momentan noch so:

a.aktiv  {color: #c50000}  
a.normal {}

a.normal ist leer gelassen, damit a:hover und seine brüder nicht ausgehebelt werden - einwände? wie gehts besser?

gut, ich verwende links nicht so wie ich sollte...

und vielen dank bis hierhin!

[Gunnar Bittersmann]

@@labskaus:

nuqneH

if (obj.className == 'normal') obj.className =  'aktiv';

else obj.className = 'normal';
}

  
Ein Fall für die <http://de.selfhtml.org/javascript/sprache/bedingt.htm#entweder_oder@title=einfache Entweder-Oder-Abfrage>:  
  
`obj.className = (obj.className == 'normal') ? 'aktiv' : 'normal';`{:.language-javascript}  
  
  

> `<a href="#" class="normal" onClick="aktivieren(this);">text</a>`{:.language-html}  
  
Die Verlinkung auf den Seitenanfang ("#") ist unsinnig. Wenn du schon ein 'a'-Element mit @href benutzt, verwende "javascript:;".  
  
  

> `a.normal {}`{:.language-css}  
> a.normal ist leer gelassen  
  
Das kannste dann auch ganz weglassen.  
  
Qapla'

-- 
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.  
(Mark Twain)

[labskaus]

Qapla'

es ward umgesetzt und funktionierte tadellos:

maj!

[suit]

es ward umgesetzt und funktionierte tadellos:

Warum du einen Link verwendest obwohl du keinen Link brauchst, verstehe ich aber immer noch nicht ;)

[EKKi]

Mahlzeit suit,

Warum du einen Link verwendest obwohl du keinen Link brauchst, verstehe ich aber immer noch nicht ;)

Vielleicht weil man nur da draufklicken kann?

Mein Gehirn verbiegt sich auch regelmäßig, wenn ich zu ergründen versuche, warum ständig irgendwelche Leute Links missbrauchen ...

MfG,
EKKi

[labskaus]

hey EKKi,

Mein Gehirn verbiegt sich auch regelmäßig, wenn ich zu ergründen versuche, warum ständig irgendwelche Leute Links missbrauchen ...

und mein gehirn verbiegt sich, wenn ich zu ergründen versuche, warum die forengötter ständig ihren status gegenüber dem gemeinen volk (sprich: irgendwelchen leuten) deutlich machen müssen... ;)

beste grüße

[labskaus]

hallo suit,

Warum du einen Link verwendest obwohl du keinen Link brauchst, verstehe ich aber immer noch nicht ;)

ok: für einen laien wie mich ist das, was ich mit dem klick erreichen will, vergleichbar mit dem, was ein link tut: er eröffnet neuen content. vom code ist es vllt. falsch, für den betrachter der sichtbaren oberfläche kein großer unterschied:
aha, der cursor wird zu einem zeigefinger und das aussehen ändert sich beim drüberfahren - hier klick ich mal.

das ist das problem bei laien, dass sie die eigentlichen gründe schwer erfassen -

ich bin ja lernwillig:

also lieber <span></span> nehmen und eine klasse definieren, die einen hovereffekt macht und den cursor ändert?

[suit]

ok: für einen laien wie mich ist das, was ich mit dem klick erreichen will, vergleichbar mit dem, was ein link tut: er eröffnet neuen content. vom code ist es vllt. falsch, für den betrachter der sichtbaren oberfläche kein großer unterschied:

Falsch nicht, aber du machst dir unnötige Arbeit: du musst die zusätzlichen Pseudoklassen bedenken, die andere Element (vorrangig) nicht haben, zudem musst du den vorgegebenen Rückgabewert bzw. die Aktion unterdrücken.

aha, der cursor wird zu einem zeigefinger und das aussehen ändert sich beim drüberfahren - hier klick ich mal.

Es ist ein Irrglaube, dass sich der Cursor oder das Aussehen nur bei a-Elementen ändern kann ;)

das ist das problem bei laien, dass sie die eigentlichen gründe schwer erfassen -

Ja ;)

ich bin ja lernwillig:

Das ist immer gut, genau darum "nörgeln" wir ja auch herum ;) einerseits um anderen verschiedene Möglichkeiten aufzuzeigen und andererseits um selbst etwas dazuzulernen.

also lieber <span></span> nehmen und eine klasse definieren, die einen hovereffekt macht und den cursor ändert?

Auch auf span-Element lässt sich die :hover-Pseudoklasse anwenden - auf ein paar Antike Browser musst du ggf. verzichten.

Aber: Es geht mir prinzipiell nicht um das a-Element ansich sondern darum, dass das a-Element ohne JavaScript nichts bewirkt.

Darum ist es, wenn du schon ein a-Element nutzt, wichtig eben dieses Element nur dann einzufügen, wenn JavaScript aktiviert ist.

Natürlich ist die Verbreitung der Eigenschaft "JavaScript deaktiviert" nicht stark verbreitet, aber es genau eine Zeile Mehraufwand und die Sache ist erledigt und du musst dir um dieses mögliche Zugänglichkeitsproblem keine Sorgen machen.

[Gunnar Bittersmann]

@@suit:

nuqneH

also lieber <span></span> nehmen und eine klasse definieren, die einen hovereffekt macht und den cursor ändert?

Auch auf span-Element lässt sich die :hover-Pseudoklasse anwenden - auf ein paar Antike Browser musst du ggf. verzichten.

Bei 'span' müsste man aber noch zusätzlichen Aufwand betreiben, damit das Element per Tastaturnavigation anwählbar ist. Bei 'a' (und 'button' und 'input') ist die Erreichbarkeit per [Tab] bereits vorhanden.

Qapla'

[suit]

Bei 'span' müsste man aber noch zusätzlichen Aufwand betreiben, damit das Element per Tastaturnavigation anwählbar ist. Bei 'a' (und 'button' und 'input') ist die Erreichbarkeit per [Tab] bereits vorhanden.

Ja, darum hab' ich in diesem Fall auch implizit die Verwendung gebilligt, da sie unter diesen Gesichtspunkten sinnvoll erscheint, wenn eben das Element spezifische Eigenschaften benötigt, die "nur" bei a-Elementen vorhanden sind..

Darum ja der Hinweis mit dem einhängen per JS ins DOM - ansonsten geht man nicht-JavaScript-Benutzern mit einem "toten Link" auf den Senkel.

[Gunnar Bittersmann]

@@suit:

nuqneH

Darum ja der Hinweis mit dem einhängen per JS ins DOM - ansonsten geht man nicht-JavaScript-Benutzern mit einem "toten Link" auf den Senkel.

Das kann man aber doch auch einfacher haben als mit DOM-Manipulation:

Alle derartigen Pseudolinks erhalten eine Klasse "js-action"; 'html' (oder 'body') erhält mit JavaScript(!) eine Klasse "js". [PERFORMANCE-BP2]

.js-action { display: none }  
.js .js-action { display: inline }

Qapla'

[Kai345]

[latex]Mae  govannen![/latex]

Das kann man aber doch auch einfacher haben als mit DOM-Manipulation:

Alle derartigen Pseudolinks erhalten eine Klasse "js-action"; 'html' (oder 'body') erhält mit JavaScript(!) eine Klasse "js". [PERFORMANCE-BP2]

.js-action { display: none }

.js .js-action { display: inline }

  
Sehe ich als alles andere als "best practice"(siehe URL) an. Jeder Screenreader ohne CSS-Support hat dann die toten Links doch wieder drin.  
  
Also: Nein! zu diesem Vorschlag. Es gibt noch andere Geräte als Browser.  
  
Cü,  
  
Kai

-- 
Dank Hixies Idiotenbande geschieht grade eben wieder ein Umdenken in Richtung "Mess up the Web". ([suit](https://forum.selfhtml.org/?t=197497&m=1324775))  
[Foren-Stylesheet](http://selfhtml.knrs.de/#h_stylesheet) [Site](http://knrs.de/) [Selfzeug](http://selfhtml.knrs.de/) [JS-Lookup](http://js.knrs.de/lookup/)  
SelfCode: sh:( fo:| ch:? rl:( br:< n4:( ie:{ mo:| va:) js:| de:> zu:) fl:( ss:| ls:?

[Gunnar Bittersmann]

@@Kai345:

nuqneH

Jeder Screenreader ohne CSS-Support hat dann die toten Links doch wieder drin.

Was bitte soll denn ein „Screenreader ohne CSS-Support“ sein?

Ein Screenreader liest das vor, was im Browser zu sehen ist. Der _Browser_ hat CSS-Support (oder auch nicht).

Qapla'

[suit]

.js-action { display: none }

.js .js-action { display: inline }

  
Auch eine möglichkeit, hilft aber bei "CSS aus" oder bei Textbrowsern wenig, denoch aber eine gute Möglichkeit, wenn man diesen Fall ignorieren will.

[labskaus]

Darum ja der Hinweis mit dem einhängen per JS ins DOM - ansonsten geht man nicht-JavaScript-Benutzern mit einem "toten Link" auf den Senkel.

d'accord!

(die so geöffneten divs kann man per javascript auch hin und her schieben u.s.w.u.s.f. weswegen es generell zwei layouts für javascriptler und nicht-javascriptler geben muss)

[suit]

(die so geöffneten divs kann man per javascript auch hin und her schieben u.s.w.u.s.f. weswegen es generell zwei layouts für javascriptler und nicht-javascriptler geben muss)

Muss es vermutlich nicht - warum fehlt bei nicht-JavaScript-Benutzer nicht einfach diese Sortierbarkeit und es ist immer alles aufgeklappt?

[labskaus]

nunja...

Muss es vermutlich nicht - warum fehlt bei nicht-JavaScript-Benutzer nicht einfach diese Sortierbarkeit und es ist immer alles aufgeklappt?

dieser einwand ist sehr logisch - wenn man das projekt nicht kennt (und ich traue mich auch nicht, den ganzen murks, den ich da vermutlich veranstaltet habe, hochzuladen und hier den link zu posten ;)

es ist ein einseitenlayout, das von der idee her vergleichbar ist mit einem aufgeräumtem schreibtisch. mit klicks auf bestimmte punkte kann man immer mehr "blätter" hervorkramen, bis schließlich der schreibtisch recht kreativ-unaufgeräumt aussieht - um auf den punkt zu kommen: wären alle divs sichtbar und unverschieblich, würden sich wohl ca. 68,2% überlappen und es wäre so gut wie nichts mehr lesbar

[suit]

dieser einwand ist sehr logisch - wenn man das projekt nicht kennt (und ich traue mich auch nicht, den ganzen murks, den ich da vermutlich veranstaltet habe, hochzuladen und hier den link zu posten ;)

pff - mein zu 20 % fertiges nicht-Blog-Blog ist auch online, ebenso ist rebell.at nicht valide und online - so what? :p

es ist ein einseitenlayout, das von der idee her vergleichbar ist mit einem aufgeräumtem schreibtisch. mit klicks auf bestimmte punkte kann man immer mehr "blätter" hervorkramen, bis schließlich der schreibtisch recht kreativ-unaufgeräumt aussieht - um auf den punkt zu kommen: wären alle divs sichtbar und unverschieblich, würden sich wohl ca. 68,2% überlappen und es wäre so gut wie nichts mehr lesbar

Dann setz einfach alles untereinander ;)

[labskaus]

nungut,

pff - mein zu 20 % fertiges nicht-Blog-Blog ist auch online, ebenso ist rebell.at nicht valide und online - so what? :p

den unterschied zwischen laie und könner hatten wir schon oder? ;)

http://www.gschustert.de/test/meinzeugs/index.html

nur die kategorie "lyrik" ist bis jetzt mit content gefüllt, es funktioniert mit firefox, und javascript braucht man im moment noch zwingend

[suit]

pff - mein zu 20 % fertiges nicht-Blog-Blog ist auch online, ebenso ist rebell.at nicht valide und online - so what? :p

den unterschied zwischen laie und könner hatten wir schon oder? ;)

Der ist fließend ;)

http://www.gschustert.de/test/meinzeugs/index.html

nur die kategorie "lyrik" ist bis jetzt mit content gefüllt, es funktioniert mit firefox, und javascript braucht man im moment noch zwingend

In Opera ist es etwas gewöhnungsbedürftig, funktioniert aber auch.

Beim fehlen von JavaScript könntest du wie gesagt ganz einfach auf sämtliche Positionierung verzichten und alles untereinander anzeigen.

Wäre ansich nicht schwierig.

[labskaus]

hi suit,

In Opera ist es etwas gewöhnungsbedürftig, funktioniert aber auch.

ja, für opera kann es nicht so bleiben. obwohl es noch funktioniert ist die anzeige doch recht irritierend. safari läuft, ie will noch garnicht.

Beim fehlen von JavaScript könntest du wie gesagt ganz einfach auf sämtliche Positionierung verzichten und alles untereinander anzeigen.

Wäre ansich nicht schwierig.

ja, ich könnte auf die positionierung verzichten, aber dann würde solch ein seitenaufbau auch wieder irritationen hervorrufen - denke ich

danke übrigens, dass du dich so reinhängst

[Gunnar Bittersmann]

@@labskaus:

nuqneH

den unterschied zwischen laie und könner hatten wir schon oder? ;)

Ja.

Qapla'

[EKKi]

Mahlzeit zaphod1984,

Klassen immer nach deren Funktion, nicht nach deren gegenwärtig gewünschter Darstellung benennen!
Was ist wenn es die einzige Funktion meiner Klasse ist, den Link rot zu machen? ;)

Dann sprechen wir uns wieder, sobald im Rahmen einer generellen Überarbeitung Deiner Seite(n) festgestellt und beschlossen wird, dass Links nach einem Klick darauf doch lieber nicht rot, sondern lila-gepunktet dargestellt werden sollen ... dann wäre die "einzige Funktion Deiner Klasse" plötzlich eine ganz andere: nämlich Links lila-gepunktet darzustellen. Willst Du dann überall im Code herumpfuschen? Oder willst Du dann lieber nur an *EINER* Stelle im Stylesheet aus

a.hervorgehoben {  
  color: red;  
}

ein

a.hervorgehoben {  
  color: dotted violet;  
}

machen? ;-)

MfG,
EKKi

[zaphod1984]

dotted kenn ich nur bei borders, nicht bei color... ;)

ansonsten stimmte ich natürlich zu dass eigenschaften nichts mit dem klassennamen zu tun haben dürfen.

[EKKi]

Mahlzeit zaphod1984,

dotted kenn ich nur bei borders, nicht bei color... ;)

Och Menno ... ;-)

MfG,
EKKi

[Gunnar Bittersmann]

@@EKKi:

nuqneH

[…] Willst Du dann überall im Code herumpfuschen? Oder willst Du dann lieber nur an *EINER* Stelle im Stylesheet aus

Full ACK – bis hierhin.

a.hervorgehoben {

color: red;
}

  
"hervorgehoben" ist ein nur unwesentlich besserer Klassenbezeichner als "red".  
  
Qapla'

-- 
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.  
(Mark Twain)

[EKKi]

Mahlzeit Gunnar Bittersmann,

a.hervorgehoben {

color: red;
}

>   
> "hervorgehoben" ist ein nur unwesentlich besserer Klassenbezeichner als "red".  
  
OK, dann eben "angeklickt", "aktiviert" oder wasweißich ... es ging ja um die Verdeutlichung des Prinzips.  
  
  
MfG,  
EKKi  

-- 
sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|

[suit]

OK, dann eben "angeklickt", "aktiviert" oder wasweißich

Aha, 'angeklickt' und wenn das Ding beim mouseover reagieren soll?

... es ging ja um die Verdeutlichung des Prinzips.

Ausreden :p

[EKKi]

Mahlzeit labskaus,

... und ich gerne links

Links sind aber per definitionem nichts "einfach zum Draufdrücken", sondern vornehmlich dazu da, Verknüpfungen mit anderen HTML-Dokumenten herzustellen.

MfG,
EKKi

[labskaus]

hallo Jürgen,

diese funktion funktioniert wunderbar:

function ein_aus_text(t){
   if(document.getElementById(t).style.visibility=='visible') {
    document.getElementById(t).style.visibility='collapse';
   }
   else {
    document.getElementById(t).style.visibility='visible';
   }
  }

und ist genau gleich aufgebaut.
ich habe es mit deinem alert-hinweis versucht, finde aber nicht die richtige stelle, wo ich es hinschreiben muss. es will einfach nix alerten...

ja, vielleicht ist das a-tag nicht die beste lösung - ich wollte ohne aufwand einen einfachen hovereffekt und den cursor haben - die würde ich auch anders bekommen - aber auch mit einem span-tag oder p-tag funktioniert es nicht.

[JürgenB]

Hallo labskaus,

ich habe es mit deinem alert-hinweis versucht, finde aber nicht die richtige stelle, wo ich es hinschreiben muss. es will einfach nix alerten...

z.B. in der Funktion vor dem if.

Gruß, Jürgen

[labskaus]

hallo Jürgen,

ok, da kam er, der alert:

beim ersten klick steht nichts drin... , beim zweiten "rgb(197, 0, 0)" - was das besagte rot ist

[Kai345]

[latex]Mae  govannen![/latex]

beim ersten klick steht nichts drin...

was logisch ist, da JS nicht in der Lage ist, über das style-Objekt Werte, die per CSS gesetzt worden sind

beim zweiten "rgb(197, 0, 0)" - was das besagte rot ist

.. weil hier bereits per JS ein Wert gesetzt war.

Ansonsten siehst du auch wunderbar, daß eine Abfrage der Farbe per

if(document.getElementById(f).style.color=='#c50000') {

nicht zuverlässig möglich sein kann, da es Browser gibt, die den Wert im Hex-Format ausgeben und Andere im RGB-Format usw.

Also entweder dem Objekt einen Klassen-Namen hinzufügen bzw. wieder entziehen, oder an das Objekt eine selbstdefinierte Eigenschaft anhängen, die den aktuellen Zustand enthält. Das ist aber inner eine kniffelige Sache, wenn man zu generische Eigenschaft-Namen verwendet, die ggf. in irgendwelchen zukünftigen JS-Versionen definiert sein können. Also z.B. lieber einen Namen mit prefix benutzen. In folgenden Beispiel wird eine Kollision  eher nicht eintreten, da die Eigenschaft isRed wohl nie offiziell verwendet werden wird, aber bei anderen Namen könnte es passieren

obj.isRed= true;

Benutzt du ein Prefix, hast du außerdem den Vorteil, immer zu wissen, daß es sich um eine eigene Eigenschaft handelt

obj.labskaus_isRed = true;

Cü,

Kai