nicht angemeldet
hallo liebe forumer,
leider hab ich ein problem mit javascript(sonst wäre ich auch nicht hier!).
ich versuche mit hilfe von einem mehrdimensionalen array werte zu übergeben und diese dann auslesen zu lassen. hier mein problem:
ich habe 9 kleine bilder die jeweils 4 bestimmte werte besitzen. durch anklicken eines kleinen bildes soll es durch ein grosses bild in einer bestimmten tabellenzelle ausgetauscht werden. die werte sollen dann in mehreren textfeldern ausgelesen werden. wie kann ich jetzt das bild austauschen und gleichzeitig die werte übergeben.
leider habe ich eine lösung bisher nicht im forum und in selfhtml gefunden. für einen lösungsansatz oder einen denkanstoss wäre ich euch echt dankbar.
mit freundlichen grüssen
ralph
hier noch mein quelltext.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Mode Spezial</title>
<script language="javascript">
gelb_o = new Image();
gelb_o.src = "bilder_modepuppe/gelb_o.gif";
rot_o = new Image();
rot_o.src = "bilder_modepuppe/rot_o.gif";
gruen_o = new Image();
gruen_o.src = "bilder_modepuppe/gruen_o.gif";
gelb_m = new Image();
gelb_m.src = "bilder_modepuppe/gelb_m.gif";
rot_m = new Image();
rot_m.src = "bilder_modepuppe/rot_m.gif";
gruen_m = new Image();
gruen_m.src = "bilder_modepuppe/gruen_m.gif";
gelb_u = new Image();
gelb_u.src = "bilder_modepuppe/gelb_u.gif";
rot_u = new Image();
rot_u.src = "bilder_modepuppe/rot_u.gif";
gruen_u = new Image();
gruen_u.src = "bilder_modepuppe/gruen_u.gif";
var info = new Array(9);
info[0] = new bild('gelb_o.gif',10,0,"Gap");
info[1] = new bild('rot_o.gif',50,1,"Boss");
info[2] = new bild('gruen_o.gif',100,2,"levis");
info[3] = new bild('gelb_m.gif',10,0,"H&M");
info[4] = new bild('rot_m.gif',50,1,"Sissley");
info[5] = new bild('gruen_m.gif',100,2,"Benetton");
info[6] = new bild('gelb_u.gif',10,0,"Esprit");
info[7] = new bild('rot_u.gif',50,1,"Nike");
info[8] = new bild('gruen_u.gif',100,2,"Gap");
function bild(bilder,preis,art,hersteller)
{
this.bilder = bilder;
this.preis = preis;
this.art = art;
this.hersteller = hersteller;
alert("Bildname: "+this.bilder +", Preis: "+this.preis+", Art: "+this.art+", Hersteller:"+this.hersteller);
}
function bildwechsel(dieses,jenes)
{
eval('window.document.images.' + dieses + '.src = ' + jenes + '.src');
}
</script>
</head>
<body onload="bild(bilder,preis,art,hersteller)">
<table border="0" width="350" height="250">
<tr>
<td><a href="#.htm" onclick="bildwechsel('oberteil','gelb_o')"><img src="bilder_modepuppe/eins_o.gif" border="0"></a></td>
<td><a href="#.htm" onclick="bildwechsel('oberteil','rot_o')"><img src="bilder_modepuppe/zwei_o.gif" border="0"></a></td>
<td><a href="#.htm" onclick="bildwechsel('oberteil','gruen_o')"><img src="bilder_modepuppe/drei_o.gif" border="0"></a></td>
<td><img src="bilder_modepuppe/gelb_o.gif" name="oberteil"></td>
</tr>
<tr>
<td><a href="#.htm" onclick="bildwechsel('mittelteil','gelb_m')"><img src="bilder_modepuppe/eins_m.gif" border="0"></a></td>
<td><a href="#.htm" onclick="bildwechsel('mittelteil','rot_m')"><img src="bilder_modepuppe/zwei_m.gif" border="0"></a></td>
<td><a href="#.htm" onclick="bildwechsel('mittelteil','gruen_m')"><img src="bilder_modepuppe/drei_m.gif" border="0"></a></td>
<td><img src="bilder_modepuppe/gruen_m.gif" name="mittelteil"></td>
</tr>
<tr>
<td><a href="#.htm" onclick="bildwechsel('unterteil','gelb_u')"><img src="bilder_modepuppe/eins_u.gif" border="0"></a></td>
<td><a href="#.htm" onclick="bildwechsel('unterteil','rot_u')"><img src="bilder_modepuppe/zwei_u.gif" border="0"></a></td>
<td><a href="#.htm" onclick="bildwechsel('unterteil','gruen_u')"><img src="bilder_modepuppe/drei_u.gif" border="0"></a></td>
<td><img src="bilder_modepuppe/rot_u.gif" name="unterteil"></td>
</tr>
</table>
<!--
<form name="auswertung" onsubmit="summe()">
<input type="submit" value="summe errechnen">
<input type="text" name="betrag" size="5" maxlength="5">
</form>-->
</body>
</html>