Image  
    

Fly A Note.action

  

 

../imgaction/note.gifCurrent ver. 1.1.6

Last updated 3/19/05

  
    

../imgaction/flyanoteui.gifDescription

Fly A Note.action will create a HTML-page on the fly, by opening a new window created by a JavaScript, without having to create a new HTML page.
All you have to do is to fill in the Action UI (User Interface) and you are off (follow the rules - below).

And instead of "Alert boxes" or "Confirm boxes), these courses Netscape to go to the top of the page - some times.

You can use Fly A Note.action as a Head Action or execute it by a text link or whatever.

You can control the text by a Style Sheet.

The default font size is 3, but you can write HTML tags into it, if you like, using a single quote - in the Text Box.

  
April 6 2001
Modified Oct. 2002

INSTRUCTIONS FOR FLY A NOTE.ACTION

FlyaNote is developed, to make it use-able to a wide range of purposes.
And yes it's simple to use, if you follow the rules ;-)

UI

EXTERNAL STYLE SHEET.

To use a style sheet. Simply format your text in a HTML file, define you text with CSS and copy/paste this into the Text Box and select the External style sheet in the "Style Sheet" box.

And you are off. Remember ONE single quote only.
If you don't use a style sheet leave as is.

WINDOW NAME
The "Window Name" HAS to be unique, and in one single quote only (Take a look at the sample below).
Each time you use Fly A Note.action, remember to give the window "on the fly" a unique name. If you don't, Fly A Note.action will fail, when Fly A Note.action is used on more than one occasion in the same HTML document.

TEXT BOX
You most be aware of, you are dealing with a String in a JavaScript, when you fill in the Text Box.
In the Text Box you must use a single quote, that is, all the text MUST be in one line only.

Sample:

Lets create a page "on the fly" that will display an image and a "Close Window" (Aligned right) link.
You open a new document (a help file) in GL and do the layout, in this case an image and a text: "Close Window" ("Close window" - I'll return to), click the "Source" tab. This will look something like the below:

<img src="whatever.jpg" alt="" height="32" width="32" border="0">
<div align="right">
<p><a href="Javascript:void(self.close())" onfocus="this.blur();">Close Window</a></p>
</div>

To make the action work, there must be NO white spaces between tags and tags, tags and text.
Now you delete all white spaces between the tags and tags and tags and text.
Like this:

<img src="whatever.jpg" alt="whatever" height="32" width="32" border="0"><div align="right"><p><a href="Javascript:void(self.close())" onfocus="this.blur();">Close Window</a></p></div>

Everything is now in one single line, this line you copy/paste into the "Text box/HTML code" box and voila.
You must of course fill in the rest of the boxes like "Window Title" etc.

Remember ONE single quote only.

More Rules.

If you write: Don't ever do this.

You must write : Don\'t ever do this.

You have to type a backslash before the ' , otherwise the browser will return a JavaScript error.

If you write: My "best" web site.

It's the same, use a backslash.

Write: My \"best\" web site.

I could have chosen to give you the option to put a "Close Window" into the action, but I chose not to, because I myself like to be in total control.

Feel free to use my Sample text: <a href="Javascript:void(self.close())" onfocus="this.blur();">Close Window</a>

The above line will give you a "Close Window" link.

Tip:

Copy/paste; <a href="Javascript:void(self.close())" onfocus="this.blur();">Close Window</a> into the Source, go to Layout, mark - Close Window. And Drag&Drop it into "Objects > Library (the pencil)". Double click the new icon that is created and name the thing.
What you just did is to create a re-useable Snippet. The trick can of course be used for many more snippets.

Do a couple of test pages and get the feeling of the action and you will find it easy to use.