Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Tiny MCE problem with adding javascript in textarea field


Kjolebutikken

Recommended Posts

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

Best regards

Kjolebutikken

Link to comment
Share on other sites

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.

Do, or do not. There is no try.

 

Order Editor 5.0.6 "Ultra Violet" is now available!

For support or to post comments, suggestions, etc, please visit the Order Editor support thread.

Link to comment
Share on other sites

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:-)

Best regards

Kjolebutikken

Link to comment
Share on other sites

  • 2 weeks later...
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:-)

Best regards

Kjolebutikken

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...