• 0

Javascript Error: SwapImage


Question

Greetings Guys,

I am having a little bit of a problem in a template file on our Classified Ads Website. I decided to implement the AddThis button code to every Classified Ad details page of my website. However, once I added the code to the respective template file (details.html), the image slider on the right hand side of the page doesn't seem to work. This is the error generated:

Error: missing ) after argument list

Source File: http://www.woopads.com/3-pop-nburst/details.html

Line: 1, Column: 26

Source Code:

SwapImagesThick("<a href="http://www.woopads.com/images/listings/popnburst-1288760118-d_pic.jpg" class="thickbox" rel="image_gallery"><img src="http://www.woopads.com/images/listings/bigThmb/popnburst-1288760118-d_pic.jpg" class="pic" onmouseover=this.cla

Here's the webpage:

http://www.woopads.com/3-pop-nburst/details.html

Any ideas or thoughts on how to resolve this problem!

Thank you!

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

What do you get if you format it like this:

SwapImagesThick("&lt;a href='http://www.woopads.com/images/listings/popnburst-1288760099-d_pic.jpg' class='thickbox' rel='image_gallery'&gt;&lt;img src='http://www.woopads.com/images/listings/bigThmb/popnburst-1288760099-d_pic.jpg' class='pic' onmouseover=this.className='pic_over'; onmouseout=this.className='pic'; alt='' /&gt;&lt;/a&gt;")

Link to comment
Share on other sites

  • 0

What do you get if you format it like this:

SwapImagesThick("&lt;a href='http://www.woopads.com/images/listings/popnburst-1288760099-d_pic.jpg' class='thickbox' rel='image_gallery'&gt;&lt;img src='http://www.woopads.com/images/listings/bigThmb/popnburst-1288760099-d_pic.jpg' class='pic' onmouseover=this.className='pic_over'; onmouseout=this.className='pic'; alt='' /&gt;&lt;/a&gt;")

Here's a snippet of the code found on details.html

&lt;td valign="middle" align="center" width="25%"&gt;
		&lt;a href="{$live_site}/images/listings/{$v.picture}" class="thickbox" rel="image_gallery"&gt;&lt;/a&gt;
		&lt;img src="{$live_site}/images/listings/thmb/{$v.picture}" 
		onclick='SwapImagesThick("&lt;a href="{$live_site}/images/listings/{$v.picture}" class="thickbox" rel="image_gallery"&gt;&lt;img src="{$live_site}/images/listings/bigThmb/{$v.picture}" class="pic" onmouseover=this.className="pic_over"; onmouseout=this.className="pic"; alt="" /&gt;&lt;/a&gt;")' 
		class="pic" onmouseover="this.className='pic_over';" onmouseout="this.className='pic'" alt="{$listing.title|strip_tags:false}" /&gt;
	&lt;/td&gt;

Link to comment
Share on other sites

  • 0

To me it looks like its taking everything between the quotes (") so, it thinks it should be passing

"&lt;a href="

so its expecting

SwapImagesThick("&lt;a href=")

try changing the all the quotes from " to "

So

onclick='SwapImagesThick("&lt;a href="{$live_site}/images/listings/{$v.picture}" class="thickbox" rel="image_gallery"&gt;&lt;img src="{$live_site}/images/listings/bigThmb/{$v.picture}" class="pic" onmouseover=this.className="pic_over"; onmouseout=this.className="pic"; alt="" /&gt;&lt;/a&gt;")' 

is

onclick='SwapImagesThick("&lt;a href="{$live_site}/images/listings/{$v.picture}" class="thickbox" rel="image_gallery"&gt;&lt;img src="{$live_site}/images/listings/bigThmb/{$v.picture}" class="pic" onmouseover=this.className="pic_over"; onmouseout=this.className="pic"; alt="" /&gt;&lt;/a&gt;")' 

Link to comment
Share on other sites

  • 0

To me it looks like its taking everything between the quotes (") so, it thinks it should be passing

"&lt;a href="

so its expecting

SwapImagesThick("&lt;a href=")

try changing the all the quotes from " to "

So

onclick='SwapImagesThick("&lt;a href="{$live_site}/images/listings/{$v.picture}" class="thickbox" rel="image_gallery"&gt;&lt;img src="{$live_site}/images/listings/bigThmb/{$v.picture}" class="pic" onmouseover=this.className="pic_over"; onmouseout=this.className="pic"; alt="" /&gt;&lt;/a&gt;")' 

is

onclick='SwapImagesThick("&lt;a href="{$live_site}/images/listings/{$v.picture}" class="thickbox" rel="image_gallery"&gt;&lt;img src="{$live_site}/images/listings/bigThmb/{$v.picture}" class="pic" onmouseover=this.className="pic_over"; onmouseout=this.className="pic"; alt="" /&gt;&lt;/a&gt;")' 

I am sorry but that didn't work :(

Link to comment
Share on other sites

  • 0

How about

onclick='SwapImagesThick("&lt;a href=\"{$live_site}/images/listings/{$v.picture}\" class=\"thickbox\" rel=\"image_gallery\"&gt;&lt;img src=\"{$live_site}/images/listings/bigThmb/{$v.picture}\" class=\"pic\" onmouseover=this.className=\"pic_over\"; onmouseout=this.className=\"pic\"; alt=\"\" /&gt;&lt;/a&gt;")' 

escaping the quotes with '\'

Link to comment
Share on other sites

  • 0

How about

onclick='SwapImagesThick("&lt;a href=\"{$live_site}/images/listings/{$v.picture}\" class=\"thickbox\" rel=\"image_gallery\"&gt;&lt;img src=\"{$live_site}/images/listings/bigThmb/{$v.picture}\" class=\"pic\" onmouseover=this.className=\"pic_over\"; onmouseout=this.className=\"pic\"; alt=\"\" /&gt;&lt;/a&gt;")' 

escaping the quotes with '\'

The error still appears.

Link to comment
Share on other sites

  • 0

I've tested the following, and it works on Firefox and Chrome for me

	&lt;td valign="middle" align="center" width="25%"&gt;
		&lt;a href="http://www.woopads.com/images/listings/popnburst-1288760099-d_pic.jpg" class="thickbox" rel="image_gallery"&gt;&lt;/a&gt;
		&lt;img src="https://www.woopads.com/images/listings/thmb/popnburst-1288760099-d_pic.jpg" 
		onclick='SwapImagesThick("&lt;a href=\"http://www.woopads.com/images/listings/popnburst-1288760099-d_pic.jpg\" class=\"thickbox\" rel=\"image_gallery\"&gt;&lt;img src=\"http://www.woopads.com/images/listings/bigThmb/popnburst-1288760099-d_pic.jpg\" class=\"pic\" onmouseover=this.className=\"pic_over\"; onmouseout=this.className=\"pic\"; alt=\"\" /&gt;&lt;/a&gt;")' 
		class="pic" onmouseover="this.className='pic_over';" onmouseout="this.className='pic'" alt="Pop N'Burst" /&gt;
	&lt;/td&gt;





	&lt;td valign="middle" align="center" width="25%"&gt;
		&lt;a href="http://www.woopads.com/images/listings/popnburst-1288760118-d_pic.jpg" class="thickbox" rel="image_gallery"&gt;&lt;/a&gt;
		&lt;img src="https://www.woopads.com/images/listings/thmb/popnburst-1288760118-d_pic.jpg" 
		onclick='SwapImagesThick("&lt;a href=\"http://www.woopads.com/images/listings/popnburst-1288760118-d_pic.jpg\" class=\"thickbox\" rel=\"image_gallery\"&gt;&lt;img src=\"http://www.woopads.com/images/listings/bigThmb/popnburst-1288760118-d_pic.jpg\" class=\"pic\" onmouseover=this.className=\"pic_over\"; onmouseout=this.className=\"pic\"; alt=\"\" /&gt;&lt;/a&gt;")' 
		class="pic" onmouseover="this.className='pic_over';" onmouseout="this.className='pic'" alt="Pop N'Burst" /&gt;

	&lt;/td&gt;





	&lt;td valign="middle" align="center" width="25%"&gt;
		&lt;a href="http://www.woopads.com/images/listings/popnburst-1288760130-d_pic.jpg" class="thickbox" rel="image_gallery"&gt;&lt;/a&gt;
		&lt;img src="https://www.woopads.com/images/listings/thmb/popnburst-1288760130-d_pic.jpg" 
		onclick='SwapImagesThick("&lt;a href=\"http://www.woopads.com/images/listings/popnburst-1288760130-d_pic.jpg\" class=\"thickbox\" rel=\"image_gallery\"&gt;&lt;img src=\"http://www.woopads.com/images/listings/bigThmb/popnburst-1288760130-d_pic.jpg\" class=\"pic\" onmouseover=this.className=\"pic_over\"; onmouseout=this.className=\"pic\"; alt=\"\" /&gt;&lt;/a&gt;")' 
		class="pic" onmouseover="this.className='pic_over';" onmouseout="this.className='pic'" alt="Pop N'Burst" /&gt;
	&lt;/td&gt;





	&lt;td valign="middle" align="center" width="25%"&gt;
		&lt;a href="http://www.woopads.com/images/listings/popnburst-1288760150-d_pic.jpg" class="thickbox" rel="image_gallery"&gt;&lt;/a&gt;
		&lt;img src="https://www.woopads.com/images/listings/thmb/popnburst-1288760150-d_pic.jpg" 
		onclick='SwapImagesThick("&lt;a href=\"http://www.woopads.com/images/listings/popnburst-1288760150-d_pic.jpg\" class=\"thickbox\" rel=\"image_gallery\"&gt;&lt;img src=\"http://www.woopads.com/images/listings/bigThmb/popnburst-1288760150-d_pic.jpg\" class=\"pic\" onmouseover=this.className=\"pic_over\"; onmouseout=this.className=\"pic\"; alt=\"\" /&gt;&lt;/a&gt;")' 
		class="pic" onmouseover="this.className='pic_over';" onmouseout="this.className='pic'" alt="Pop N'Burst" /&gt;

	&lt;/td&gt;

Link to comment
Share on other sites

  • 0

I've tested the following, and it works on Firefox and Chrome for me

	&lt;td valign="middle" align="center" width="25%"&gt;
		&lt;a href="http://www.woopads.com/images/listings/popnburst-1288760099-d_pic.jpg" class="thickbox" rel="image_gallery"&gt;&lt;/a&gt;
		&lt;img src="https://www.woopads.com/images/listings/thmb/popnburst-1288760099-d_pic.jpg" 
		onclick='SwapImagesThick("&lt;a href=\"http://www.woopads.com/images/listings/popnburst-1288760099-d_pic.jpg\" class=\"thickbox\" rel=\"image_gallery\"&gt;&lt;img src=\"http://www.woopads.com/images/listings/bigThmb/popnburst-1288760099-d_pic.jpg\" class=\"pic\" onmouseover=this.className=\"pic_over\"; onmouseout=this.className=\"pic\"; alt=\"\" /&gt;&lt;/a&gt;")' 
		class="pic" onmouseover="this.className='pic_over';" onmouseout="this.className='pic'" alt="Pop N'Burst" /&gt;
	&lt;/td&gt;





	&lt;td valign="middle" align="center" width="25%"&gt;
		&lt;a href="http://www.woopads.com/images/listings/popnburst-1288760118-d_pic.jpg" class="thickbox" rel="image_gallery"&gt;&lt;/a&gt;
		&lt;img src="https://www.woopads.com/images/listings/thmb/popnburst-1288760118-d_pic.jpg" 
		onclick='SwapImagesThick("&lt;a href=\"http://www.woopads.com/images/listings/popnburst-1288760118-d_pic.jpg\" class=\"thickbox\" rel=\"image_gallery\"&gt;&lt;img src=\"http://www.woopads.com/images/listings/bigThmb/popnburst-1288760118-d_pic.jpg\" class=\"pic\" onmouseover=this.className=\"pic_over\"; onmouseout=this.className=\"pic\"; alt=\"\" /&gt;&lt;/a&gt;")' 
		class="pic" onmouseover="this.className='pic_over';" onmouseout="this.className='pic'" alt="Pop N'Burst" /&gt;

	&lt;/td&gt;





	&lt;td valign="middle" align="center" width="25%"&gt;
		&lt;a href="http://www.woopads.com/images/listings/popnburst-1288760130-d_pic.jpg" class="thickbox" rel="image_gallery"&gt;&lt;/a&gt;
		&lt;img src="https://www.woopads.com/images/listings/thmb/popnburst-1288760130-d_pic.jpg" 
		onclick='SwapImagesThick("&lt;a href=\"http://www.woopads.com/images/listings/popnburst-1288760130-d_pic.jpg\" class=\"thickbox\" rel=\"image_gallery\"&gt;&lt;img src=\"http://www.woopads.com/images/listings/bigThmb/popnburst-1288760130-d_pic.jpg\" class=\"pic\" onmouseover=this.className=\"pic_over\"; onmouseout=this.className=\"pic\"; alt=\"\" /&gt;&lt;/a&gt;")' 
		class="pic" onmouseover="this.className='pic_over';" onmouseout="this.className='pic'" alt="Pop N'Burst" /&gt;
	&lt;/td&gt;





	&lt;td valign="middle" align="center" width="25%"&gt;
		&lt;a href="http://www.woopads.com/images/listings/popnburst-1288760150-d_pic.jpg" class="thickbox" rel="image_gallery"&gt;&lt;/a&gt;
		&lt;img src="https://www.woopads.com/images/listings/thmb/popnburst-1288760150-d_pic.jpg" 
		onclick='SwapImagesThick("&lt;a href=\"http://www.woopads.com/images/listings/popnburst-1288760150-d_pic.jpg\" class=\"thickbox\" rel=\"image_gallery\"&gt;&lt;img src=\"http://www.woopads.com/images/listings/bigThmb/popnburst-1288760150-d_pic.jpg\" class=\"pic\" onmouseover=this.className=\"pic_over\"; onmouseout=this.className=\"pic\"; alt=\"\" /&gt;&lt;/a&gt;")' 
		class="pic" onmouseover="this.className='pic_over';" onmouseout="this.className='pic'" alt="Pop N'Burst" /&gt;

	&lt;/td&gt;

It's still not working :( Do you want me to attach the details.html template file?

Link to comment
Share on other sites

  • 0

Could try, but should work as above with \" for every quotes apart from the first and last quotes.

I saved the page as html, made the changes as above at it worked when loaded from my computer.

&lt;td valign="middle" align="center" width="25%"&gt;
                &lt;a href="{$live_site}/images/listings/{$v.picture}" class="thickbox" rel="image_gallery"&gt;&lt;/a&gt;
                &lt;img src="{$live_site}/images/listings/thmb/{$v.picture}" 
                onclick='SwapImagesThick("&lt;a href=\"{$live_site}/images/listings/{$v.picture}\" class=\"thickbox\" rel=\"image_gallery\"&gt;&lt;img src=\"{$live_site}/images/listings/bigThmb/{$v.picture}\" class=\"pic\" onmouseover=this.className=\"pic_over\"; onmouseout=this.className=\"pic\"; alt=\"\" /&gt;&lt;/a&gt;")' 
                class="pic" onmouseover="this.className='pic_over';" onmouseout="this.className='pic'" alt="{$listing.title|strip_tags:false}" /&gt;
        &lt;/td&gt;

Should be a total of 16 backslashes

Link to comment
Share on other sites

  • 0

Can you believe that the in-built Template Editor of the Script was the one causing problems. I edited the template file in Notepad and added the addthis button code and boom it was working. I guess I shouldn't edit through the Script's template editor anymore. Thanks a lot Sparky for helping me out! :)

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.