如何为此contentEditable设置MySQL表

时间:2013-02-08 20:22:14

标签: mysql contenteditable

我已经正确设置了数据库我相信因为网页没有返回该错误,但我不知道如何在数据库中创建表,因此这段代码可以保存到数据库然后检索它。

    <script>
    $(document).ready(function() {

        $("#save").click(function (e) {         
            var content = $('#editable').html();    

            $.ajax({
                url: 'save.php',
                type: 'POST',
                data: {
                content: content
                },              
                success:function (data) {

                    if (data == '1')
                    {
                        $("#status")
                        .addClass("success")
                        .html("Data saved successfully")
                        .fadeIn('fast')
                        .delay(3000)
                        .fadeOut('slow');   
                    }
                    else
                    {
                        $("#status")
                        .addClass("error")
                        .html("An error occured, the data could not be saved")
                        .fadeIn('fast')
                        .delay(3000)
                        .fadeOut('slow');   
                    }
                }
            });   

        });

        $("#editable").click(function (e) {
            $("#save").show();
            e.stopPropagation();
        });

        $(document).click(function() {
            $("#save").hide();  
        });

    });

</script>
</head>
<body>
    <div id="wrap">
        <h1><a href="http://gazpo.com/2011/09/contenteditable/" > HTML5 Inline text editing and saving </a></h1>

        <h4>The demo to edit the data with html5 <i>contentEditable</i>, and saving the changes to database with PHP and jQuery.</h4>

        <div id="status"></div>

        <div id="content">

        <div id="editable" contentEditable="true">
        <?php
            //get data from database.
            include("db.php");
            $sql = mysql_query("select text from content where element_id='1'");
            $row = mysql_fetch_array($sql);         
            echo $row['text'];
        ?>      
        </div>  

        <button id="save">Save</button>
        </div>

        <div id="footer">
        <a href="http://gazpo.com/">Tutorial by gazpo.com</a> 
        </div>
    </div>

1 个答案:

答案 0 :(得分:1)

不与上述评论人员讨论本教程的用处,但如果您想创建必要的表只是为了完成此操作,您可以发出以下两个SQL语句:

CREATE TABLE content ( element_id varchar(1), text text);
INSERT INTO content (element_id, text) VALUES ('1','Hello World!');

然而,这个表对其他任何东西都不会有用。

嗯,哪个数据库?我想你首先要创建一个,但是在代码片段中看不到数据库的名称(以及连接它所需的用户/密码)。我想它们隐藏在db.php中。如果您正在使用本教程中下载的示例,请在上述语句之前发出以下语句:

CREATE DATABASE test;
use test

(哦,本教程假设您可以使用root帐户无需密码登录 - 如果您已经设置了mySQL DB,我希望您的开发服务器上运行防火墙。)