「更新」というリンクがあるページで作業しています。ユーザーがこのリンクをクリックすると、スライド効果を使用してリンクの下に表示されるフォームが欲しいのですが。フォームが送信されると、データベースが更新され、メニューが表示されます。
これはjavascriptで実行できることは知っていますが、実装方法がわかりません。
どうもありがとう
「更新」というリンクがあるページで作業しています。ユーザーがこのリンクをクリックすると、スライド効果を使用してリンクの下に表示されるフォームが欲しいのですが。フォームが送信されると、データベースが更新され、メニューが表示されます。
これはjavascriptで実行できることは知っていますが、実装方法がわかりません。
どうもありがとう
まず、jqueryを使用すると、よりシンプルで準拠したクロスブラウザーになります。
Jquery UIでスライド効果で登場させることができます。
$("div").click(function () {
$(this).show("slide", { direction: "down" }, 1000);
});
post メソッドを使用して、データベースを非同期的に更新できます。
$.post("/action.php", { },
function(data){
}, "text");
...しかし、フォームを同期的に投稿してページを更新することもできます。
これを実現するには、jQuery などの JavaScript ライブラリを検討する必要があります。基本的に必要なのは、希望する位置に DIV を作成し、ドキュメントの読み込みが終了したら非表示にしてから、メニュー クリックのイベントを追加することです。
jQuery の場合:
$(document).ready(function() {
$('#myDivId').hide(); //Hiding the div
$('#updadeLinkId').click(function() {
$('#myDivId').slideToggle('slow'); //This is the slide effect
});
});
jQuery ライブラリはhttp://www.jquery.com/からダウンロードできます。
また、javascript がなくてもページが機能することを確認する必要があることを付け加えてもいいですか。また、ページの見栄えを良くするために重要な機能が犠牲になっている場合、私は個人的にあなたのサイトを放棄します.
これは、ASP.NET で JQuery または AJAX ツールキットを使用して行うことができます。どの言語で表示しますか? 純粋なJavaScriptのみでは実行できません