Javascript 如何将div置于同一页面中进行编辑和保存？

我有一个登录表单，当我用管理员帐户登录时，我想让主页可编辑。主页有div

$sql = mysql_query("SELECT * FROM `test` WHERE `username` = '$username' AND `password` = '$password'");
if (mysql_num_rows($sql) > 0)
{
    echo ("<SCRIPT LANGUAGE='JavaScript'>
           window.alert('Welcome!')
           window.location.href='Home.html'
           </SCRIPT>");
}

---

好的，这段代码正在运行，我可以成功登录，但现在我想打开主页，但可以编辑并在线保存。

一个问题中涉及的内容太多了。。。你应该进一步了解这个主题，因为有几种方法可以做到这一点

一件事是你将如何编辑内容。。。你可以使用html5或者一些更精细的解决方案，比如所见即所得编辑器，你所见即所得。。。用谷歌搜索一下，你会发现很多编辑

另一件事是如何将数据发送到服务器。。。您可以使用一个简单的表单，ajax、套接字。。。正如您所看到的，这也是一件复杂的事情，但您可以从开始，因为它的实现非常简单

最后，您将如何保存数据。。。我猜您将使用SQL数据库。如何处理服务器中的数据是另一个深入的主题。从一开始就担心缓存结果和查询会使您以后避免很多麻烦

---

希望此信息将帮助您开始构建解决方案

您可以使用所有现代浏览器都支持的HTML5属性contentEditable

<div id="editme">
      xyz
      xyz
      xyz
</div>

<?php
if(is_admin())
{
?>

<div id="edit"></div>
<div id="save"></div>

<script>
    $(function(ev){
       ev.preventDefault();

       $("#edit").on('click', function(){
           $("#editme").prop('contentEditable', TRUE);
       });


      $("#save").on('click', function(){
           var url = "insert.php";
           var data = $("#editme").html();

           $.post(url, data);
       });
    })
</script>

<?php } ?>

---

你试过了吗？您显示的代码与您的问题无关。使页面可编辑是一项艰巨的工作，需要从数据库打印内容，然后从管理员处编辑数据库中的值。试试看，如果你有问题，回来问一个真正的问题。我不知道这里问的是什么。你看起来是新来的，应该从阅读一些书开始网页设计，或者在你试图开发的领域学习一些教程。答案之一指出，这太多了，一个问题无法涵盖。你需要缩小你的问题的焦点，因为它太宽泛了，实际上没有一个有用的答案来解决你的问题。我的问题是如何验证管理员输入何时使主页可编辑。你可以用一个简单的if语句来完成。检查编辑。你如何在我的代码中看到我是否是管理员时进行了验证，如果是管理员，我会收到一条消息说欢迎，我需要在那里放置一些代码以使页面可编辑。