メールフォームをコンパクトにまとめる
ネットショップを構築するときに買い物かごボタンの下に、お客様の声投稿フォームってあると入力しやすいじゃないですか。
それを実現するためにJavaScriptのライブラリ「jquery」を利用しました。
特定のボタンを押すとメールフォームを表示/非表示切り替えます。
忘れないようにメモ。
1.ヘッダー内の記述
[php]
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1.3");</script>
<script type="text/javascript">
$(function(){
$("h4").toggle(function(){
$("blockquote").css("display","block");
},
function(){
$("blockquote").css("display","none");
})
})
</script>
[/php]
2.BODYタグ内の記述
[php]
<h4><img src="***.png"></h4>
<blockquote style="display:none">
<form method="post">
...メールフォーム内の記述
</form>
</blockquote>
[/php]
shimada.keisuke
0
Tags :