zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Onmouseover Problem

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.11.2007, 16:50
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.12.2006
Beiträge: 294
meGa befindet sich auf einem aufstrebenden Ast
Standard Onmouseover Problem

Hi Jungs,

ich habe ein li element mit nem Mouseover Ausgestatt

Code:
<li id="link_01" class="link" onmouseover="switchClass('link_01','link_hover')" onmouseout="switchClass('link_01','link')"><a href="#" onclick="showMenu('subnavigation_01');switchClass('link_01','link_hover')">Startseite</a></li>
wenn man darüber geht dann ändert es die klasse was auch so richtig sein soll. Nur wie Bekomme ich es hin, dass wenn man dann drauf klickt au Startseite, und das untermenu dargestellt wird, dass dann der hover bleibt und nicht weggeht?

PHP-Code:
function showMenu(menu) {                                 
                    if(
document.getElementById(menu).style.display == "block") {
                            
document.getElementById(menu).style.display "none";                                            
                        } else {
                          
document.getElementById(menu).style.display "block";
                     
                        }                                                       
                }             
                
                function 
switchClass(elecla) {
                            
document.getElementById(ele).className cla;                                          
                } 
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.11.2007, 17:59
lässt grüßen
XHTMLforum-Mitglied
 
Registriert seit: 09.10.2007
Ort: Berlin
Beiträge: 189
code_junkie wird schon bald berühmt werden
Standard

Verstehe zwar nicht, wieso du nicht mit :hover und :active arbeitest, aber ... vielleicht mit onselect, onfocus oder onblur? (Bin kein JS Experte, hoffe die Attribute gibt es *G*)

Gruß
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.11.2007, 18:13
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.12.2006
Beiträge: 294
meGa befindet sich auf einem aufstrebenden Ast
Standard

weil der :hover effekt im IE6 und niedriger nicht geht ...

edit: damit habe ich es schon versucht ...
Mit Zitat antworten
  #4 (permalink)  
Alt 03.11.2007, 18:59
ldr ldr ist offline
XHTML-2-Befürworter
neuer user
 
Registriert seit: 01.11.2007
Beiträge: 62
ldr wird schon bald berühmt werden
Standard

So sollte es gehen:

<li id="link_01" class="link"
onmouseover="switchClass('link_01','link_hover')"
onmouseout="leaveLi('link_01')"><a href="#"
onclick="showMenu('subnavigation_01');switchClass( 'link_01','link_hover')">
Startseite</a></li>


PHP-Code:
function showMenu(menu)
{                                 
 if(
document.getElementById(menu).style.display == "block")
 {
  
document.getElementById(menu).style.display "none";                                            
 }
 else
 {
  
document.getElementById(menu).style.display "block";
 }                                                       
}     

function 
leaveLi(ele)
{
 if (
document.getElementById(menu).style.display != "block")
 {
  
switchClass(ele'link');
 }
}        
                
function 
switchClass(elecla)
{
 
document.getElementById(ele).className cla;                                    

__________________
Ein Kluger bemerkt alles. Ein Dummer macht über alles eine Bemerkung.
Mit Zitat antworten
  #5 (permalink)  
Alt 03.11.2007, 19:32
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.12.2006
Beiträge: 294
meGa befindet sich auf einem aufstrebenden Ast
Standard

optimal funkt danke
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Font der Überschrift ändern (Problem) artist CSS 2 07.12.2007 11:01
Design zu CSS/HTML verarbeiten - Problem häufen sich. Grafikamateur CSS 2 06.08.2007 10:57
Problem mit WordPress und dem Bilder Upload Maxefix Serveradministration und serverseitige Scripte 0 19.12.2006 15:58
Problem bei Div's - zwei mal das gleiche und doch nicht ... Niriel CSS 10 09.06.2005 18:39
Problem mit einem CSS Layout nARC CSS 20 21.05.2005 07:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:22 Uhr.