How to get a pop-up box (not a new window) appears on mouse click?

[piggy]

I want to do something, but i dont know how clear i'm going to explain
it. Please help me with this matter. Following is what i want to b
done.

i'm doing a web site which has several items (which suppos to b links)
listed one after one.

When u click on each item, there is a description to b appeared over
the page. What i want is, this description page (or rather a box)
should appear over the excisting details of the page, and also i want a
close button (something like this to click >>> CLOSE [X] ) on it too.

This shouldn't b another (pop-up) window, but some kind of a box which
come on top of the page, and on a possition a give.

i would b appreciate If anybody can help me with this issue.

Thanks a lot...!!!

 

[Randy Webb]

piggy said the following on 12/12/2005 4:02 AM:

I want to do something, but i dont know how clear i'm going to explain
it. Please help me with this matter. Following is what i want to b
done.

No matter how many times you copy/paste that post, the answer will
remain the same. Also, changing your posting name won't change the
answer either. Read the reply to your last post with this same exact
question in it.

 

[hansschmucker]

1. Piggy, you really shouldn't post multiple times
2. Randy, try to be a little nicer. Just try. You can do it (Refering
to your comment in the previous post as well)

3. Solution:
Create a div containing your message and place it somewhere on the
page. You can use a WYSIWYG editor for that, just make sure it's all in
one div and giv it an id, like id="messagePopup", also make sure that
the stylesheet definition includes "display:none;"
So it should look something like:
<div id="messagePopup" style="display:none; position:absolute;
left=20px; top=15px;">Your message</div>
Then, when you want it to appear, let's say when the user clicks an
imagem add an event handler which removes display:none :
<img src="something.png"
onclick='javascript:document.getElementById("messagePopup").style.display="";'
/>
For your close button inside the div you do exactly the same, only that
you set display:none again:
<img src="something.png"
onclick='javascript:document.getElementById("messagePopup").style.display="none";'
/>

Hope that makes sense.

 

[Randy Webb]

(e-mail address removed) said the following on 12/12/2005 7:46 AM:

Please quote what you are replying to.

If you want to post a followup via groups.google.com, don't use the
"Reply" link at the bottom of the article. Click on "show options" at
the top of the article, then click on the "Reply" at the bottom of the
article headers.

1. Piggy, you really shouldn't post multiple times
Agreed.

2. Randy, try to be a little nicer. Just try. You can do it (Refering
to your comment in the previous post as well)

Do I have to? Aww man, this is gonna be tough but I will try

3. Solution:

All of that is covered in the article I gave the URL to. It also covers
a lot more than that but it is all related, in depth, and well explained.

 

[piggy]

Thank dude...

i'm really sorry if i'v been annoying to send multiple masages... i
sent the same for the second time, bocs os that other one didnt try to
answer me, and i thot wen u guys see a massage which hav been replyed,,
so any other one wont look at it & try to answer..

thanks alot again....