Dynamic dropdown "formlets"

I have a small group and we are very light on Jquery/Javascript.  Pretty decent at cloning code from another site example.

Please see the attached Word document with image examples.

We would like to click or mouseover icons (such as "email", "save", "print" and have a little (email) form drop down for the user to fillout and hit submit.  We know how to do this for one set of icons in a single entry.  But we don't know how to do this for multiple entries that each have the same set of  icons (the 2nd example in the Word Doc - our site).

If you could please point us to a site that has this code or provide the technique it would be greately appreciated.

Thanks in advance,
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Michel PlungjanIT ExpertCommented:

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
hefterrAuthor Commented:
Hi mplungjan,
Thanks for the reference.  We'll check it out.

Are you familiar with any JQuery solutions?

BTW:  Where did the JQuery forum go recently?  Was it combined with Javascript?

Thanks again,
hefterrAuthor Commented:
... Oh - and do you think this tutorial will handle "multple" drop down menus repeated on the same page (like in multiple blog responses)?
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

Mark BradyPrincipal Data EngineerCommented:
If I understand your question, you want the same action/response to happen when a user mouses over the icons at the bottom as happens when they mouse over the text links on the menu in the middle (save - email - edit - share) ? Is that what you are looking for? Actually I'm not quite understanding exactly what you are wanting - could you provide a little more info on what needs to happen? On the bottom of your word doc (your site) you have two entries. Are you wanting the same drop down to happen no matter which of the same icon the mouse is over? If that's the case it will be very simple but I'll wait for your response in case I have it all backwards :)
Michel PlungjanIT ExpertCommented:
The demo showed


which looks like it can do the job for you
hefterrAuthor Commented:
>>Are you wanting the same drop down to happen no matter which of the same icon the mouse is over? If that's the case it will be very simple but I'll wait for your response in case I have it all backwards :)

Yes, that is correct.  A page will have multiple search results (e.g. "companies") and each search result will have the set of icons that a user can mouseover (or click) to initiate the dropdown for that entry.  The drop down has to occur on the right entry were the mouseover occured.

hefterrAuthor Commented:
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.