Simpler JavaScript Code wird von Chrome nicht ausgeführt

fm94

Mitglied

Dabei seit: 18.08.2008

Beiträge: 33

Sonntag, 27. Februar 2011, 13:09

Hi,
ich habe ein Problem. Ich habe mir einen simplen JavaScript Code geschrieben, der bewirkt, dass bei Klick auf ein Bild ein anderes Bild auf der Seite geändert wird.
In IE9 und Firefox 3.6 funktioniert alles einwandfrei, nur Chrome weigert sich, den Code auszuführen, es passiert einfach nichts.

Javascript-Quelltext

<script language="JavaScript" type="text/JavaScript">
var num = 1;
function swfpicl(pic){
  path_array = new Array();
  path_array[1] = "images/front01.jpg";
  path_array[2] = "images/orangeline.jpg";
  path_array[3] = "images/al.png";
  
	if(num == 1)
	{
	num = (path_array.length)-1;
	}
	else 
	{
	num = num -1;
	}
	pic.src = path_array[num];
}
</script>

	HTML
1	<img src="images/front01.jpg" id="bild">

	HTML
1	<img src="images/al.png" onclick="swfpicl(bild)">

Könnt ihr mir sagen, was falsch ist? Müsste schnell gehen, die Page muss heute Nacht online gehen.
Danke

Mein System:
AMD Phenom II X4 955 @4* 3,2Ghz
Gigabyte MA770T
MSI HD4890 1024MB
2* 2048MB DDR3 Corsair RAM
Windows 7 Home Premium / Ubuntu 10.04

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

Sonntag, 27. Februar 2011, 13:15

so vielleicht?

Javascript-Quelltext

<script language="JavaScript" type="text/JavaScript">
var num = 0;

function swfpicl(pic){
    var elem = document.getElementById(pic);
    var path_array = new Array();
  path_array[0] = "images/front01.jpg";
  path_array[1] = "images/orangeline.jpg";
  path_array[2] = "images/al.png";
	if(num == 0)
	{
	num = path_array.length;
	}
	else 
	{
	num -=1;
	}
	elem.src = path_array[num];
}
</script>

Mein kleines Projekt
-Cruel Online-

fm94

Mitglied

Dabei seit: 18.08.2008

Beiträge: 33

Sonntag, 27. Februar 2011, 13:23

Danke für die schnelle Antwort.
Leider funktioniert dein Code nicht, jetzt tut sich in keinem Browser mehr etwas.
Übrigens, dass ich mit num bei 1 angefangen hab und die Arraylänge minus 1 gerechnet hab, hatte schon seine Richtigkeit. Trotzdem danke.
Hat noch jemand eine Idee? Ich schätze mal, mein Code ist funktionell schon korrekt nur befolgt womöglich irgendwelche Richtlinien nicht, die Chrome gerne hätte?

Mein System:
AMD Phenom II X4 955 @4* 3,2Ghz
Gigabyte MA770T
MSI HD4890 1024MB
2* 2048MB DDR3 Corsair RAM
Windows 7 Home Premium / Ubuntu 10.04

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

Sonntag, 27. Februar 2011, 13:28

naja eigentlich ist es nicht valide wenn du einfach variablenname = new Array schreibst. du musst ja eine variable deklarieren

var foo;

und dann ihr ein wert zuweisen bzw neue Instanz anlegen:

var foo = new Array();

und dann das mit pic.src , du übergibst da legelich einen namen, aber eigentlich müsstest du ja das Objekt von dem namen holen und dann auf die Eigenschaften des Objektes zugreifen

Mein kleines Projekt
-Cruel Online-

thunder

Routinier

Dabei seit: 22.10.2002

Beiträge: 332

Sonntag, 27. Februar 2011, 13:40

zu cccpmik, ein Array ist ein Array und der wird so definiert.... ein Array ist keine Variable...

ich vermute der Fehler liegt im Aufruf, da wird eine Variable angeben aber du brauchst ein string für die id....

Lösung: Anführungszeichen
<img src="images/al.png" onclick="swfpicl('bild')">

MfG

WoW Gilde Meine Baustelle
Meine Programme: Gimp, Blender; Proton; Debian (Server);

fm94

Mitglied

Dabei seit: 18.08.2008

Beiträge: 33

Sonntag, 27. Februar 2011, 13:46

@thunder: hab ich so probiert, aber auch hier passiert danach in keinem der browser mehr etwas...

Mein System:
AMD Phenom II X4 955 @4* 3,2Ghz
Gigabyte MA770T
MSI HD4890 1024MB
2* 2048MB DDR3 Corsair RAM
Windows 7 Home Premium / Ubuntu 10.04

fm94

Mitglied

Dabei seit: 18.08.2008

Beiträge: 33

Sonntag, 27. Februar 2011, 14:08

Okay ich hab die Lösung.
Eine Mischung aus beider eurer Antworten und einem Artikel auf selfhtml.
Hier nochmal der Code:

Javascript-Quelltext

<script language="JavaScript" type="text/JavaScript">
var num = 1;
  var path_array = new Array();
  path_array[1] = new Image(); path_array[1].src = "images/front01.jpg";
  path_array[2] = new Image(); path_array[2].src = "images/orangeline.jpg";
  path_array[3] = new Image(); path_array[3].src = "images/al.png";
  
function swfpicl(pic){  
	if(num == 1)
	{
	num = (path_array.length)-1;
	}
	else 
	{
	num = num -1;
	}
	document.images[pic].src = path_array[num].src;
}

function swfpicr(pic){ 
	if(num == path_array.length-1)
	{
	num = 1;
	}
	else 
	{
	num++;
	}
	document.images[pic].src = path_array[num].src;
}
</script>

	HTML
1	<img src="images/al.png" onclick="swfpicl('bild')" onmouseover="this.style.cursor = 'pointer'">

Mein System:
AMD Phenom II X4 955 @4* 3,2Ghz
Gigabyte MA770T
MSI HD4890 1024MB
2* 2048MB DDR3 Corsair RAM
Windows 7 Home Premium / Ubuntu 10.04

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »fm94« (27. Februar 2011, 14:08)

wischi

Routinier

Dabei seit: 23.01.2009

Beiträge: 493

Montag, 28. Februar 2011, 00:21

Probleme in chrome zu finden ist so ziemlich das einfachste. Chrome hat ein built-in Entwicklertool. Ich hab den code genommen die seite aufgerufen. Strg+Umschalt+I dann auf scripts. man klickt auf das bild und sieht folgenden fehler:

Uncaught TypeError: Cannot set property 'src' of undefined
swfpicl
(anonymous function)
onclick

in folgender zeile:

	Javascript-Quelltext
1	pic.src = path_array[num];

dann liegt das problem eh schon auf der hand.

lg wischi

wischipedia - http://wischenbart.org/wwa (einfach mal vorbeischaun)