2011-12-05 9 views
0

私は自分のウェブサイトに「上へ/上へ」ボタンを配置したいと思う。 一度に表示されるものはかなり多いので、POSTを実行してユーザーがクリックするたびにページをリロードする必要はありません。 再スキンしたラジオボタンを使用して[上に上/下に]を選択すると考えましたが、ユーザーには[送信]ボタンをクリックする必要があります。 どうすればいいですか?ほとんどの/すべてのWebブラウザに組み込まれていれば、JavaScriptやその他のクライアントサイドスクリプトの使用を公開しています。 ありがとう! YMPHP - 別のページをロードせずにユーザーに投票させる/現在のページをリロードする

+0

"AJAX"を調べましたか? – deceze

答えて

0

を知ることはできません。さて、技術的に仕事をすることができる他のクライアントサイドの言語(ActionScriptなど)がありますが、JavaScriptは間違いなく最適な方法です。

AJAX(Asynchronous JavaScript And XML)を調べます。これは、XMLHttpRequest()オブジェクトを使用してJavaScriptを使用してページをリロードせずにページリクエストを行うという言葉の流行語です。ここでは良いチュートリアルです:http://www.w3schools.com/ajax/default.asp。 「XML」という言葉がタイトルに含まれているにもかかわらず、XMLをまったく使用する必要はなく、多くの場合、そうしないことに注意してください。

あなたは基本的にやることはこれです:

  1. は親指アップと(それは同様だか、関数の引数を経由して嫌いかどうかを渡して)JavaScript関数にリンクされている親指ダウンボタンがあります。

  2. この機能では、好き嫌いを記録する別のページ(PHPスクリプト)にリクエストを送信します。オプションで、PHPスクリプトで新しい投票合計をエコーアウトさせることができます。

  3. (オプション)PHPスクリプトで新しい結果が出力されることにした場合は、その結果をJavaScriptに読み込むことができます。あなたはPHPスクリプトのページ出力の正確なテキストを取得しますので、それに基づいて先を計画してください - PHPスクリプトが新しい投票合計をユーザーフレンドリーな方法で出力してから、JavaScriptで特定のdivをその出力、例えば。

+0

ありがとう!私はちょうど正しい方向に私を指し示すいくつかの言葉が必要でした、あなたは確かに多くを提供しました。 –

+0

ようこそ。 :) がんばろう! – Josh1billion

1

jQueryを使ってみると、http://jquery.com/これは広く使われているライブラリであり、ここと@ jQueryのウェブサイトのサポートがたくさんあります。

あなたは簡単に正しいIDを持つページを保存するAjaxのポストを行うには、これらすべての親指を割り当てることができ、ユーザーは、あなたは間違いなく、この上でJavaScriptを使用する必要があるとしている違い