Pop-up Type Dialog when clicking cell in datatable

Wow has this site been helpful.  I don't want to single anyone out for fear of missing someone but there have been a few very helpful experts on my journey through this process and I have learned a ton on the way.  I have one more task )for now).  on ththis page I would like to have a classic asp page/div/etc dialog "pop-up" when clicking on the person's name.  The asp code is already written...just need to know how to get it from a click on a specific name.

Thanks!
Bob SchneiderCo-OwnerAsked:
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.

Big MontySenior Web Developer / CEO of ExchangeTree.org Commented:
Have you looked into jquerys modal dialog box?

http://jqueryui.com/dialog/

It's a bare  bones dialog box good for simple uses and can be customized a bit.

For something a bit more powerful check our LightView

http://www.nickstakenburg.com/projects/lightview/

I like e it a lot because it's simple to set up and the documentation is good
0
Bob SchneiderCo-OwnerAuthor Commented:
Good choices.  Thank you!
0
Bob SchneiderCo-OwnerAuthor Commented:
Oh, crap...but how do I get it to fire based on a click from a cell in my datatable.  Should I post a new question?
0
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.

Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
If you use http://getbootstrap.com/ there is a modal built into the framework.  It will make your front end a lot easier to manage and the modal code is easier as well.
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
I don't see a real answer here.  Do you need help with the actual code?
0
Bob SchneiderCo-OwnerAuthor Commented:
Let me look at your link...I think you gave that to me before...sorry.  I will  repost as needed.
0
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Do you need actual code or do  you understand what to do.  I don't see that just the link answer here is of any use. We can reopen up the question.
0
Bob SchneiderCo-OwnerAuthor Commented:
Lets either re-open or I can post a new one.  I am certain I am going to need some assistance.
0
Bob SchneiderCo-OwnerAuthor Commented:
Ok so I have downloaded bootstrap and unzipped it.  

1) Do I need to do install Bower and, if so, how?
2) Ditto with Grunt.
0
Big MontySenior Web Developer / CEO of ExchangeTree.org Commented:
I don't necessarily agree that Bootstrap is the way to go on this one. It has somewhat of a steep learning curve and since you have most of your front end already built out, this seems like overkill.

i found this discussion on the datatables forums, it seems to do what you're ultimately looking to fire a javascript function on a cell click:

$("#myTable tbody tr").live("click", function(event){
    var position = myTable.fnGetPosition(this); // getting the clicked row position
    var id = myTable.fnGetData(position)[0];    // getting the value of the first column
   // displayUserInfo(id);
   alert('You clicked on " + id );
    });

Open in new window


if you can get the alert to come up with the proper cell text, it'll be easy to make that into a nice pop up. All you need to do is change the datatable ID with the one you're using
0

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
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
AJAX

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.