Fold down text coding

Unknown Data wrote:
1. Step - Open PopUp
For the first, you'll have to make a link to open the PopUp, but it's now a normal link. Some small attributes are added.

<a onmouseover='this.style.cursor="pointer" ' onfocus='this.blur();' onclick="document.getElementById('The PopUp have to got a ID, it could be fx "1"').style.display = 'block' " >Name of the PopUp link</a>

2. Step - Design
At this step we now have to make the PopUp, it look like this.

<div id='The same ID you used in Open PopUp-step' style='display: none; position: absolute;>Here you put normal tags, text, effects in - like you would design a normal page (body)</div>

We aren't done yet, there are som small attributes you have to put in the 'div' tag. I've just posted the code without the attributes source, then you you to redirect the red stroke. You don't have to use all the attributes!

<div id='' style='display: none; position: absolute; left: -px; top: -px; border: -px; padding: -px; background-color: -; text-align: -; font-size: -px; width: -px;' ></div>

All right now we just need to know what all this means. More can be added, it's up to you.

Attribute	Example	What do we get?
left:	280	How many pixelse from the left, the PopUp would be placed
top:	150	How many pixelse from the top, the PopUp would be placed
border:	solid black 1	Like in a table, frame color and size
padding:	10	The padding for the PopUp
background-color:	white	The background color
text-align:	justify	Which text type
font-size:	10	The size of the text
width:	1000	The width of the PopUp

We also have to close the PopUp, so place this code inside the PopUp body.

<a onmouseover='this.style.cursor="pointer" onfocus='this.blur();' onclick="document.getElementById('The ID you used at the Open PopUp-step').style.display = 'none' " >Close</a></div>

So we got it all, now you should cud make a PopUp without opening a new window.

Click here to se the demo