JavaScript - where do I put the scripts in Fusion?

NetObjects Fusion is a Site-Oriented, WYSIWYG Website development tool which takes an “object-oriented” view of website design.

In non-“buzzword bingo” terms, NetObjects Fusion is a program which allows you to create an entire site, starting with the overall structure of the site, then allows you to lay out the parts of your site (text, images, multimedia stuff) as individual elemtents or “objects” on your page. NOF generates the HTML code in such a way that your page is defined as having an exact size, and all the elements on the page are always in exactly the same location no matter how big the browser window is, or what resolution your viewer’s monitor is set to.

What all this means is that you can define a space on your page to be the “official” location of whatever you’re placing there, and that location never changes.  We can use this feature to give us control over the placement (and behavior) of JavaScripts, or objects which are modified by JavaScripts

There are three places you can insert JavaScript into a NetObjects Fusion site file

Layout HTML

The Layout HTML  feature in (called “Layout Script in  NOF 2.0) allows you to place JavaScript (or HTML, or any other kind of script, but we’re conentrating on JavaScript at this site) into the first part of the HTML document which NetObjects Fusion will create for your page.
layouthtml

You should also note that you can apply “Layout HTML” to specific Layout Areas you define on your page *other* than the overall “Page Layout”.

The Layout HTML window can be reached by Right-Clicking (Control-Clicking if you´re on a Macintosh) and selecting “Layout HTML” from the pop-up window that appears.

Click on the menu at right to get to the “Layout Script” window

Object HTML

Object HTML (known as Element Scripting in Fusion 2.0) allows you to place JavaScript in a specific area on your page by associating it with an element in your page layout.

Any object (text, picture, form element, button, multimedia element, etc) can have scripting associated with it. 

There are two ways to access the ”Object HTML” window:

  1. Select the item you wish to associate the scripting to, then click on the “HTML” button that appears in the properties window
  2. Or, Right-Click (Control-Click if you’re on a Mac) on the object and select ”Object HTML”  from the pop-up window.

Click on the appropriate menu item or button in the samples below to see the “Object HTML” window.
pictureprop
objecthtml

Link HTML

In NetObjects Fusion 3.x and above, there is a button in the “Link” dialog box - the “HTML” button.  Clicking on this button will bring up an “Object HTML” dialog box (see “Object HTML” for a sample window), with the scripting being added either before, after or inside the HTML Link Code.

linkhtml

Go Back to Previous Page

Have a question that you can´t find the answer to? Want to report a possible bug?

Send a help request to NetObjects Technical Support