Диалог jQuery для каждой строки базы данных

0

Я использую этот код для вызова в именах из базы данных, и я пытаюсь создать новое диалоговое окно Jquery и кнопку для каждого имени, где каждая кнопка находится под именем first_name, а последнее имя будет отображаться во всплывающем диалоговом окне. Я закрываю или это даже возможно, как я пытаюсь?

<!doctype html>
<html lang="en">
<head> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
</head>
<body>
<?php
     $server = 'localhost';
     $user = 'root';
     $pass = 'root';
     $db = 'OCVC';
     $connection = mysql_connect($server, $user, $pass) 
     or die ("Could not connect to server ... \n" . mysql_error ());
     mysql_select_db($db) 
     or die ("Could not connect to database ... \n" . mysql_error ());
     $result = mysql_query("SELECT * FROM members") 
             or die(mysql_error());  
    while($row = mysql_fetch_array( $result )) { 
            $id = $row['id'];               
            $name = $row['first_name'];

            echo $row['first_name'];
            echo '<div id="'.$row['first_name'].'" title="Basic dialog">';
            echo $row['last_name'];
            echo '</div>';
            echo '<button id="'.$row['id'].'">Open Dialog</button>';
    }       
?>
 <script>

var name = "<?php echo $name; ?>";
var id = "<?php echo $id; ?>";
$(function() {
$( "#" + name ).dialog({
autoOpen: false,
show: {
effect: "",
duration: 0
},
hide: {
effect: "",
duration: 0
}
});
$( "#" + id ).click(function() {
$( "#" + name ).dialog( "open" );
});
});
</script>
</body>
</html>
Теги:

1 ответ

0
Лучший ответ
        echo '<div class="popups" id="'.$row['first_name'].'" title="Basic dialog">';
        echo $row['last_name'];
        echo '</div>';
        echo '<button class="showLastname" data-for="'.$row['first_name'].'">Show Last Name</button>';

и в jquery

$('.popups').hide();
$(document).on('click','.showLastname',function(){
    var id=$(this).data('for');
    $('#'+id).dialog({
          show: {
              effect: "",
              duration: 0
              },
          hide: {
          effect: "",
          duration: 0
          }
    });
});
  • 0
    Это отлично сработало для меня большое спасибо!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню