Autor Thema: Mouseover Buttons im Web  (Gelesen 1175 mal)

Offline RvM

  • Senior Mitglied
  • ****
  • Beiträge: 375
  • Geschlecht: Männlich
  • Domino: Geht nicht - gibt's nicht
    • PhotosForFree
Mouseover Buttons im Web
« am: 18.12.02 - 16:42:02 »
Ich habe im Web eine Grafik als Button (Hotspot), die per Formel u.a. einen @PostedCommand ausführt.
Wie kann ich nochmals den Button so gestalten, das ein mousover-effekt entsteht?
« Letzte Änderung: 18.12.02 - 16:44:19 von RvM »
-------
Gruß Rolf
--------------

Offline ata

  • Moderator
  • Gold Platin u.s.w. member:)
  • *****
  • Beiträge: 5.092
  • Geschlecht: Männlich
  • drenaiondrufflos
    • Anton Tauscher Privat
Re:Mouseover Buttons im Web
« Antwort #1 am: 18.12.02 - 17:32:19 »
... damit ein Button über OnMouseOver reagiert, muß der Button eine Grafik sein. Beim OnMouseOver über der Grafik wird die Grafik dann durch eine andere ersetzt, beim OnMouseOut geht das Spiel wieder rückwärts....

... das habe ich irgendwann mal irgendwo gefunden...


... Grafiken initialisieren und die Funktion zum Tauschen der Grafiken
<SCRIPT LANGUAGE="JavaScript">
<!--Hide script from older browsers
   // First check to see if the browser supports images.
   // This code will be executed when the page loads
   if (document.images)     {
        // Yes. Images supported. Load the images
        var home_in = new Image()
        home_in.src = "HomeIn.gif"
        var home_out = new Image()
        home_out.src = "HomeOut.gif"

        var about_in = new Image()
        about_in.src = "AboutIn.gif"
        var about_out = new Image()
        about_out.src = "AboutOut.gif"
   }
  // Invoked when the mouse moves out of given image.
  function out(imgName)
    {   if (document.images)
        eval('document.'+imgName+'.src ='+imgName+'_out.src')
        // example: document.home.src = home_out.src
     }

  // Invoked when the mouse moves over of given image.
  function over(imgName)
    {   if (document.images)
        eval('document.'+imgName+'.src ='+imgName+'_in.src')
        // example: document.home.src = home_in.src
     }
// End hiding script -->
</SCRIPT>


... der Code für den Grafik-Link...

<A HREF="home.htm" onMouseOver="over('home')" onMouseOut="out('home')">
<IMG NAME="home" HEIGHT=24 WIDTH=120 SRC="HomeOut.gif" BORDER=0">
</A>
<A HREF="about.htm" onMouseOver="over('about')" onMouseOut="out('about')">
<IMG NAME="about" HEIGHT=24 WIDTH=120 SRC="AboutOut.gif" BORDER=0">
</A>

ata
Grüßle Toni :)

Offline RvM

  • Senior Mitglied
  • ****
  • Beiträge: 375
  • Geschlecht: Männlich
  • Domino: Geht nicht - gibt's nicht
    • PhotosForFree
Re:Mouseover Buttons im Web
« Antwort #2 am: 18.12.02 - 18:34:40 »
Danke erst einmal.
Deine Lösung ist eine bekannte Javascript-Lösung.
Was ich aber meine ist eine reine Notes Lösung.
Es gibt da die Möglichkeit, die Grafik für den Hotspot so zu gestalten, das er beim mouseover automatiscch umschaltet - nur weiss ich dafür die Lösung nicht mehr.
-------
Gruß Rolf
--------------

Offline ata

  • Moderator
  • Gold Platin u.s.w. member:)
  • *****
  • Beiträge: 5.092
  • Geschlecht: Männlich
  • drenaiondrufflos
    • Anton Tauscher Privat
Re:Mouseover Buttons im Web
« Antwort #3 am: 18.12.02 - 18:37:58 »
... schau mal in den Eigenschaften eines grafischen HotSpots...

ata
Grüßle Toni :)

 

Impressum Atnotes.de  -  Powered by Syslords Solutions  -  Datenschutz