pass $_POST data into popup window

[ktsirig]

Hi all!
I have a page (generated with PHP) that has a list of employee names. What I want to do is, when the user hits on each name, a pop-up window (using Javascript) to appear which will say some more details on the employee (i.e his age, job experience etc).
So I thought I make a form for each employee name, and use hidden fields to pass the info I want.
For example

<form>
<input type="hidden" name ="age" value="23 years old">
<input type="hidden" name="experience" value="expert">
<input type="submit" value="John">
</form>

With the above, I show a little example of course. What I have is a submit button with John's name written in it and I want, when the user clicks on John, a pop-up window to appear and contain the "hidden" values of age and experience in it.
I don't know much about Javascript, i tried usind the document.write function, but no luck. I can only "send" data to the next page that are written in an input field, but not data that are written in hidden fields...
Any thoughts?

[ukgeoff]

Hi there,

Pop-up windows are not a good idea as they can be blocked and most end-users object to them these days. It is also a bit of an over the top approach for what you want to do.

I would suggest placing the hidden information in blocks using the div tag, eg.,

Code: Select all

<div id='john' class='hidden'>
   Age = 23<br />
   Experience = expert
</div>

Then using css something like;

Code: Select all

.hidden {
   display: none;
}

.hidden:hover {
   display: block;
}

You will need to add appropriate positioning code depending on your layout.

You will also need to incorporate the file that makes IE play properly with the psuedo :hover.

You can get this from: http://www.xs4all.nl/~peterned/csshover.html