css active button

Webmaus

Hallo!

Ich habe eine Homepage für eine Bekannte erstellt und nun stellt sich mir ein kleines Problemchen:

Die Buttons sind einfache Links, welche ich mit CSS formatiert habe. Fährt man über die Links werden sie fett und grün. Klickt man auf einen bleibt er grün und fett. Das Problem ist nun, sobald ich zb im Kontaktformular Eingaben tätige, ist der Kontakt-Button nicht mehr fett und grün sondern erscheint in der Standardform.
Die Buttons sollten sich aber nur ändern, wenn ich einen anderen Button anklicken, nicht aber wenn ich im Text herumklicke. Kann man das einfach mit CSS lösen??

Bitte um brauchbare Antworten!!!

lg, Webmaus

PS: Die Homepage ist mit I-Frames programmiert.

DarkSyranus

Ob das mit css geht glaub ich nit, aber du kannst Javascript dafür benutzen.

driver

such dazu mal nach "rollover".

glaub da hab ich mal nen eintrag gemacht, ua. mit java-sript

ekel75

da steig ich doch gleich mit ein.
Ich hätte auch gerne bei einer meiner Seiten den aktuellen/aktiven Link hervorgehoben.
alles bisher über css formatiert.
und zusätzlich spricht das link noch nen frame an... (ändert das was?)

leider hab ich drivers rollover thread nicht finden können. nur flash kommentare. ich würde das gerne mittels java oder html lösen
a: active hilft ja aber hier nicht weiter....

gibt es einen workaround?

tausend dank

ekel75

ps. zum thema aber leider nur graphic buttons:
http://www.dleo.de/coding/script02.htm

driver

rollover nix ? dann versuch mal mouseover

ekel75

... nö

DarkSyranus

https://www.forum-hilfe.de/viewtopic.php?t=18911&highlight=
Ich glaub driver meint diesen thread
Wurd aber auch nicht zuendegeführt.

*edit*::

Mit js ist das immer sone sache, das muss meistens direkt ans script angepasst werden.

ekel75

öhmm. bin ich blind oder ist auf dem link durch die unfertigkeit noch gar keine lösung angeboten?

vielen lieben dank schon mal für eure mühen!!

ekel75

hab noch was gefunden dazu, komm aber bisher noch nicht wirklich klar damit:
http://www.mediengestalter.info/forum/22/css-a…iv-18705-1.html

DarkSyranus

HTML

<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN>


<html>
<head>
<title>Unbenannt</title>
<script type="text/javascript">
  function save(sav)
  {
    document.getElementsByName('date')[0].value = sav;
  }
  function CChange(name)
  {
    id = name;
    document.getElementById(id).style.color = "#FF0000"; /* farbe des letzten inks */
    save(id);
  }
  function load(id)
  {
    vall = document.getElementsByName('date')[0].value;
    document.getElementById(vall).style.color = "#0000FF"; /* normale linkfarbe */
    CChange(id);
  }
</script>
</head>
<body>
<input type="hidden" name="date" value="link1">
[url='#']bla[/url]






[url='#']bli[/url]






[url='#']blub[/url]
</body>
</html>

Alles anzeigen

So, das müsste gehen.
Bei jedem link als id link und die anzahl des links angeben.

driver

https://www.forum-hilfe.de/viewtopic.php?…light=mouseover
https://www.forum-hilfe.de/viewtopic.php?…light=mouseover
https://www.forum-hilfe.de/viewtopic.php?…light=mouseover
https://www.forum-hilfe.de/viewtopic.php?…light=mouseover
https://www.forum-hilfe.de/viewtopic.php?…light=mouseover
https://www.forum-hilfe.de/viewtopic.php?…light=mouseover

so.. das war ein ausschnitt aus der suchefunktion zu mouseover..
rollover erspar ich dir jetzt einfach mal...

vielleicht is ja was dabei...

DarkSyranus

Driver, deine links führen alle nur zu ner ähnlichen geschichte mit bildern.
Er wollt das aber, das der text des momentan aktiven links anders ist.

css active button

Tags

Benutzer online in diesem Thema