Mouseover


  • Rocko666
  • 1491 Aufrufe 6 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • He ich bräuchte mal kurz hilfe...
    also ein kleines programm wo es nur um den mouseover-effekt geht.



    wenn ich über artikel1 mit der mouse gehe,
    soll unten in dem kästchen eine textausgabe sein.

    artikel1 = ausgabe"das produkt ist gut"
    artikel2 = ausgabe"das produkt ist OK"
    artikel3 = ausgabe"das produkt ist nicht so gut"

    wer kann mir weiterhelfen?
    muss ich dafür javascript anwenden ???
  • Jo, da kommst um JavaScript nicht drumrum...
    Ich hab dir ma schnell ein Beispiel geschrieben

    HTML-Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <head>
    4. <title>Test</title>
    5. <script type="text/javascript">
    6. // <![CDATA[
    7. // Begin Text-replace script
    8. function replaceText(elem, newText) {
    9. elem.firstChild.data=newText;
    10. }
    11. // End Text-replace script
    12. // ]]>
    13. </script>
    14. </head>
    15. <body>
    16. <span onmouseover="replaceText(desc, 'hahaha');" onmouseout="replaceText(desc, 'hohoho');" >Hier r&uuml;ber!</span>
    17. <div id="desc">&nbsp;</div>
    18. </body>
    19. </html>
    Alles anzeigen


    Hoffe, du kannst damit etwas anfangen.
    Gruß
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.
  • oohhh, naja irgendwie hilf mir das nicht so weiter ....
    hier ich hab mal was gemacht und bei selfhtml gesucht, aber da acuh nix gefunden.

    kannst ja mal drüber gucken und mir einen tipp geben

    HTML-Quellcode

    1. <html>
    2. <head>
    3. <title>Warenkorb</title>
    4. <meta name="Marec" content="Franklin">
    5. <script language="JavaScript">
    6. <!--
    7. "Artikel Nr. 1"=onmouseover=<b>"Artikel Nr. 1"</b>.ausgabe1="artikel nr.1 ist toll"
    8. //-->
    9. </script>
    10. <noscript></noscript>
    11. </head>
    12. <br><br>
    13. Artikel Nr. 1<br>
    14. Artikel Nr. 2<br>
    15. Artikel Nr. 3<br>
    16. <br>
    17. <input type="Text" border="0" name="Ausgabe1" value="">
    18. </body>
    19. </html>
    Alles anzeigen
    [SIZE=3]Wenn man keine Ahnung hat,[/SIZE] [SIZE=4]einfach mal Fresse halten![/SIZE]
  • HTML-Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title>
    2. <script type="text/javascript">
    3. // <![CDATA[
    4. // Begin Text-replace script
    5. function replaceText(elem, newText) {
    6. elem.firstChild.data=newText;
    7. }
    8. // End Text-replace script
    9. // ]]> </script>
    10. <noscript>Kein JavaScript aktiviert</noscript>
    11. </head>
    12. <br /><br />
    13. <span onmouseover="replaceText(desc, 'Artikel Nr.1 ist toll');" onmouseout="replaceText(desc, '&nbsp;');" >Artikel Nr. 1</span> <br />
    14. <span onmouseover="replaceText(desc, 'Artikel Nr.2 ist toll');" onmouseout="replaceText(desc, '&nbsp;');" >Artikel Nr. 2</span> <br />
    15. <span onmouseover="replaceText(desc, 'Artikel Nr.3 ist toll');" onmouseout="replaceText(desc, '&nbsp;');" >Artikel Nr. 3</span> <br />
    16. <br />
    17. <div id="desc">&nbsp;</div>
    18. </body>
    19. </html>
    Alles anzeigen
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.
  • MeX schrieb:

    husch husch ins richtige forum! :D

    ok, nach dem klar war das ich JavaScript brauche... ist das dann richtig :)

    @Broken Sword
    he das funktioniert ja super...
    mensch das ja klasse echt, jetzt muss ich das ganze nur noch optisch etwas herrichten und ein bisschen was ändern und dann ist das perfekt :)

    :bing: DANKE, hast mir echt geholfen. :bing:

    --> kann geclosed werden
    meine fragen würden beantwortet..
    mir würde geholfen und problem ist erledigt.
    [SIZE=3]Wenn man keine Ahnung hat,[/SIZE] [SIZE=4]einfach mal Fresse halten![/SIZE]