IN THE HEAD

<SCRIPT LANGUAGE="JavaScript1.2" SRC="popanything.js"></SCRIPT>


=============================================


BEFORE TAG OF LAYOUT AREA (or table, or text box, or image) 
Change the variables to suit yourself.

<SCRIPT>

//Enter variables

name='Apop1';
leftX=100;
topY=100;
widthX=176;
heightY=262;

//End enter variables. Don't touch script that follows

NS6=false;
IE4=(document.all);

if (!IE4) {NS6=(document.getElementById);}
NS4=(document.layers);

if (NS4) {
document.write('<LAYER NAME="'+name+'" LEFT="'+leftX+'" TOP="'+topY+'" HEIGHT="'+heightY+'" WIDTH="'+widthX+'" visibility="hide">');
  }

if ((IE4) || (NS6)) {
document.write('<div id="'+name+'" style="position:absolute; left:'+leftX+'; top:'+topY+'; width:'+widthX+'; height:'+heightY+'; visibility:hidden">');
}

</SCRIPT>



================================================

AFTER TAG OF LAYOUT AREA (or table, or text box, or image)

<script>
if (NS4) 
{
document.write('</LAYER>');
}
if ((IE4) || (NS6)) 
{
document.write('</DIV>');
}
</script>

=================================================


LINK CODE

Can't show every variation here, but these should give you the idea.

+++++++++++++++++++++++++++++++++++++++++++++

First link on Demo page:
[Click to open, click the close link on the popup to close. Popanything position is fixed.]

1. To open your popanything, make a Javascript link. Put a # to the right of "Javascript"

Click the HTML button.

Inside link put:

onclick=show('Apop1')

To close the popup:

Make a Javascript link on the popanything area. Put a # to the right of "Javascript" 

Click the HTML button. Inside link put:

onclick=hide('Apop1')

+++++++++++++++++++++++++++++++++++++++++++++++

Second link on Demo page:
[Mouseover to open, click the close link on the popup to close. Popanything position is fixed.]

Create a Javascript link. Put a # to the right of "Javascript"

Click the HTML button.

Inside link put:

onmouseover=show('Apop2')

To close the popup:

Make a Javascript link on the popanything area. Put a # to the right of "Javascript" 

Click the HTML button. Inside link put:

onclick=hide('Apop2')

+++++++++++++++++++++++++++++++++++++++++++++++++++


Third link on the Demo page:
[Mouseover to open, mouseout to close. Popanything is adjacent to mouse.]

Create a Javascript link. Put a # to the right of "Javascript"

Click the HTML button.

Inside link put:

onmouseover=mouse('Apop3'); onmouseout=hide('Apop3')

+++++++++++++++++++++++++++++++++++++++++++++++++++++

Note: There are two functions you can use to show your popanything - show() and mouseshow().

The mouse() function puts the Popanything adjacent to the mouse pointer. The show() function just shows the Popanything. If you use it, it fixes the position according to the X and Y variables you entered in the script you put Before Tag of the particular area you are using as your Popanything. (It's also used by the mouse() function, but only after that function finds where the mouse is. For your use, you only need to know how to specify 3 functions, depending on what you want your Popanything to do: show(), mouse() and hide().

Good luck!