tutorials.de Buch-Aktion 05/2012
Like Tree1Danke
  • 1 Beitrag von CPoly
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
331
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 17.01.11 18:32 #1
    Identität Identität ist offline Mitglied Gold
    Registriert seit
    Feb 2006
    Beiträge
    171
    Folgendes möchte ich realisieren:
    Ich habe eine Grafik und darunter befindet sich ein Textlink. Wenn ich über diesen Link fahre (MouseOver), soll die Grafik zu Grafik2 werden. Wenn ich dann wieder runter gehe (MouseOut), soll Grafik2 wieder zu Grafik werden. Wenn ich dann den Textlink anklicke, soll Grafik2 dauerhaft eingeblendet werden.

    Soweit so gut, wenn ich den Link anklicke, wird natürlich MouseOut ausgeführt und die normale Grafik wird wieder angezeigt. Kann mir jemand helfen? Unten ist der Quelltext:

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>Startseite</title>
	<script type="text/javascript" language="JavaScript">
	<!--
	function swap(Bildname,BildURL)
	{
	document.images[Bildname].src = BildURL;
	}
	//-->

</script>
<script type="text/javascript" language="JavaScript">
	<!--

	Tauschbild01a = new Image();
	Tauschbild01a.src = "./images/grafik1.gif";     /* normale-Grafik */
	Tauschbild01b = new Image();
	Tauschbild01b.src = "./images/grafik2.gif";     /* Highlight-Grafik */


	function Wechseln(Bildname,Tauschbildname)
	{
	document.images[Bildname].src = eval(Tauschbildname + ".src")
	}

	//-->
</script>

</head>
	<body>
		<img name="bild02" src="./images/grafik1.gif"><br>
		<ul id="menue">
			<li><a href="javascript:swap('bild02','./images/grafik2.gif')" OnMouseover = "Wechseln('bild02','Tauschbild01b')" OnMouseout  = "Wechseln('bild02','Tauschbild01a')">» Klick</a></li>
		</ul>

	</body>
</html>
    Ist sau wichtig für mich, wäre echt genial wenn mir wer helfen könnte.
     
    Zitieren Zitieren
  2. 17.01.11 18:56 #2
    CPoly CPoly ist gerade online Mitglied Weizenbier
    tutorials.de Premium-User
    Registriert seit
    Sep 2009
    Beiträge
    2.445
    Nimm dir einfach eine Hilfsvariable.

    Code javascript:
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

    <script type="text/javascript" language="JavaScript">
    <!--
        var foobar = true;
 
    function swap(Bildname,BildURL)
    {
        document.images[Bildname].src = BildURL;
            foobar = false;
    }
    //-->
 
</script>
<script type="text/javascript" language="JavaScript">
    <!--
 
    Tauschbild01a = new Image();
    Tauschbild01a.src = "./images/grafik1.gif";     /* normale-Grafik */
    Tauschbild01b = new Image();
    Tauschbild01b.src = "./images/grafik2.gif";     /* Highlight-Grafik */
 
 
    function Wechseln(Bildname,Tauschbildname)
    {
            if(!foobar)
                return;
 
        document.images[Bildname].src = eval(Tauschbildname + ".src")
    }
 
    //-->
</script>

    Was genau sucht dort das "eval"?
    Identität bedankt sich. 
    Zitieren Zitieren
  3. 17.01.11 19:15 #3
    Identität Identität ist offline Mitglied Gold
    Registriert seit
    Feb 2006
    Beiträge
    171
    Perfekt!

    Vielen Dank, CPoly. Ich bin echt noch ziemlich am Anfang mit JS, aber das habe ich nun verstanden, so wie du vorgegangen bist.

    P.S. Coole Page hast du
     
    Zitieren Zitieren
« Bildwechsel bei linkwechsel | Probleme mit einem Bilderscript »

Ähnliche Themen

  1. Nach Klick auf Hyperlink wird Quellcode der gelinkten Seite angezeigt
    Von Skandinavika im Forum ASP
    Antworten: 15
    Letzter Beitrag: 13.03.10, 20:48
  2. Bild austauschen nach Klick
    Von Identität im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 18.10.08, 23:37
  3. Bei klick ins Formular Meldung austauschen
    Von Identität im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 08.10.08, 22:51
  4. Bilder bei Klick austauschen (Thumbnail)
    Von Flextone im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 29.06.07, 12:08
  5. Hyperlink Onmouseover Zellenfarbe ändern und bei Klick halten...
    Von cgubi im Forum Javascript & Ajax
    Antworten: 3
    Letzter Beitrag: 11.07.04, 22:28