phpmyadmin — Показать данные в подсказке через php?
Мне было интересно, как я могу отобразить данные из базы данных phpmyadmin во всплывающей подсказке на моем веб-сайте?
Если зарегистрированный пользователь наводит курсор на определенное поле, дополнительная информация будет отображаться во всплывающей подсказке.
Я понятия не имею, как вообще пойти по этому поводу, поэтому любая помощь будет оценена.
Решение
Прежде всего, вам нужно JQuery UI. Вы можете использовать код ниже для этого
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
во-вторых, вам нужна база данных.
допустим, ваша база данных myproducts-> id, productname, productdate
и скажем, тег
<h1 data-toggle="tooltip" data-placement="top" title="Tooltip on top">product1</h1>
затем вам понадобится код ниже для всплывающей подсказки, получения текста из тега и отправки его в файл php (скажем, имя c.php) через ajax
<script>
$(function() {
$('[data-toggle="tooltip"]').tooltip({
open: function( event, ui ) {
var x = $(this);
var text = $(this).html();
$.ajax({
type:'post',
url:'c.php',
data:{
'text':text
},
success:function(html){
x.tooltip({
content:html
});
}
});
}
});
});
</script>
тогда ваш файл c.php должен содержать код, как показано ниже:
<?php
$con = mysqli_connect("host","username","password","databasename");
if(isset($_POST['text']))
{
$text = $_POST['text'];
$query = mysqli_query($con, "select * from myproducts where productname='$text'");
$result = mysqli_fetch_row($query);
if(!empty($result))
{
echo json_encode($result);
}
}//if
?>
вы видите, что я сделал, что, если я наведу всплывающую подсказку над текстом, код отправит текст тега с помощью ajax в другой файл php, и этот файл получит текст (который может быть чем угодно, например, имена) и отправит обратно json, что он Получил из базы данных и базы данных проверил текст, который мы отправили на него и получил всю информацию о нем. в конце json вызывается обратно в ajax и через переменную x, которая является нашим основным объектом, над которым мы всплываем всплывающую подсказку, снова всплываем подсказку и показываем информацию, полученную из базы данных через json.
в конце, если вы наводите курсор мыши на product1, вся информация о продукте1 будет отображаться в виде всплывающей подсказки.
Другие решения
Других решений пока нет …