PHP Lang
  1. PHP Lang
  3. показать данные в лайтбокс
Intereting Posts
Apache: измените дескриптор XAMPP / PHP из приложения / x-httpd-php в application / x-httpd-php5 Ошибка 405 (метод не разрешен) Laravel 5 RSA Encrypt в PHP для расшифровки в .NET. Изображение, созданное с помощью blob, содержит только числа и запятые Как работает система плагинов (wordpress, mybb …)? Ошибка загрузки файла PHP tmp_name Laravel Создание динамических маршрутов для контроллеров из базы данных Mysql Как предотвратить сканирование в зависимости от XPath от содержимого страниц Как заставить Curl использовать тот же файл cookie, что и браузер с PHP Codeigniter ГДЕ И ИЛИ вместе При использовании PHP CLI – APC вылетает apache – apc_fcntl_lock не удалось выполнить errno: 6 Почему параметры запроса для многих веб-сайтов (MySQL) являются очень загадочными длинными целыми числами? Получить данные из URL-адреса jQuery UI Tooltip с динамическим контентом изменить префиксы мыла в php

показать данные в лайтбокс

введите описание изображения здесь

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

<script> function manageLightbox(visibility,id) { document.getElementById('overlay').style.display = visibility; document.getElementById('content').style.display = visibility; } </script>

Я назвал эту функцию в своем html 

 <a href="#"><img src="images/core/icon16/zoom.png" title="View" onClick="return manageLightbox('block','<?php echo $res['id']?>');" /></a>

html моей световой коробки здесь 

 <div id="content" class="content"> <a href = "javascript:void(0)" onClick="return manageLightbox('none')"> <img src="images/images1.jpeg" style="width:25px; height:25px; float:right"/></a> <br/> <center> <table> <tr> <td>Product_ID</td> <td><input type="text" name="product_id" value="<?php echo $row['id']; ?>"/></td> </tr> <tr> <td>Name</td> <td><input type="text" name="name" value="<?php echo $row['name']; ?>"/></td> </tr> //and all other fields in light box .... </table> </center> </div> <div id="overlay" class="overlay" onClick="return manageLightbox("")></div>

Во-первых, вы используете $ res в своем вызове и $ row в своем представлении, возможно, неправильное имя? Во-вторых, вы используете AJAX? С помощью JQuery вы можете легко звонить AJAX и помещать данные в нужное место. Итак: используйте $ res ["id"] как данные для данных, которые вы хотите (например, верните таблицу) и включите это в свой контент div.

Причина, по которой вы видите только первую, состоит в том, что вы назначаете несколько div с одинаковым именем, javascript вернет первый элемент с заданным именем. Используя AJAX, вы можете сделать звонок, и информация будет включена в единственный контент «div», который у вас есть на вашем представлении.

Пример: 

 <script> $(".link_zoom").click(function(){ //add class to a href: class='link_zoom', when click, trigger event $.ajax({ type: 'POST' url: "someaction.do.php", data: "id=" + $(this).attr("id"), //add to the a href: id='<?php echo $res["id"]; ?>' dataType: "html", success: function(html) { $(".content").html(html); //will add the html to the content div } }); }); </script>