|
|||
Button bei onload anders darstellen
Hallo zusammen,
ich möchte gerne meinen ersten Menüpunkt (menu-item1), wenn die Seite geladen ist als grünes Bild darstellen, damit man sieht wo man sich aktuell befindet. Hab hierzu folgenden Code: HTML: <div class="submenu"> <div id="menu-items"> <ul> <li class="menu-item1"><a href="#stacks_in_20320_page4_panel1"></a></li> <li class="menu-item2"><a href="#stacks_in_20320_page4_panel2"></a></li> <li class="menu-item3"><a href="#stacks_in_20320_page4_panel3"></a></li> <li class="menu-item4"><a href="#stacks_in_20320_page4_panel4"></a></li> <li class="menu-item5"><a href="#stacks_in_20320_page4_panel5"></a></li> </ul> </div> JS: document.onload = function (){ document.getElementByid('#menu-items li a menu-item1').style.backgroundImage = "url('%resource(Buttons/Wohnhaus_neues_Gruen.jpg)%')"; } Leider geht es nicht. Was ist falsch? |
Sponsored Links |
Sponsored Links |
|
|||
Was möchtest du genau? Wenn du weißt dass es der erste Punkt ist, dann mach doch folgendes:
Code:
<li class="menu-item1 active"> ..... </li> .active{background-image: url("... " );} |
|
|||
Also, ich hab euch hier mal den Link beigefügt.
Ihr seht dort lauter Bilder (mein Untermenü) für die verschiedenen Texte darunter, die ich als Tab's eingefügt hab. Klickt ihr auf eines dieser Bilder und geht mit der Maus wieder weg, wird das Bild grün. Man sieht also wo man gerade ist. Grob gesehen klappt das ja auch schon, aber 1. ich möchte, wenn diese Seite aufgerufen wird, daß gleich das erste Bild grün ist, da der Text dazu ja schon automatisch da steht. 2. Wie ihr bemerkt, wird das Hover nicht deaktiviert, wenn ihr auf eines der Bilder klickt. Somit wird es erst grün, wenn man das Bild mit der Maus verlassen hat. Suboptimal. Am besten wäre es, direkt nach dem Loslassen der Maustaste grün zu werden und für das aktive Bild (Button) die Mouseevents komplett zu deaktivieren, da man ja nichts anklicken muß, was gerade eh aktiv ist. Mit JS kenn ich mich leider null aus und würde es auch lieber als css machen, aber mir fehlt die zündende Idee. |
Stichwörter |
button, java script, onload |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Link als Button darstellen | PaulePils | CSS | 6 | 15.05.2012 12:32 |
Ausrichtung Kalender | greece4u | CSS | 20 | 14.05.2012 14:32 |
FF Problem: button mit image | darolla | CSS | 6 | 02.04.2007 09:49 |
Button - Rahmen | dieter99 | CSS | 1 | 06.12.2006 11:13 |
div als Button und Text mittig | krusa | CSS | 3 | 27.06.2005 22:25 |