2017-03-29 7 views
0

は、私はこのウェブサイト上のテキストを投稿できるようにしたい私はどのようにしてユーザーをサイトに投稿して保管させることができますか?ここ

を支援し、すでにタグ付けされたので、それは

https://pastebin.com/JcnNkRKx

<html> 
    <head> 
    <title>Negulos</title> 
    <style> 
     p { 
     text-align: center; 
     color: lime; 
     font-size: 20px; 
     } 
     body { 
     background-color: black; 
     overflow-x: hidden; 
     } 
     input[type=text], select { 
     boarder: none; 
     background-color: black; 
     color: lime; 
     position: absolute; 
     right: 550px; 
     } 
     div { 
     border-radius: 5px; 
     padding: 20px; 
     } 
    </style> 
    </head> 
    <body> 
    <p>Welcome to Negulos the current time is</p><p id="t"></p> 
    <p>Write anything you'd like to get off your chest</p> 
    <div> 
     <input type="text" id="user" value="Your text here"> 
    </div> 
    <p onclick="post" onmouseover="colorOn(this)" onmouseout="colorOff(this)">post</p> 
    <p id="post"></p> 
    <script> 
     function colorOn(x) { 
     x.style.color = "red"; 
     } 
     function colorOff(x) { 
     x.style.color = "lime"; 
     } 
    </script> 
    <script> 
     function post() { 
     var x = document.getElementById("user").value; 
     document.getElementById("post").innerHTML = x; 
     } 
    </script> 
    <script> 
     document.getElementById("t").innerHTML = Date(); 
    </script> 
    <?php 

?> 
    </body> 
</html> 
+0

使用アヤックス?!あなたが欲しいものを手に入れられなかったかもしれません。 –

+0

ここでPHPとの関係は何ですか? –

+0

あなたは何を意味しているのですか? –

答えて

0

滞在するために必要なコードです。質問jQueryとPHPは、最も一般的な方法は、サーバー上のいくつかの並べ替えのエンドポイントを持って、投稿要求を受信し、$.post() jqueryを使用してデータを送信することです。これは、イベントハンドラまたは選択した他の方法によってトリガされる可能性があります。

伝統的な方法は、自動的にデータをバックアップポストHTMLフォーム、作成するために、次のようになります。ユーザーがフォームを送信する際、/api.phpでサーバーへのポスト要求するだろう、

<form method="POST" action="/api.php"> 
    <input type="text" name="usertext" value="" /> 
    <input type="submit" value="Submit!" /> 
</form> 

を。

一時的に保存したい場合は、データをクッキーにロードするか、localstorageを使用します。あなたはpost()機能をトリガすることになっているブラケット()を残し

  • <p onclick="post"

+0

私はOPがページを再ロードせずにこれをやろうと思っています – Akintunde007

+0

@PhpDevだから私はjqueryを使って投稿を作成し、それは非常にはっきりしていないので、余分な詳細を追加したのはなぜですか(これはずっと簡単です)。 – Tyzoid

3

あなたのコードのこの部分は何もしません。読み込む必要がある

  • <p onclick="post()"
+0

どうすれば複数の行に移動することができますか? – Negulos

+0

@Negulosそれは別の話です。追加する必要があります。 –

関連する問題