X-Cart forums - Problem adding javascript to category description

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Problem adding javascript to category description (https://forum.x-cart.com/showthread.php?t=55211)

Problem adding javascript to category description

I want to add a link to a category description that will open a new window with a specific size and at the top right of the users screen. Here is the script:

Code:

<script type="text/javascript">

<!--

function popup(url) 

{

    params  =  'top=0, left=0';

    params +=  ', resizable=yes';

    params +=  ', width=620'; 

    params +=  ', height=600'; 

    params +=  ', scrollbars=1';

    params +=  ', toolbar=yes, menubar=yes';

    

    newwin=window.open(url,'windowname4', params);

    if (window.focus) {newwin.focus()}

    return false;

}

// -->

</script>

But when I add this code to the description field for "Modify Category" and save, the entire content of the description field is deleted.:(

Here is the code that applies the javascript to the link:

Code:

<a href="javascript: void(0)" onclick="popup('URL')">Click here</a>

Before adding the javascript code above, I was able to add this link to the category without losing the description. But of course, without the javascript code, the link did not function.

How can I add this javascript to a category?

Re: Problem adding javascript to category description

The easiest thing to do is to add it to skin1/common.js - then it will be available to any page that calls common.js - which I think may be every page on 4.1.x (if you do this, remove the <script> and </script>)

If you only want to call it on the category pages - you can add it to skin/1/customer/home.tpl with an if/than statement to only use it when you want it. If you add it to a template, be sure to surround it with {literal} and {/literal} tags.

Re: Problem adding javascript to category description

Adding the javascript to common.js worked perfectly:D

Thanks for the help.

Re: Problem adding javascript to category description

Quote:

Originally Posted by RStoelting

Adding the javascript to common.js worked perfectly:D

Thanks for the help.

I have the same issue and wan to apply this fix. What exactly am I adding to common.js? The whole code that I'm trying to use on the page?

Re: Problem adding javascript to category description

This is my code for having an image with a mouseover area (map). Which part do I add to common.js?

Quote:

Re: Problem adding javascript to category description

ah! think i got it. thanks guys!

Re: Problem adding javascript to category description

Ok so this isn't working on this part. I put the following into skin1/common.js

Quote:

/*
This JavaScript does the work when mouse-sensitive areas are triggered.
*/
function HideDIV(d) {
document.getElementById(d).style.display = "none"; }
function DisplayDIV(d) {
document.getElementById(d).style.display = "block"; }

and here's how I call it on the page

Quote:

<span class="heroes" onmouseover="HideDIV('desc2');DisplayDIV('desc1')" )" >
brand bio
</span>

Re: Problem adding javascript to category description

When the page is loaded in the browser, is everything intact? What I mean, is all the code reaching the browser? Can you inspect element and see all your code?

Re: Problem adding javascript to category description

Yes all the code is intact on the live end. The action works when the script is on the page (offsite) but when it's only in common.js, it doesn't seem to do anything.
It worked with mouseover swap images but it's not working with swap divs.

Re: Problem adding javascript to category description

Oh this is embarrassing - I was uploading the unchanged version of common.js. Works now!