日曜日に楽しく勉強!起業家のためのマーケティングをご紹介

サンデーマーケティング

CMS関連 Webサイト構築の小ネタ

メールフォームをコンパクトにまとめる

投稿日:

ネットショップを構築するときに買い物かごボタンの下に、お客様の声投稿フォームってあると入力しやすいじゃないですか。
それを実現するために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]

-CMS関連, Webサイト構築の小ネタ
-, , , ,

Copyright© サンデーマーケティング , 2018 All Rights Reserved Powered by STINGER.