Firefox Probleme mit Bilderwechsel Javascript

[georg2204]

Hallo,

ich bitte um eure Hilfe bei einem Problem mit dem Bilderwechsel im Firefox. (IE funktioniert)

ein Script zeigt ein Handydisplay, in dem das jeweils angeklickte Bild erscheint.

Klickt man in einer Bildauswahl ein anderes an, so erscheint in dem Display das angeklickte - zumindest mit dem Internet Explorer, der Firefox macht keinerlei Reaktionen

Hier mal der Code: (das literal ist wegen dem smarty compiler)

QUOTE <script language="JavaScript" type="text/javascript">
<!--
{literal}function chlen(elem) {
if (elem.value.length > 500) {
elem.value = elem.value.substring(0, 500);
lz = 0;
} else {
lz = 500 - elem.value.length;
}
document.getElementById('lzc&#39.value = lz;
}
function chfs(form) {
if (form.elements['text'].value == '&#39 {
alert('Bitte geben Sie einen Text für Ihre MMS ein!'
form.elements['text'].focus();
return false;
}

return true;
}{/literal}
//-->
</script>
<script language="JavaScript" type="text/javascript">
<!--
{foreach from=$mmsbild item=item}
{literal}function Bildwechsel{/literal}{$item.i}{literal}(){ document.getElementById('bildname&#39.background="{/literal}{$item.ordner}/{$item.scr}{literal}"; document.getElementById('bild&#39.value ="{/literal}{$item.ordner}/{$item.scr}{literal}";}
{/literal}
{/foreach}
//-->
</script>

<form action="mms.php?bmsession={$sid}&action=send" method="post" onsubmit="{$os}return chfs(this);" name="cform">

<div align="center">{$warnung}</div>
<table class="box" cellspacing="1" cellpadding="" width="100%">
<tr>
<td class="box_head_left" colspan="3">
 MMS Verfassen
<a href="javascript:hilfe('composesms','{$sid}'"><img src="{$self}icons/hilfe.gif" border="0" alt="{$lang_hilfe}" /></a>  Kosten: {foreach from=$typen item=typ}{$typ.price} Credits{/foreach}</td>

</tr>
<tr>
<td valign="top" bgcolor="#FFFFFF">
<table border="0" cellspacing="0" cellpadding="0" height="301">
<tr>
<td width="240" colspan="3"><img src="mms/mdaoben.jpg" border="0" height="57" width="240"></td>
</tr><tr>
<td><img src="mms/mdalinks.jpg" height="128" width="56" border="0"></td><td background="{$alt}{if $alt==""}{$alt2}{/if}" id="bildname"><img src="mms/freemailpower.gif" border="0" height="128" width="128"><input id="bild" name="bild" type="hidden" value="{$alt}{if $alt==""}{$alt2}{/if}" /></td><td><img src="mms/mdarechts.jpg" border="0" height="128" width="56"></td>
</tr><tr>
<td width="240" colspan="3"><img src="mms/mdaunten.jpg" border="0" height="116" width="240"></td>
</tr></table>

</td><td valign="top" width="100%" bgcolor="#FFFFFF">

<table width="100%" cellspacing="1" cellpadding="0" class="folder">
<tr>
<td class="td1" width="150"> {$lang_credits}:</td>
<td class="td2"> {$free}
{if $aufladen}
[ <a href="prefs.php?bmsession={$sid}&action=sms">{$lang_aufladen}<a> ]
{/if}
</td>
</tr>
<tr>
<td class="td1" width="150"> <a href="javascript:selsmsaddr('{$sid}'"><img src="{$self}icons/book.gif" border="0" alt=""></a> {$lang_an}:</td>
<td class="td2">{if $notpre}<select style="width:30%;" name="pre" id="pre">
{foreach from=$vorwahlen item=item}
<option value="{$item}">{$item}</option>
{/foreach}
</select>{/if}<input type="text" style="width:{$tw}%;" name="an" id="an" value="{$vw}"></td>
</tr>
</table>

<textarea name="text" style="width:99%;height:100px;" onkeyup="chlen(this);" rows="" cols=""></textarea>

<table width="100%" cellspacing="1" cellpadding="0" class="folder">
<tr>
<td class="td1" width="150"> {$lang_uebrig}:</td>
<td class="td2"> <input type="text" name="lzc" id="lzc" value="500" size="5" readonly="readonly" /></td>
</tr>
<tr>
<td class="td1" width="150"> Anzeigedauer des Bildes:</td>
<td class="td2"> <input type="text" name="duration" id="duration" value="60" size="5"/> Sekunden</td>
</tr>
<tr>
<td class="td1"> </td>
<td class="td2"> <input type="submit" value="{$lang_submit}" /></td>
</tr>
</table><br></form>
<div align="center">Nur JPG kleiner als 15kb! Die Maße sollten etwa 128x128 betragen <br><form name="mf" action="mms.php?bmsession={$sid}" method="post" enctype="multipart/form-data">
<input type='submit' name='senden' value='Bild hochladen'>
Bild:<input type='file' name='file' value='durchsuchen'></form></div>
</td>

<td valign="top">
<div style="overflow:auto;width:150px;height:312px;">
<table cellpadding="0" cellspacing="0" width="128">
<tr>


{foreach from=$mmsbild item=item}
<tr>
<td background="{$item.ordner}/{$item.scr}"><img style="border: 1pt solid;border-color: #FECB72 #DF8F06 #DF8F06 #FECB72;" src="mms/freemailpower.gif" width="128" height="128" border="0" onclick="Bildwechsel{$item.i}()"></td>
</tr>
{/foreach}

</tr>


<tr height="28">
<td colspan="5"></td>
</tr>
</table>
</div>
</td>
</tr>
</table>



Danke fü eure Hilfe!

MfG Georg

 

[Bernd R. Rickert]

Hallo,

Versuch doch mal mit css und backgroundurl einen Hintergrund zu setzen.

 

[georg2204]

Das ist aber auch wieder problematisch... gibts net noch ne andere Möglichkeit, das in den Griff zu bekommen?

 

[Bernd R. Rickert]

Hallo,

Ja, gibt's man könnte statt der html Eigenschaft background, die javascript-Eigenschaft background.src setzen.

Gruss

Bernd R. Rickert

 

[Trekkie]

http://de.selfhtml.org/javascript/objekte/...e_eigenschaften