Shopsystem ShopPilot

ShopPilot => Aktuelle FAQ - H?ufige Fragen => Thema gestartet von: hop am März 18, 2011, 10:42:19

Titel: Identifier rmit Mouseover Effekt versehen
Beitrag von: hop am März 18, 2011, 10:42:19

Frage: Der Identifier __zurueck__ wird bei mir mit einem kleinen Bild als Button dargestellt. Diseses Bild habe ich im Workcenter bei diesem Identifier eingestellt.
Wie kann ich einen Mouseover-Effekt erreichen - also beim Darüberfahren mit der Maus soll ein anderes Bild angezeigt werden.

Code: [Auswählen]

<span onmouseover="mymov(this)" onmouseout="mymout(this)">__zurueck__</span>
Man legt um den __zurueck__ Identifier ein span-Tag mit Funktionen für die Events mouseover und mouseout.

Code: [Auswählen]

<script>
function mymov (elem) {
  var x = elem.children[0].children[0];;
  x.src = "../images/other/arrowsel.gif";
}
function mymout (elem) {
  var x = elem.children[0].children[0];
  x.src = "../images/other/arrow.gif";
}
</script>

Dies sind die Funktionen. Es wird einfach ein Bild in dem innnen liegenden img-Tag getauscht.
Hier wird davon ausgegangen dass die Vorlage selbst in einem Unterverzeichnis liegt, z.B. in html_de.