onMouseOver

[THE_fan]

Hi,

habe ein Problem bzw. ne Frage.
Über Google und die Boardsuche habe ich nichts gefunden, das mal vorweg ;)

Also:

<a href="php/n_medien.php" target="content" 
	onmouseover="hover1.src='GRAFIK2.jpg';" 
	onmouseout="hover1.src='GRAFIK1.jpg';">
<img src="GRAFIK1.jpg" border="0" width="219" height="18" name="hover6"></a><br>

Nun brauche ich auch noch einen Befehl, der beim Anklicken eines Links, bzw der GRAFIK, die GRAFIK3 anzeigt. Diese GRAFIK3 soll dann auch angezeigt bleiben, solange, bis eine andere Grafik angeklickt wird.
Danach soll sie wieder als GRAFIK1 angezeigt werden und den ganz normalen MouseOver mit GRAFIK2 und den, ich sage mal, OnClick mit GRAFIK3 ausführen.

Ich hoffe ihr versteht was ich meine..
Danke schonmal für die Hilfe!

 

[matibaski]

Kapier deinen Satzbau nicht.

Also du willst, dass wenn du auf die Grafik 1 klickst, dass Frafik 2 erscheint. Und wenn man auf Grafik 2 klickt, erscheint Grafik 3. Dann wieder 1, dann 2, dann 3, usw...

Oder wie?


MfG, matibaski

 

[THE_fan]

Hey,

nein ich meine das so:

Wie man aus dem Code oben sehen kann, verlinke ich eine Grafik (GRAFIK1). Ich style sie mit einem "onMouseOver" (GRAFIK2). Nun möchte ich, dass wenn man GRAFIK1 anklickt, GRAFIK3 angezeigt wird.

Ich hatte das mal versucht mit sowas Ähnlichem wie "onMouseDown", allerdings wird dann wirklich nur GRAFIK3 angezeigt, wenn man die Maus 1. nicht loslässt und 2. nicht von der Grafik zieht.

Ich brauche das damit die User sehen, in welcher Kategorie sie sich befinden - eben anhand der gestylten Links.

Ich suche das in JavaScript was in CSS a:active ist.

Ja, das kann man auch hinschreiben und auch mit CSS lösen, weiß ich, ich möchte es aber mit JS haben.



btw. Kann es sein, dass die Serverzeit von dem Server auf dem das Forum hier ist, etwas falsch ist? ;)

 

[Frank]

Sowas macht man mit OnClick

Dann würde allerdings bei einem erneuten mouseover das bild wieder zu GRAFIK 1 wechseln. Deshalb wirst du hier um einen kleinen trick nicht herumkommen

nicht die schönste art und weise, aber es funktioniert

<a href="x.html">
<img src="GRAFIK1" border="0" alt="GRAFIK2"
onMouseover="var a=this.alt;this.alt=this.src;this.src=a"
onMouseOut="var a=this.alt;this.alt=this.src;this.src=a"
onClick="this.alt='GRAFIK3';this.src='GRAFIK2'";
>
</a>

 

[THE_fan]

Super, Danke! :)

Prinzipiell funktioniert auch das, was ich mir wünsche.
Es gibt allerdings noch einen Fehler..

Ich habe ja nun nicht nur eine sondern mehrere Grafiken.
Nehmen wir mal an es sind 5.
Abteilung 1, Abteilung 2, ..., Abteilung 5.

Wenn ich nun die Grafik der Abteilung 1 anklicke, wird sie, wie ich es mir wünsche. Klicke ich nun danach die Grafik der Abteilung 2 an, wird sie auch wie ich es mir wünsche, allerdings bleibt die Grafik der Abteilung 1 auf GRAFIK3 stehen, und welchselt nicht zu GRAFIK1 zurück.


Verständlich?
Ansonsten erkläre ich es mir Bildern..

 

[Fredmonster]

Wenn ich das richtig verstehe, gibt es immer nur eine Grafik, die aktiv sein darf.. Dann geht das am Besten, wenn du die in ne Variable schreibst.. Also var a= ACTIVE_GRAFIK1; Dann fragst du in den einzelnen Grafiken ab, ob die Grafik active ist.. also if(this.alt==a){this.src= a;}..
Aber darf man fragne, warum du das Ganze nicht mit der vorgesehenen Lösung (CSS) löst?

Gruß, Fredmonster

 

[user56095074]

Hallo Leute!

Ich hatte jetzt kein Lust einen neuen Thread zu starten und schreibe
es einfach mal hier rein.

Kommen wir zum Problem:

Bei der Navigationsleite sollen sich die Buttons verändern, sobald man mit
der Maus drüberfährt. Es klappt auch, aber bei Portfolio will es irgendwie
nicht klappen. :roll:

Hier der link A-Koskan.com - Your Webdesign Source

<script language="JavaScript">
<!--

home_n= new Image();
home_n.src = "http://www.html.de/images/home.gif"
home_i= new Image();
home_i.src = "images_i/home_i.gif"

port_n= new Image();
port_n.src = "http://www.html.de/images/port.gif"
port_i= new Image();
port_i.src = "images_i/port_i.gif"

gb_n= new Image();
gb_n.src = "http://www.html.de/images/gb.gif"
gb_i= new Image();
gb_i.src = "images_i/gb_i.gif"

contact_n= new Image();
contact_n.src = "http://www.html.de/images/contact.gif"
contact_i= new Image();
contact_i.src = "images_i/contact_i.gif"

links_n= new Image();
links_n.src = "http://www.html.de/images/links.gif"
links_i= new Image();
links_i.src = "images_i/links_i.gif"


//-->
</script>    

...

<td>
        <a href="index.html"
        onmouseover="home.src='images_i/home_i.gif';"
        onmouseout="home.src='images/home.gif';">
            <img src="http://www.html.de/images/home.gif" width=140 height=65 alt="Home" border="0" name="home"></a></td>
            
        <td>
        <a href="index.html"
        onmouseover="port.src='images_i/port_i.gif';"
        onmouseout="port.src='images/port.gif';">
            <img src="http://www.html.de/images/port.gif" width=112 height=65 alt="Portfolio" border="0" name="port"></a></td>
            
        <td>
        <a href="index.html"
        onmouseover="gb.src='images_i/gb_i.gif';"
        onmouseout="gb.src='images/gb.gif';">
            <img src="http://www.html.de/images/gb.gif" width=117 height=65 alt="Guestbook" border="0" name="gb"></a></td>
            
        <td>
        <a href="index.html"
        onmouseover="contact.src='images_i/contact_i.gif';"
        onmouseout="contact.src='images/contact.gif';">
            <img src="http://www.html.de/images/contact.gif" width=111 height=65 alt="Contact" border="0" name="contact"></a></td>
            
        <td colspan=2>
        <a href="index.html"
        onmouseover="links.src='images_i/links_i.gif';"
        onmouseout="links.src='images/links.gif';">
            <img src="http://www.html.de/images/links.gif" width=141 height=65 alt="Links" border="0" name="links"></a></td>

Danke schonmal für die Hilfe!

 

[Fredmonster]

im FF gehts.. Mach sowas aber bitte mit CSS, wenn du keine weiteren Überblendeffekte willst!

 

[THE_fan]

Im IE7 auch..

 

[user56095074]

Ja, wenn ihr früher geantwortet hättet, würdet ihr es sehen
ob es geht oder nicht ;-) .

Der Fehler war das bei Portfolio der name "port" schon in
javascript ein befehl oder sowas ist!
Musste ich einfach umbennen...