0

Webページがそのエラーを返さないため、データベースを正しくセットアップしましたが、データベースにテーブルを作成する方法がわからないため、このコードをデータベースに保存して取得できます。

    <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>
4

1 に答える 1

1

チュートリアルの有用性について上記のコメント者と議論するつもりはありませんが、これを完了するためだけに必要なテーブルを作成したい場合は、次の 2 つの 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 をそのように設定している場合は、開発サーバーでファイアウォールが実行されていることを願っています。)

于 2013-02-08T23:14:26.070 に答える