:: ClanSphere :: Free OpenSource Clan CMS :: - Forum

Latest 5 Modules

Demo

Probiere ClanSphere aus und teste daran herum. Demo

Spenden

ClanSphere ist freie OpenSource Software.
Bitte unterstützt uns. Spenden

Antworten: 9

Seite [1]

ichraffsnicht ClanSphere Team

Supporter

Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3192

# Thema - 01.06.2007 um 20:26 Uhr

hier ich hab folgendes problem:

ich hab nen mouseover gemacht, der "over" bleiben soll wenn man drauf klickt allerdings geht der "over"-effekt weg wenn ich aus den div gehe.

hier der code:

html:hier klicken

1.	1. / 2. / ... <div id="button1" class="button" onmouseover="fover(1, 1, 0)" onclick="fover(1, 2, 1)" onmouseout="fover(1, 0)">Profi-Klasse</div>

js:hier klicken

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.

1. / 2. / ...

// JavaScript Document

function fover(s, i, r)
{

if(r==1)
    {
        document.getElementById('button' + s).className='buttonover';
    }
else
    {
        if(i==1){
                document.getElementById('button' + s).className='buttonover';
                }
        if(i==0){
                document.getElementById('button' + s).className='button';
                }

    }


}

------------------

Inaktiv

duRiel

Weltmeister

Herkunft: Cambridge
Beiträge: 7300

# Antwort: 1 - 01.06.2007 um 20:28 Uhr

die variablennamen sind mist und nicht nachvollziehbar.

würde aber mal onmouseout="fover(1, 0)" weg machen

Inaktiv

ichraffsnicht ClanSphere Team

Thread-Ersteller

Supporter

Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3192

# Antwort: 2 - 01.06.2007 um 20:41 Uhr

da funktioniert aber der normale mouseover nichtmehr also wenn ich draufklicke soll onmouseout="fover(1, 0)" sozusagen auser kraft gesetzt werden.

wie meinst du das mit den variablen... das sind einfach blos beliebige ...

------------------

Inaktiv

duRiel

Weltmeister

Herkunft: Cambridge
Beiträge: 7300

# Antwort: 3 - 01.06.2007 um 20:46 Uhr

dass es beliebige sind merkt man, solltest die variablen sinngemäß bezeichnen.

kannst zb beim startup im javascript auch die hover funktion aufrufen..

Inaktiv

ichraffsnicht ClanSphere Team

Thread-Ersteller

Supporter

Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3192

# Antwort: 4 - 01.06.2007 um 22:27 Uhr

kannste mir nen kleines beispiel dazu machen??? meinst du mit startup... onLoad??

------------------

Inaktiv

duRiel

Weltmeister

Herkunft: Cambridge
Beiträge: 7300

# Antwort: 5 - 01.06.2007 um 22:30 Uhr

kannst auch direkt in der js datei den aufruf machen.

Inaktiv

ichraffsnicht ClanSphere Team

Thread-Ersteller

Supporter

Herkunft: Erdeborn bei Lutherstadt Eisleben
Beiträge: 3192

# Antwort: 6 - 02.06.2007 um 03:26 Uhr

bahnhof^^

------------------

Inaktiv

SCHIRI

Weltmeister

Herkunft: Hamburg
Beiträge: 5299

# Antwort: 7 - 02.06.2007 um 03:54 Uhr

so wie dus im mom glaube ich möchstest brauchst du gar kein javascript.

du hast ja einfach 2 css-klassen die beim hover wechseln sollen also die klasse "normal" und die klasse "hover" z.B.

jetzt nimmst du aber die hover-klasse wieder raus bzw benennst sie um in normal:hover denn mouseover erkennt css ja auch.

dann kannst das ganze js rausnehmen und in der css steht dann:

.button{
background: #fff;
color: #000;
....
}

.button:hover {
background: #000;
color: #fff;
....
}

also so als beispiel

------------------
www.laszlokorte.de

Inaktiv

Vyper

Rock the board

Beiträge: 71

# Antwort: 8 - 02.06.2007 um 13:15 Uhr

Ist eben nur das Problem bei SCHIRI's Methode, dass der IE bis einschließlich Version 6, die Pseudo CSS-Klasse :hover nur auf den <a>-Tag anwenden kann.
So müsste man, damit das auch der IE <= Version 6 anständig anzeigt, noch einen <a>-Tag mit reinpacken, womit das HTML dann so aussehen müssten: