|
Both Coolmaps and Bitmotion make components to make popups a no-brainer.
But, if you must do it yourself, here's a basic script to get you going. There's much more on my members' page: "sticky" popups, fullscreen popups, how to put all the code in the link, centring your popup, mouseover popups, autoclosing popups, and much more.
But for now...
Popup basics
Put this in the Head of your page:
|
<SCRIPT LANGUAGE="JavaScript">
function popup() {
window.open("popup.html","","width=300,height=300,left=100,top=100,toolbar=1,
scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1")
}
</SCRIPT>
|
Copying from a webpage can sometimes put gaps or linebreaks where you don't want them, so when you copy the above script, it will pay to paste it into Notepad and to make sure there are no gaps or linebreaks from window.open to resizable=1")
Change the 1s and 0s to turn that feature on or off. Change the naming to suit yourself. Make sure it is consistent with the instructions below.
View a list of all javascript window atributes and what they represent.
For the text or button you want your visitors to click in order to trigger each popup, treat it as you would to make a normal link (ie select it and click on the Link button).
On the Link Type dropdown, select External.
On the New Link dropdown, select Javascript, then in the box to its right, type in:
Create a page in your NOF site called popup (so that it becomes a page called popup.html to match the reference in the script above) and put on it the content you want to show in the popup.
If you are using autogenerated nav buttons, you will need to make sure the popup page is in a part of your site that doesn't show up amongst your nav buttons.
If you are publishing using the Flat file structure, that's it.
Otherwise, go to Publish View. Locate the folder that has all of the popup page's files.
Drag ALL of the files that relate to the popup page to the folder of the originating page if they aren't there already.
And, like I said, there's lots more for members!
_______________________________________
This page was written, and is maintained, by Dallas
|
