Das Notes Forum
Domino 9 und frühere Versionen => Entwicklung => Thema gestartet von: RvM 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?
-
... 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
-
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.
-
... schau mal in den Eigenschaften eines grafischen HotSpots...
ata