Ergebnis 1 bis 4 von 4
  1. #1
    stefan81 ist offline Grünschnabel
    registriert
    13-11-2008
    Beiträge
    4

    Cool fehlerhafte darstellung von js-menü nach mehrmaligen neuladen...

    Hi an alle..

    ...ich habe ein Menü aufgebaut was mittels Javascript die Grafiken für omouseover und omouseout ändert. local funktioniert es auch prima!
    Allerdings nach dem hochgeladen auf die Homepage wird beim durch zappen der Seite, das Menü zerhackt immer ehr zufällig an einer anderen stelle im Menü wird ein button zuviel dargestellt bzw versetzt darunter. Der Quellcode im Fehlerfall ist identisch mit dem wenn es normal dargestellt wird. ...alle Grafiken der Seite für die Seite werden vorgeladen -->aber vergeblich . Der Fehler stellt sich nur bei Mozilla dar.

    Hat jemand ne Idee dazu??
    viele Grüße
    Stefan

  2. #2
    ToM80 ist offline Foren-Gott
    registriert
    27-03-2006
    Ort
    Neuss
    Beiträge
    2.729

    AW: fehlerhafte darstellung von js-menü nach mehrmaligen neuladen...

    Ohne Script kann man kaum eine Idee haben. Wäre genausogut wenn du sagst mein Auto bremst nicht richtig, jemand eine Idee? Kann 1000 Ursachen haben ;-)

    Ausserdem solltest du überlegen ob du für das ein- und ausblenden tatsächlich JS brauchst oder ob du auch den hover-Effekt von CSS hernehmen könntest.

  3. #3
    stefan81 ist offline Grünschnabel
    registriert
    13-11-2008
    Beiträge
    4

    AW: fehlerhafte darstellung von js-menü nach mehrmaligen neuladen...

    ..danke für die schnell reaktion, über eine CSS-Lösung habe ich auch schon nachgedacht, müsset allerdings wieder von vor anfangen

    hier ein auszug des scripts von einem Menü-Kategorie und dem dazugehörigen Untermenü

    Code:
            
    <div class="menu_width" style="float:left; width:257px;" onMouseOut="window.document.getElementById('menu1').style.display='none'; ">
    
    <a href="javascript:language('en', '');" target="" id="menu_select1" class="linkfontbase menu_width menu_back_1_0" style="width:257px !important;  height:22px; border:0px solid #000000;" 
    onfocus="blur()" 
    onmouseover="window.document.getElementById('menu1').style.display='inline'; window.document.getElementById('menu_select1').style.backgroundImage='url(pics/menu_button_1_1.jpg)'; window.document.getElementById('menu_select_li1').style.backgroundImage='url(pics/menu_button_li_1.jpg)'; window.document.getElementById('menu_select_re1').style.backgroundImage='url(pics/menu_button_re_1.jpg)'; return true;"
    onmouseout="window.document.getElementById('menu_select1').style.backgroundImage='url(pics/menu_button_1_0.jpg)'; window.document.getElementById('menu_select_li1').style.backgroundImage='url(pics/menu_button_li.jpg)'; window.document.getElementById('menu_select_re1').style.backgroundImage='url(pics/menu_button_re.jpg)'; return true;">
    
    <div id="menu_select_li1" class="menu_back_li" style="border:0px solid #000000; padding-top:3px; height:18px; width:257px;"><div id="menu_select_re1" class="menu_back_re" style="border:0px solid #000000; width:257px; height:18px;"><div style="border:0px solid #000000; padding-left:5px; padding-right:5px;">kategorie1</div></div></div>
    
    </a>
          
    <div id="menu1" class="submenu menu_width" style="width:257px; height:22px;">
    
    <a href="javascript:language('en', 'link1.php');" target="" id="submenu_select1_0" class="linkfontbase menu_width menu_back_1_0" style="width:257px;  height:21px;" 
    onfocus="blur()" 
    onmouseover="window.document.getElementById('menu1').style.display='inline'; window.document.getElementById('submenu_select1_0').style.backgroundImage='url(pics/menu_button_1_1.jpg)'; window.document.getElementById('submenu_select_li1_0').style.backgroundImage='url(pics/menu_button_li_1.jpg)'; window.document.getElementById('submenu_select_re1_0').style.backgroundImage='url(pics/menu_button_re_1.jpg)'; return true;"
    onMouseOut="window.document.getElementById('menu1').style.display='none'; window.document.getElementById('submenu_select1_0').style.backgroundImage='url(pics/menu_button_1_0.jpg)'; window.document.getElementById('submenu_select_li1_0').style.backgroundImage='url(pics/menu_button_li.jpg)'; window.document.getElementById('submenu_select_re1_0').style.backgroundImage='url(pics/menu_button_re.jpg)'; return true; "
    onMouseup="window.document.getElementById('menu1').style.display='none'; return true;">
    
    <div id="submenu_select_li1_0" class="menu_back_li" style="padding-top:2px; height:18px; width:257px;"><div id="submenu_select_re1_0" class="menu_back_re" style="width:257px; height:18px;"><div style="border:0px solid #000000;  padding-left:5px; padding-right:5px;">link1</div></div></div>
    
    </a>
    
    <a href="javascript:language('en', 'link2.php');" target="" id="submenu_select1_1" class="linkfontbase menu_width menu_back_2_0" style="width:257px;  height:21px;" 
    onfocus="blur()" 
    onmouseover="window.document.getElementById('menu1').style.display='inline'; window.document.getElementById('submenu_select1_1').style.backgroundImage='url(pics/menu_button_1_1.jpg)'; window.document.getElementById('submenu_select_li1_1').style.backgroundImage='url(pics/menu_button_li_1.jpg)'; window.document.getElementById('submenu_select_re1_1').style.backgroundImage='url(pics/menu_button_re_1.jpg)'; return true;"
    onMouseOut="window.document.getElementById('menu1').style.display='none'; window.document.getElementById('submenu_select1_1').style.backgroundImage='url(pics/menu_button_1_0.jpg)'; window.document.getElementById('submenu_select_li1_1').style.backgroundImage='url(pics/menu_button_li.jpg)'; window.document.getElementById('submenu_select_re1_1').style.backgroundImage='url(pics/_menu_button_re.jpg)'; return true; "
    onMouseup="window.document.getElementById('menu1').style.display='none'; return true;">
    
    <div id="submenu_select_li1_1" class="menu_back_li" style="padding-top:2px; height:18px; width:257px;"><div id="submenu_select_re1_1" class="menu_back_re" style="width:257px; height:18px;"><div style="border:0px solid #000000;  padding-left:5px; padding-right:5px;">link2</div></div></div>
    
    </a>
    
    </div>
    </div>
    ..danke schon mal für die mühe!
    viele Grüße
    Stefan

  4. #4
    stefan81 ist offline Grünschnabel
    registriert
    13-11-2008
    Beiträge
    4

    AW: fehlerhafte darstellung von js-menü nach mehrmaligen neuladen...

    Wahrscheinlich sind die einzelnen Menüs nicht richtig gefloatet und eins springt dann immer mal aus siener position :-( ....
    ...naja hab jetzt nen CSS-Menü gebaut! ...schade ums alte ;-|
    viele Grüße
    Stefan

Ähnliche Themen

  1. Pull-Down menü
    Von Sascha1006 im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 03-10-2008, 19:57
  2. Änderung an JS Menü
    Von dabri im Forum Jobs
    Antworten: 0
    Letzter Beitrag: 25-03-2008, 23:27
  3. PopUp Menü rechtsbündig!?
    Von [x]snaKe im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 14-03-2006, 14:51
  4. Brauche dringend Hilfe bei meinem Menü Script
    Von AEdevil im Forum JavaScript
    Antworten: 15
    Letzter Beitrag: 12-07-2005, 18:29
  5. dropdown menü
    Von snake14 im Forum JavaScript
    Antworten: 10
    Letzter Beitrag: 26-01-2003, 17:19

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •