Displaying selected row values in a popup

Question

I have a table containing radio buttons, Below which I have series of buttons like Add, Delete , Details.

After selecting radio button and clicking on Details button, I need to get a popup that displays the selected row values.

Currently I have a details button that displays details below the main table. This is my details button:

<input type="submit" name="details" value="Details" id="btndetails"   />

Here 'ID' is the name of my radio button.

<?php
if(isset($_POST['details']))
{
    $n=$_POST['ID'];
    $a=implode("</br>",$n);
    list($add,$place) = explode("(!@!)", $a);
    ?>
    <table id="Details">
    <tr>
    <td>
    <ul><?php echo"<b>Address:</b>$add</br>";?></ul>
    <ul><?php echo"<b>Place</b>$place</br>";?></ul>
    </td>
    </tr>
</table>
}

How can I display this deatils table as popup on selecting radio followed by clicking details button?please help. Thank u

score 1 · Answer 1 · answered Feb 20 '15 at 10:59

1

If you install the jQuery UI you can do it as simply as this.

$("btndetails").click(function(){
    $("#Details").bPopup();
});

Make Sure <table id="Details"> has style="display: none;"

EDIT

Sorry, I forgot to add the specific popup UI is here: http://dinbror.dk/bpopup/

answered Feb 20 '15 at 10:59

Mitch Mullvain

185
10

Once you include the UI javascript code in your files ``, The popup could be written in another javascript file that can be included, or on the same html page in between `` tags. – Mitch Mullvain Feb 20 '15 at 11:03
How to include UI javascript code in please tel me ... @Mitch – Lilly Shk Feb 20 '15 at 11:21
Is there any method to use this popup without installing jQuery UI? – Lilly Shk Feb 20 '15 at 11:22
You could learn just pure css. I extremely advise against it as it is way more code and can be buggy (especially on older browsers). – Mitch Mullvain Feb 21 '15 at 04:22
BUT.... here is another article that shows you with pure css. http://stackoverflow.com/questions/19064987/html-css-popup-div-on-text-click – Mitch Mullvain Feb 21 '15 at 04:24

Displaying selected row values in a popup

1 Answers1