onClick events

A

ArdieM

Grünschnabel
Servuz!
Ich bin gerade dabei meine neue Webseite zu kreieren :)
Ich habe es hinbekommen ein image durch ein anderes durch ein onMouseOver event zu ersetzten(welches dann bei onMouseOut wieder verschwindet).
Nun will ich, dass wenn ich auf image clicke ein anderes angezeigt wird und das onMouseOver event bestehen bleibt(also nicht beim verlassen des images wieder verschwindet)
Hes auf verschiedenen wegen probiert und auch im netz gesucht. Aber auch so kann ich mir nciht vorstellen wie das funktionieren könnte. Kann mir da vielleicht einer nen Tipp geben?

source:

<html>
<head>
<title>welcome to ArdieMs aka Dj RDMs website</title>

<script language="javascript">
<!-- hide script from old browsers

browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName == "Netscape" && browserVer >= 3) browserVer = "1";
else if (browserName == "Microsoft Internet Explorer" && browserVer == 4) browserVer = "1";
else browserVer = "2";

if (browserVer == 1) {
a1 = new Image(161,179);
a1.src = "files/linkscbuttonb.jpg";
a2 = new Image(161,179);
a2.src = "files/linkscbuttona.jpg";

b1 = new Image(94,54);
b1.src = "files/aboutabuttonb.jpg";
b2 = new Image(94,54);
b2.src = "files/aboutabuttona.jpg";

c1 = new Image(94,54);
c1.src = "files/audioabuttonb.jpg";
c2 = new Image(94,54);
c2.src = "files/audioabuttona.jpg";

d1 = new Image(94,54);
d1.src = "files/videoabuttonb.jpg";
d2 = new Image(94,54);
d2.src = "files/videoabuttona.jpg";

e1 = new Image(94,54);
e1.src = "files/picsabuttonb.jpg";
e2 = new Image(94,54);
e2.src = "files/picsabuttona.jpg";

f1 = new Image(94,54);
f1.src = "files/gbookabuttonb.jpg";
f2 = new Image(94,54);
f2.src = "files/gbookabuttona.jpg";

g1 = new Image(94,54);
g1.src = "files/forumabuttonb.jpg";
g2 = new Image(94,54);
g2.src = "files/forumabuttona.jpg";

h1 = new Image(529,34);
h1.src = "files/navibarlinks.jpg";
h2 = new Image(94,54);
h2.src = "files/linkscbuttona.jpg";
}

function hiLite(imgID, imgName, comment) {
if (browserVer == 1) {
document.images[imgID].src = eval(imgName + ".src");
window.status = comment; return true;
}}

//end hiding -->
</script>

</head>
<body text="#000000" bgcolor="#FFFFFF" link="#000000" alink="#000000" vlink="#000000">

<div id="djrdm" style="position: absolute; left: 20px; top: -2px;" align="left">
<img id="djrdm" name="djrdm" src="files/djrdm.jpg" width="420" height="300" border="0" alt=""></div>

<div id="links" style="position: absolute; left: 429px; top: 49px;" align="left">
<a onClick="hiLite('a','a2','')" onMouseOver="hiLite('a','a2','links')" onMouseOut="hiLite('a','a1','')">
<img name="a" src="files/linkscbuttonb.jpg" width="161" height="179" border="0"></a></div>

usw.

Ich bedanke mich schonmal im vorraus :)
 
Du musst in der onMouseOver-Aktion einfach überprüfen, welches Bild gerade angezeigt wird. Ist es das, das durch das Anklicken ausgewählt wird, mach nix, ansonsten austauschen.

Oh, hab grad gesehen, dass es sich um dasselbe Bild handelt. Dann wirst du dir in einer Variable merken müssen, ob geklickt wurde.
 
Zuletzt bearbeitet:
Ich habe ja das onClick event eingefügt. wenn ich nun draufklicke erscheint das selbe Bild wie wenn ich nur mit der Maus drüber gehe(also es passiert garnichts). Wenn ich nun(nach dem Klick) mit der Maus vom image weggehe verschwindet auch das Bild bzw es wird ausgeblendet.

Ich versuche aber es so hinzukriegen:

maus drauf -> image2
maus weg -> image1
maus drauf + maus klick -> image2
maus weg-> es bleibt image2 da ich draufgeklickt habe

Mann ist das blöd zu erklären :) naja wie auch immer. Weis einer nun wie ich das onMouseOut nachdem ich ein onClick gemacht habe auschalten kann
 
Ich bräuchte sowas wie

if onClick
dann nix machen

:) Aber leider weis ich nicht so recht wie ich sowas in mein Script einbauen kann... ist irgentein Scriptmaster hier online? hehe
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück