specify javascript file for specific ez-page

[orchidlake]

I am using 1.3.8a. I have a number of ez-pages in use. I have one ez-page that is using a javascript file placed in "includes/modules/page/" and that is working just fine.

But the javascript code uses a document.getElementById and on the other ez-pages that do not require this javascript file, this code produces a javascript error (indicated by the yellow error triangle at the bottom left of Internet Explorer browser window).

It's more of an annoyance than anything since the error isn't interfering with any of the ez-page operations other than that little yellow error triangle that bugs me to no end.

What I did the try to fix this was I created another folder for the ez-page that uses the javascript file at "includes/modules/page_10/" and I moved the javascript file there.

My thought was that the section in the html_header.php file where it loads all page-specific jscript_*.js files from includes/modules/pages/PAGENAME would take over and realize that the javascript file was now located in a folder that corresponded to the ez-page id "page_10"... but it doesn't. Instead it breaks that page and the javascript does not function.

Am I not understanding the override system correctly? How would I load a javascript file for just one ez-page to avoid that nasty little triangle?

TIA!

[DrByte]

Can you add some conditional javascript to check for the existence of that ID , and only run the code related to it *if* that ID/element is found on the page?

There isn't support for per-ez-page-javascript control at this point.

[orchidlake]

i am not a coder by any means and the javascript is a freebie with no support.

you can see the script in action here - it is just a tab switcher script (remove spaces in url): http://www. orchidlakecandles .com/index.php?main_page=page&id=3

the element it is looking for is the tab ID.

i'll just have to get over it. lol

the error is not obvious in Chrome or Firefox and most customers probably don't even notice IE's warning triangle.

[DrByte]

Edit your jscript_tabs.js file, and replace this part:

menunr = menunr-1;for (i=1; i <= tabcount[menunr]; i++){document.getElementById(tablink_idname[menunr]+i).className='tab'+i;document.getElementById(tabcontent_idname[menunr]+i).style.display = 'none';}document.getElementById(tablink_idname[menunr]+active).className='tab'+active+' tabactive';document.getElementById(tabcontent_idname[menunr]+active).style.display = 'block';}var timer; counter=0;

with this (highlighted sections are the added code differences), which will skip the javascript sections that are throwing errors because of missing components:

menunr = menunr - 1;for (i = 1; i <= tabcount[menunr]; i++) { if (document.getElementById(tablink_idname[menunr] + i)) document.getElementById(tablink_idname[menunr] + i).className = 'tab' + i; if (document.getElementById(tabcontent_idname[menunr] + i)) document.getElementById(tabcontent_idname[menunr] + i).style.display = 'none';} if (document.getElementById(tablink_idname[menunr] + active)) document.getElementById(tablink_idname[menunr] + active).className = 'tab' + active + ' tabactive';if (document.getElementById(tabcontent_idname[menunr] + active)) document.getElementById(tabcontent_idname[menunr] + active).style.display = 'block';}var timer; counter = 0;

[orchidlake]

thank you very much for putting that out there for me to try.

i used your code

menunr = menunr-1;for (i=1; i <= tabcount[menunr]; i++){if (document.getElementById(tablink_idname[menunr]+i)) document.getElementById(tablink_idname[menunr]+i).className='tab'+i;if (document.getElementById(tabcontent_idname[menunr]+i)) document.getElementById(tabcontent_idname[menunr]+i).style.display='none';} if (document.getElementById(tablink_idname[menunr]+active)) document.getElementById(tablink_idname[menunr]+active).className='tab'+active+'tabactive';if (document.getElementById(tabcontent_idname[menunr]+active)) document.getElementById(tabcontent_idname[menunr]+active).style.display='block';}var timer; counter=0;}

and I still get this:

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; GTB6; .NET CLR 1.1.4322; .NET CLR 2.0.50727; InfoPath.2; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Timestamp: Wed, 27 Jan 2010 22:12:07 UTC


Message: 'document.getElementById(...)' is null or not an object
Line: 27
Char: 279
Code: 0
URI: http://www. orchidlakecandles .com/i...script_tabs.js

[DrByte]

You could try this variation:

menunr = menunr-1;for (i=1; i <= tabcount[menunr]; i++){if (document.getElementById(tablink_idname[menunr]+i) != null) document.getElementById(tablink_idname[menunr]+i).className='tab'+i;if (document.getElementById(tabcontent_idname[menunr]+i) != null) document.getElementById(tabcontent_idname[menunr]+i).style.display='none';} if (document.getElementById(tablink_idname[menunr]+active) != null) document.getElementById(tablink_idname[menunr]+active).className='tab'+active+'tabactive';if (document.getElementById(tabcontent_idname[menunr]+active) != null) document.getElementById(tabcontent_idname[menunr]+active).style.display='block';}var timer; counter=0;}