php jquery popup message box working in the while loop

Question

php jquery popup message box working in the while loop but in the popup address field showing same address for all entries can any one tell me where i'm doing wrong thanks in advance

Html Jquery Script

<script type="text/javascript">
    $(document).ready(function() {
        $('#button').click(function(e) { 
            $('#modal').reveal({ 
                animation: 'fade',                   
                animationspeed: 600,                       
                closeonbackgroundclick: true,              
                dismissmodalclass: 'close'   
            });
        return false;
        });
    });
</script>

Html Table & Php Page

<table>
$query1=mysql_query("select * from customers order by id desc");
while($row1=mysql_fetch_array($result))
{
?>
<tr>
<td><div align="center"><?php echo $row1['firstname']; ?></div></td>
<td><div align="center"><?php echo $row1['lastname']; ?></div></td>
<td><div align="center"><?php echo $row1['dob']; ?></div></td>
<td><div align="center"><?php echo $row1['email']; ?></div></td>
<td><div align="center"><a href="#" class="button">Address</a></div></td>
<td><div align="center"><?php echo $row1['phone']; ?></div></td>
<td><div align="center"><?php echo $row1['country']; ?></div></td>
<td><div align="center"><?php echo $row1['city']; ?></div></td>
</tr>


<Popup Start> 

<div id="modal">
<div id="heading">
Sign Up! Customer's Address
</div>
<div id="content">
<p><?php echo $row1['address']; ?></p>
</div>
</div>

<Popup End>

<?php }?>
</table>

are your address button coming in each row? the problem is where? 1) modal not coming onclick or 2) address not displaying in each row? — Ripa Saha
– Ripa Saha, Commented Feb 16, 2013 at 12:26

luckystars · Accepted Answer · 2013-02-16 12:26:34Z

1

In HTML

Change this line to :

<td><div align="center"><a href="#" id="button">Address</a></div></td>

this:

<td><div align="center"><a href="#" class="button">Address</a></div></td>

&

Change this line to:

<div id="modal">

this:

<div class="modal">

Javascript:

$('.button').click(function(e) { 

            $(this).closest('tr').find('.modal:first').reveal({ 
                animation: 'fade',                   
                animationspeed: 600,                       
                closeonbackgroundclick: true,              
                dismissmodalclass: 'close'   
            });
        return false;
        });

answered Feb 16, 2013 at 12:26

luckystars

1,75412 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

GautamD31 · Accepted Answer · 2013-02-16 12:25:01Z

0

Try to give unique id for all the buttons like this

<td><div align="center"><a href="#" id="button_<?php echo $row1['id'];?>">
    Address</a>
</div></td>

and then apply popup button click on according with its id value of that button and also edit your jquery as like

<script type="text/javascript">
$(document).ready(function() {
    $("input[id^='button']").click(function(e) { 
        $('#modal').reveal({ 
            animation: 'fade',                   
            animationspeed: 600,                       
            closeonbackgroundclick: true,              
            dismissmodalclass: 'close'   
        });
    return false;
    });
});
</script>

edited Feb 16, 2013 at 12:25

answered Feb 16, 2013 at 12:19

GautamD31

28.8k10 gold badges66 silver badges86 bronze badges

1 Comment

user2051196 Over a year ago

i did all this but still popup not opening :(

Collectives™ on Stack Overflow

php jquery popup message box working in the while loop

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related