Adding JavaScript JS files to Web Page View Pages

From SmartWiki
Jump to: navigation, search

To include JavaScript JS files in a Web Page View custom field you must utilize the following method. 

<script language="JavaScript">
function include_dom(script_filename) {
    var html_doc = document.getElementsByTagName('head').item(0);
    var js = document.createElement('script');
    js.setAttribute('language', 'javascript');
    js.setAttribute('type', 'text/javascript');
    js.setAttribute('src', script_filename);
    html_doc.appendChild(js);
    return false;
}
function includejsfiles() {
  include_dom("/validate.js");
  include_dom("/anotherfile.js");
}
</script>

You will also have to call the includejsfiles function in the body onload on the Web Page View: 

<body onload="includejsfiles();">


Explanation

JavaScript JS files can be added to Browser Script custom fields or on template pages, sign-up pages etc. using the following syntax: 

<SCRIPT type="text/javascript" language=JavaScript src="/validate.js"></SCRIPT>

Using this method on Web Page View custom fields will cause the page to crash in certain browsers, particularly Internet Explorer. Accordingly the includejsfiles method above must be used for Web Page Views.

Important

  • The includejsfiles method must be called onload. If you try to call it before the full page has loaded some Browsers will freeze.
Retrieved from ‘https://wiki.smartsimple.com/index.php?title=Adding_JavaScript_JS_files_to_Web_Page_View_Pages&oldid=11868’