hover mit onclick

Dieses Thema im Forum "Webentwicklung" wurde erstellt von encud, 5. Mai 2007 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 5. Mai 2007
    hallo! ich würde gerne auf meine hp einen hover bei einem bild einbringen... ist ja kein problem, nur soll der hover nur kommen wenn ich drauf klicke und wenn ich ein weiteres mal drauf klicke soll wieder das alte bil kommen... damit habe ich jetzt probleme!

    hier mein cod vllt hilft es ja was....

    Javascript:
    HTML:
    function hover(Zustand)
    {
    switch (Zustand)
    {
     case 1:
     document.musik.src="pictures/stop.png";
     break;
     default:
     document.musik.src="pictures/musik.png";
    }
    }
    und
    html:
    HTML:
    <a href="javascript: layer('musik');" onclick="hover(1)" onclick="hover(2)"><img src="pictures/musik.png" title="Musik" alt="Musik" name="musik"></a>
    funltioniert halt net ganz^^ wie muss ichs ändern??

    danke schonmal
    gruß encud
     
  2. 5. Mai 2007
    AW: hover mit onclick

    Zweimal das gleiche Attribut ist Schwachsinn. Das sollte sich eigentlich von selbst erklaeren. Mach eine neue Var, die den alten Zustand speichert oder eine if-Abfrage, die das aktuelle Bild ueberprueft.
     
  3. 6. Mai 2007
    AW: hover mit onclick

    joa ist schon klar das das schwachsinn ist und auf die idee mit der if-abfrage bin ich ja auch schon gekommen, nur leider weiß ich nicht genau wie ich das realisieren soll... könnte mir vllt wer dabei helfen

    gruß encud
     
  4. 6. Mai 2007
    AW: hover mit onclick

    if(document.musik.src == "bild1") document.musik.src="bild2";

    Das ist nun wirklich nicht schwer.
     
  5. 8. Mai 2007
    AW: hover mit onclick

    ok naja net schwer.. vllt für dich ent und wie würde das jetzt in meinem script aussehen??? währe sehr dankbar wenn mir das noch wer sagen könnte.. bw ist draußen!!!!!!!!!!!!!!!
     
  6. 8. Mai 2007
    AW: hover mit onclick

    SELFHTML: JavaScript/DOM

    Les dir das durch.
     
  7. 9. Mai 2007
    AW: hover mit onclick

    hmm also habe das jetzzt mkal so gemacht:
    html:
    HTML:
    <a href="javascript: layer('musik');" onclick="hover()"><img src="pictures/musik.png" title="Musik" alt="Musik" name="musik"></a>
    javascript:
    HTML:
    function hover()
    {
    if(document.musik.src == "pictures/stop.png") document.musik.src="pictures/musik.png";
    else document.musik.src="pictures/stop.png";
    }
    aber geht net was habe ich falsch gemacht??
     
  8. 9. Mai 2007
    AW: hover mit onclick

    Was genau geht nicht?
     
  9. 9. Mai 2007
    AW: hover mit onclick

    es geht zwar auf den stop button aber dann nicht wieder weg, also bleibt so...
     
  10. 13. Mai 2007
    AW: hover mit onclick

    du suchst nach einer lösung für garkein problem?

    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="de">
    <head>
    <title>Infobox</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <script language="javascript">
    <!--
    function hover()
    {
    if(document.musik.src == "http://board.raidrush.ws/customavatars/avatar17427_1.gif") document.musik.src="http://x.myspace.com/images/DE/addFriendIcon.gif";
    else document.musik.src="http://board.raidrush.ws/customavatars/avatar17427_1.gif";
    }
    //-->
    </script>
    </head>
    <body>
    
    <a href="javascript: layer('musik');" onclick="hover()"><img src="http://board.raidrush.ws/customavatars/avatar17427_1.gif" title="Musik" alt="Musik" name="musik"></a>
    </body>
    </html>
    
     
  11. 13. Mai 2007
    AW: hover mit onclick

    hmm komisch jetzt geht es... ich habe jetzt mal die gesamte adresse zum build hin geschrieben und nun geht es, vorher nicht...kann das damit was zu tun haben eigentlich doch net, oder?
    aber ich bin mir auch sicher, dass ich immer die richtige adresse hin geschrieben habe da ja auch ab und zu wenn ich das leicht verändert ahtte da wieder ne andere grafik gekommen ist, ist dann nur nicht wider die alte hin gekommen....
     
  12. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.