工作人员的 PHP 网络消息

Question

我想制作餐厅点餐系统，这样顾客就可以在平板电脑上购买食物，员工可以在他们的电脑上看到订单。

我已经有将在客户将使用的 Android 应用程序的 webView 中使用的网站，但没有真正的订购。 This网站将显示在平板电脑上。 它是 HTML/CSS/JS(仅用于动画)网站，没什么特别的。如果您单击带有文本“predjelo”的第一张图片，您将看到弹出窗口，您可以在其中选择订购的价格以及您想要的价格.我尝试了多个预制脚本，但我无法让它们工作。 我花了大约 2.5 个小时试图找到解决方案，但没有好的结果。我不想要某些东西的源代码，我想要有人告诉我怎么做，学习我，如果我能得到一些代码就好了。我喜欢学习。谢谢

Answer 1

为点击事件编写一个函数，该函数将使用 jquery UI 打开一个弹出窗口。参见 https://jqueryui.com/dialog/#modal-form

<script type="text/javascript">
    $(function () {
        function makeOrder(item_id) {
            dialog = $("#dialog-form").dialog({
                autoOpen: false,
                height: 400,
                width: 350,
                modal: true,
                buttons: {
                    "Make an order": makeOrder,
                    Cancel: function () {
                        dialog.dialog("close");
                    }
                }
            });
            dialog.dialog("open");

        }
    })
</script>
<ul>
    <li style="display: inline-block;" onclick="makeOrder('item_id')">
        <img src="img/predjelo.png" class="md-trigger" data-modal="modal-18" alt="Image 1">
    </li>
</ul>
<div id="order-form" title="Make order" style="display: none">
    <p class="validateTips">All form fields are required.</p>

    <form>
        <!--order form-->
        <fieldset>
            <label for="name">Name</label>

            <input type="submit" tabindex="-1" style="position:absolute; top:-1000px">
        </fieldset>
    </form>
</div>