Jump to content
xt:Commerce Community Forum

Problem mit Javascript


wasted

Recommended Posts

Hallo zusammen,

habe ein neues Problem mit xtcommerce und der Ausführung von JavaScript.

Zweck ist die Ansteuerung eines option-Feldes, bei Auswahl eines Wertes wird das entsprechende Bild eingeblendet. So far so good ...

Alleine funktioniert das Ding wunderbar,

sobald ich das Script allerdings im Smarty Template aufrufe passiert nichts.

JavaScript:

function rewrite() {
/*var selectedbutton = document.forms['user'].bsource
var selectedbuttonvalue = selectedbutton.options[selectedbutton.selectedIndex].value;


if ((selectedbuttonvalue.indexOf('.gif') != -1) || (selectedbuttonvalue.indexOf('.jpg') != -1)) {
document.images.vorschau.src = "" + selectedbuttonvalue;
document.images.vorschau.border=1;
document.images.vorschau.height=168;
document.images.vorschau.width=168;
document.images.spacer.width = 400;
document.images.prspacer.width = 40;

} else {
document.images.vorschau.border=0;
document.images.vorschau.height=20;
document.images.vorschau.width=20;
document.images.vorschau.src = "blind.gif";
document.images.spacer.width = 20;
document.images.prspacer.width = 20;
}*/

//alert (selectedbutton.options[selectedbutton.selectedIndex].value);


}[/PHP]

und das zugehörige HTML

[PHP]<html>
<head>

</head>

<body bgcolor="#FFFFFF">
<script type="text/javascript" src="../../../../js/bildauswahl.js"></script>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<form name="user">
<select name="bsource" onChange="rewrite()">

<option>Bild auswählen:</option>
<option value="../../../../images/product_images/info_images/4_1.jpg">Bild 1</option>
<option value="http://www.....de/xtcommerce/images/product_images/info_images/39_0.jpg">Bild 2</option>
<option value="http://www.....de/xtcommerce/images/product_images/info_images/39_3.jpg">Bild 3</option>
</select>
</form>
</td>

<td valign=top>

</td>
<td valign=top>
<font face="arial, helvetica" size=-1>
Bitte wählen Sie ein<br> Bild aus der Liste aus.

</td>

</tr>
</table>

<img src="images/product_images/original_images/4_0.jpg" name="spacer" height=1><BR>
<img src="images/product_images/original_images/4_0.jpg" name="prspacer" width=20 height=1><img src="images/product_images/original_images/4_0.jpg" name="vorschau">

</body>
</html>[/PHP]

Pfade etc stimmen und ein externes Aufrufen des Scripts sowie das Einbinden über die Header oder die general.js liefern auch kein zufriedenstellendes Ergebnis.

Seltsam ist, dass ein alert oder location.reload ausgeführt wird. Kommentiere ich die Variablen ein, wars das :confused:

Wäre super wenn jemand was findet

Link to comment
Share on other sites

So hat's funktioniert:

Habe den JavaScript Source auf ein Minimum reduziert, lasse mir den gewünschten Wert des Optionsfeldes auslesen und die Seite mit eben diesem Wert als URL-Parameter aufrufen.

Die Anzeige des entsprechenden Bildes wird per Parameter geregelt.

Seitenaufruf mit entsprechendem Parameter, Parameter in der Bild URL und Seite neu laden bringen den gewünschten Effekt.

Grüße

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
  • Create New...