mouseover

[Spritmaster]

Hi,

irgendwie steig ich da nicht durch. Es soll ein anderes bild in einer tabelle an der stelle angezeigt werden wenn man mit der maus drübergeht, aber es will nicht. Was mach ich falsch ??

<table width="175" border="0">
  <tr>
    <td><div align="center"><a href="../2002/events_index_2002.htm"><img src="../2002/2002_black.gif" width="50" height="18" border="0" onMouseover="../2002/2002_red.gif"></a></div></td>
    <td><div align="center"><img src="2003_red.gif" width="50" height="18"></div></td>
  </tr>
  <tr>

ich bin unwürdig !!!...bitte hilft mir....
The Spritmaster

[Christoph Schnauß]

hallo,

warum liest du denn das aktuelle Forum nicht gründlich? Die Antwort auf deine Frage steht in einem Thread, der noch nicht einmal im Archiv verschwunden ist (da gibts dieselbe Antwort auch mehrere dutzendmal).

Lies dir einfach mal den Thread [pref:t=56382&m=315165] richtig durch, um zu verstehen, was ein EventHandler wie OnMouseOver für eine Behandlung erwartet. Auch SELFHTML ist dafür eine durchaus ernstzunehmende Informationsquelle.

The Spritmaster

doch etwas zuviel Sprit jetzt am Abend?

Grüße aus Berlin

Christoph S.

[Spritmaster]

Danke....das hat mir wirklich geholfen. Doch jetzt steh ich da wie die axt im walde, und weiss nicht warum. Die Bilder die sich verändern sollen wechseln zwischen 2 seiten im gleichen frame. wenn ich ausprobiere, klappt es, aber wenn ich einmal hin und herwechsel, dann klappt der effekt nur auf der 2003 seite. Was ist daran denn jetzt falsch ?

Code 2002:

<SCRIPT LANGUAGE="JavaScript">
<!--

bild01 = new Image();
bild01.src = "../2003/2003_black.gif";
bild02 = new Image();
bild02.src = "../2003/2003_red.gif";

function Off (num) {
  if (num=="2") document.images[2].src=bild01.src;
}
function On (num) {
  if (num=="2") document.images[2].src=bild02.src;
}

// -->
</SCRIPT>

<a href="../2003/events_index_2003.htm" onMouseOver="On(2);return true" OnMouseOut="Off(2);return true">
<img src="../2003/2003_black.gif" width="50" height="18" border="0">

Code 2003:

<SCRIPT LANGUAGE="JavaScript">
<!--

bild01 = new Image();
bild01.src = "../2002/2002_black.gif";
bild02 = new Image();
bild02.src = "../2002/2002_red.gif";

function Off (num) {
  if (num=="1") document.images[1].src=bild01.src;
}
function On (num) {
  if (num=="1") document.images[1].src=bild02.src;
}

// -->
</SCRIPT>

<a href="../2002/events_index_2002.htm" onMouseOver="On(1);return true" OnMouseOut="Off(1);return true">
<img src="../2002/2002_black.gif" width="50" height="18" border="0">

[Struppi]

<SCRIPT LANGUAGE="JavaScript">

Es heißt:

<script type="text/javascript">

<!--

bild01 = new Image();
bild01.src = "../2003/2003_black.gif";
bild02 = new Image();
bild02.src = "../2003/2003_red.gif";

Sinnvollerweise macht man sowas mit Arrays und evtl. einer kleinen Funktion zum erzeugen des bildes:

var bild = new Array();
fuction new_bild(src)
{
var i = bild.length;
bild[i] = new Image();
bild.[i].src = src;
}

new_bild("../2003/2003_black.gif");
new_bild("../2003/2003_red.gif");

function Off (num) {
  if (num=="2") document.images[2].src=bild01.src;
}

auf was prüfst du denn hier?
ist num ein Zahl und kein String

aber du solltest nicht einen Index verwenden, sondern den Bildern Namen geben. weil so ändert sich nämlich alles sobald irgendwo ein Bild eingefügt wird.

Es gibt aber mittlerweile Millionen mouseover skripte, die Funktionieren und besser als deins sind, vielleicht solltest du dir mal so eins runterladen.
Oder ein ganz vertracktes, wo du keinen JS Code in einbauen musst http://home.arcor.de/struebig/js/mouse_over/mouse_over.htm ;-)

Struppi.