Question

我正在尝试将基本的javascript警报更改为更好看的警报。目前使用

创建警报

if(isset($_GET['return'])) {
    // get a random item
    $sql = "SELECT * 
    FROM pp_undergroundItems AS u
    LEFT JOIN pp_items AS i ON i.item_id = u.itemID
    WHERE :chance BETWEEN startChance AND endChance
    ORDER BY RAND() LIMIT 1";

    $q = $pdo->prepare($sql);
    $q->bindValue(':chance', $newChance);
    $q->execute();
    if($q->errorCode() != 0) {
         $errors = $q->errorInfo();
             echo($errors[2]);
    }
    $row = $q->fetch();
    if(count($row) > 0) {
        echo '<script type="text/javascript">alert("Item found: ' . $row["item_name"] . '"); </script>';**
    }
}

现在我正在尝试更改它，以便我获得项目图像及其下方的名称

我发现我可以使用jquery做到这一点，我有部分工作，但不知道如何让它以我想要的方式工作

<script>
body {
  font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
  font-size: 62.5%;
}
</script>
<script>
$(function() {
  $( "#dialog" ).dialog();
});
</script>

<div id="dialog" title="Underground" style="text-align: center;">
  <img src="/images/items/item1.png" alt="Image" /><br/>
    You found an item
</div>

我正在展示的问题，只有在按下链接时才会显示，以及如何显示从数据库中选择的项目

Answer 1

我建议转到通知api，例如：https://codeseven.github.io/toastr/

它允许轻松定制，现在在网络上很常见。

以下是演示页面：

http://codeseven.github.io/toastr/demo.html

另一个定制答案： Make toastr alerts look like bootstrap alerts

这是另一个流行的api，虽然我没有使用它： https://notifyjs.com/

图片

1 个答案: