島田慶資のサンデーマーケティング

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

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サイト構築の小ネタ
-, , , ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

GoogleFriendContactを導入してみた。

早速、僕のブログにも導入してみました。右端のサイドメニューに「GoogleFriendContact」って表示がありますよね。そいつです。このサービスの簡単な使い方は、後ほどメモすることにしておいて、このサービスをどのように活かすことができるのかを考えてみたいと思いますよ。

no image

pingサーバーまとめ

pingサーバーまとめ

no image

ムーバブルタイプ しましまレイアウト タイプ2

no image

mtで最新カテゴリーへのリンクを張る

no image

簡単にロールオーバーできる便利なJavaSCRTライブラリを発見