Clanintern Clanintern Clanintern

Forum

Öffentliche Foren
ZURÜCK
FORUM: Spiele & Computer THEMA: [JS] SwapImage
AUTOR BEITRAG
kai@drunken-boyz.de

RANG Deckschrubber

#1 - 12.04 11:51

Hi Leute,
ich versuche mich gerade in JavaScript und wollte ein einfaches Skript schreiben, dass beim anklicken das Bild ändert. Leider bekomme ich immer wieder den Fehler, dass ein Objekt beim Aufruf der Funktion erwartet wird.


HTML-Code:
code:

<SCRIPT LANGUAGE=JavaScript>
function swapImage(elementId) {
if(document.getElementById(elementId).src == 'plus.gif')
document.getElementById(elementId).src == 'plus.gif';
else
document.getElementById(elementId).src == 'minus.gif';
 }
}
</SCRIPT>

<IMG id="img1" src="plus.gif" onClick="swapImage(this.id);">

Danke für eure Hilfe!
*al!ve* - Vorbereitung aufs Urlaubssemester

RANG Master of Clanintern

#2 - 12.04 12:27

Abgesehen davon dass du zwei schließende geschweifte Klammern hast aber nur eine öffnende folgende Anmerkungen:

document.getElementById(this.id) dürfte wohl das selbe wie this sein.

== ist ein Vergleichsoperator, die Zuweisung nur mit einem =-Zeichen.

Ich würde den Link ohnehin vollkommen aus der Funktion auslagern.


code:

<html>
<head>
<SCRIPT LANGUAGE=JavaScript>

var imagesToSwap = new Array();

imagesToSwap['img1'] = new Array(
  'http://asuka.clanintern.de/ci/extern/smile/smile.gif',
  'http://asuka.clanintern.de/ci/buttons/disabled.gif'
);

function swapImage(element) {
  img = imagesToSwap[element.id];
  if(element.src == img[0]) {
    element.src = img[1];
  }
  else {
    element.src = img[0];
  }
}



</SCRIPT>
</head>
<body>
<IMG id="img1" src="http://asuka.clanintern.de/ci/extern/smile/smile.gif" onClick="swapImage(this);">
</body>
</html>
ZURÜCK