Tiny MCE problem with adding javascript in textarea field

[Kjolebutikken]

I have this javascript code in my products description field in admin, for each product:

 

<table border="0" cellspacing="0" cellpadding="2" align="right">
 <tr> 
<td align="center" class="smallText"><img src="images/Kjolebutikken 325.jpg" alt="Varenr.: 104" title="Varenr.: 104" name="currentImg" width="320" height="400" hspace="5" vspace="5" border="0" id="currentImg"><br>
  <table width="160px" border="0" cellspacing="0" cellpadding="0" class="mapTabs">
	<tr> 

	  <td align="center" nowrap class="mapTabsBR"><a href="images/Kjolebutikken 325.jpg" target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken 325.jpg',0)">1</a></td>

	  <td align="center" nowrap class="mapTabsBR"><a href="images/Kjolebutikken 309.jpg" target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken 309.jpg',0)">2</a></td>

<td align="center" nowrap class="mapTabsBR"><a href="images/Kjolebutikken 327.jpg " target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken 327.jpg ',0)">3</a></td>

	  <td align="center" nowrap class="mapTabsBR"><a href="images/Kjolebutikken 326.jpg " target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken 326.jpg ',0)">4</a></td>

	  <td align="center" nowrap><a href="images/Kjolebutikken 308.jpg" target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken 308.jpg',0)">5</a></td>
	</tr>
  </table>
  Pek for ? endre bilde.<br>
  Klikk for st?rre bilde. </td>
 </tr>
</table>

 

 

It has a mouseover effect to show more than one picture for each product. After installing tinymce editor, it no longer wirks as it is supposed to. It shows, but the pictrures does not change with the mouseover effect anymore. I have to click instead to make it work.

 

Any suggestions for me to solve this? I have this for each and every product, so it is very important for me that this works. Or that I can alternatively have a slideshow in there inestead, but it has to be for each unique product, so I guess that I somehow have to have the code in this products description field in admin or in an additional field in admin on the product add/edit page.

 

Please help! Need to make this work.

 

Thanks

Kjolebutikken

[djmonkey1]

Have you tried not having empty spaces in your filenames? For example use

Kjolebutikken_308

instead of

Kjolebutikken 308

 

Also, are you getting any JavaScript errors on the page? Firefox has a handy JavaScript console that makes debugging things like this much easier.

 

Finally, compare code that works to code that went through TinyMCE that doesn't work. See if there are any noticeable differences.

[Kjolebutikken]

Have you tried not having empty spaces in your filenames? For example use

Kjolebutikken_308

instead of

Kjolebutikken 308

 

Also, are you getting any JavaScript errors on the page? Firefox has a handy JavaScript console that makes debugging things like this much easier.

 

Finally, compare code that works to code that went through TinyMCE that doesn't work. See if there are any noticeable differences.

 

 

Hi,

 

1. No, no javascript errors on the product_info page.

 

2. Have changed the filenames on the images on both images and in the code, but no change.

 

3. I compared the two codes before and after going through tinymce. There is a difference. First, the tinyMCE "packs" the code together to one line. Also it changes the order of the elements in the code, so I guess the code gets "corrupted" in a way. Here is what it looks like before:

 

<table border="0" cellspacing="0" cellpadding="2" align="right">
 <tr> 
<td align="center" class="smallText"><img src="images/Kjolebutikken_325.jpg" alt="Varenr.: 104" title="Varenr.: 104" name="currentImg" width="320" height="400" hspace="5" vspace="5" border="0" id="currentImg"><br>
  <table width="160px" border="0" cellspacing="0" cellpadding="0" class="mapTabs">
	<tr> 

	  <td align="center" nowrap class="mapTabsBR"><a href="images/Kjolebutikken_325.jpg" target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken_325.jpg',0)">1</a></td>

	  <td align="center" nowrap class="mapTabsBR"><a href="images/Kjolebutikken_309.jpg" target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken_309.jpg',0)">2</a></td>

<td align="center" nowrap class="mapTabsBR"><a href="images/Kjolebutikken_327.jpg " target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken_327.jpg ',0)">3</a></td>

	  <td align="center" nowrap class="mapTabsBR"><a href="images/Kjolebutikken_326.jpg " target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken_326.jpg ',0)">4</a></td>

	  <td align="center" nowrap><a href="images/Kjolebutikken_308.jpg" target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken_308.jpg',0)">5</a></td>
	</tr>
  </table>
  Pek for ? endre bilde.<br>
  Klikk for st?rre bilde. </td>
 </tr>
</table>

 

 

and after:

 

<table border="0" cellspacing="0" cellpadding="2" align="right"><tbody><tr><td class="smallText" align="center"><img src="images/Kjolebutikken_325.jpg" border="0" alt="Varenr.: 104" title="Varenr.: 104" hspace="5" vspace="5" width="320" height="400" name="currentImg" /><br /><table border="0" cellspacing="0" cellpadding="0" width="160" class="mapTabs"><tbody><tr><td class="mapTabsBR" align="center"><a href="images/Kjolebutikken_325.jpg" target="_blank">1</a></td><td class="mapTabsBR" align="center"><a href="images/Kjolebutikken_309.jpg" target="_blank">2</a></td><td class="mapTabsBR" align="center"><a href="images/Kjolebutikken_327.jpg" target="_blank">3</a></td><td class="mapTabsBR" align="center"><a href="images/Kjolebutikken_326.jpg" target="_blank">4</a></td><td align="center"><a href="images/Kjolebutikken_308.jpg" target="_blank">5</a></td></tr></tbody></table>Pek for å endre bilde.<br />Klikk for større bilde. </td></tr></tbody></table>

 

 

Thanks:-)

[Kjolebutikken]

Hi,

 

1. No, no javascript errors on the product_info page.

 

2. Have changed the filenames on the images on both images and in the code, but no change.

 

3. I compared the two codes before and after going through tinymce. There is a difference. First, the tinyMCE "packs" the code together to one line. Also it changes the order of the elements in the code, so I guess the code gets "corrupted" in a way. Here is what it looks like before:

 

<table border="0" cellspacing="0" cellpadding="2" align="right">
 <tr> 
<td align="center" class="smallText"><img src="images/Kjolebutikken_325.jpg" alt="Varenr.: 104" title="Varenr.: 104" name="currentImg" width="320" height="400" hspace="5" vspace="5" border="0" id="currentImg"><br>
  <table width="160px" border="0" cellspacing="0" cellpadding="0" class="mapTabs">
	<tr> 

	  <td align="center" nowrap class="mapTabsBR"><a href="images/Kjolebutikken_325.jpg" target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken_325.jpg',0)">1</a></td>

	  <td align="center" nowrap class="mapTabsBR"><a href="images/Kjolebutikken_309.jpg" target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken_309.jpg',0)">2</a></td>

<td align="center" nowrap class="mapTabsBR"><a href="images/Kjolebutikken_327.jpg " target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken_327.jpg ',0)">3</a></td>

	  <td align="center" nowrap class="mapTabsBR"><a href="images/Kjolebutikken_326.jpg " target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken_326.jpg ',0)">4</a></td>

	  <td align="center" nowrap><a href="images/Kjolebutikken_308.jpg" target="_blank" class="mapTabsA" onMouseOver="MM_swapImage('currentImg','','images/Kjolebutikken_308.jpg',0)">5</a></td>
	</tr>
  </table>
  Pek for ? endre bilde.<br>
  Klikk for st?rre bilde. </td>
 </tr>
</table>

and after:

 

<table border="0" cellspacing="0" cellpadding="2" align="right"><tbody><tr><td class="smallText" align="center"><img src="images/Kjolebutikken_325.jpg" border="0" alt="Varenr.: 104" title="Varenr.: 104" hspace="5" vspace="5" width="320" height="400" name="currentImg" /><br /><table border="0" cellspacing="0" cellpadding="0" width="160" class="mapTabs"><tbody><tr><td class="mapTabsBR" align="center"><a href="images/Kjolebutikken_325.jpg" target="_blank">1</a></td><td class="mapTabsBR" align="center"><a href="images/Kjolebutikken_309.jpg" target="_blank">2</a></td><td class="mapTabsBR" align="center"><a href="images/Kjolebutikken_327.jpg" target="_blank">3</a></td><td class="mapTabsBR" align="center"><a href="images/Kjolebutikken_326.jpg" target="_blank">4</a></td><td align="center"><a href="images/Kjolebutikken_308.jpg" target="_blank">5</a></td></tr></tbody></table>Pek for å endre bilde.<br />Klikk for større bilde. </td></tr></tbody></table>

Thanks:-)

 

 

 

Still no solution for this. Can anyone help?

Thanks:-)