www.wanichan.com
ワニchanのうぇぶわーるど ~Expression Web & FrontPage 総合情報&Tips~

友達に紹介するボタンを作るには?

HOME > CSS/JavaScript Tips

はてなブックマーク | Yahoo!ブックマーク Yahoo!ブックマークでこのサイトを登録している人数 人が登録

はじめに

これはアンカータグのmailto:属性にちょこっとオプションをつけるだけで結構です。
友達のメールアドレスは指定せず、その他のオプションを設定することになります。
通常、mailto:メールアドレス ですよね?
しかし、メールアドレスはユーザ自身で指定することになるので指定は不要となりますが、そこにオプションをつけるには続いて?を付け、空白を入れずに一気に指定します。複数のオプションをつけるには&でつなげます。

リンク文字をクリックすると友人に紹介するメールを送れるようにするには?

メールの件名、メール本文、リンク文字列が

メールの件名おすすめホームページ「ワニchanのうぇぶわーるど」
メール本文おすすめホームページです。こちらをご覧下さい:
http://www.wanichan.com/web/
リンク文字列 このホームページを知人に紹介する

とした場合・・・以下の通りとなります。

<a href="mailto:?subject=おすすめホームページ「ワニchanのうぇぶわーるど」&body=おすすめホームページです。こちらをご覧下さい: http://www.wanichan.com/web/">このホームページを知人に紹介する</a>

すると、上記例ではこのようになります。

このホームページを知人に紹介する

▲Page TOP

リンク文字ではなく、画像ボタンにしたい場合は?

リンク文字列ではなく、画像ボタンにしたい場合は、
リンク文字列の代わりに画像ボタンへのリンクの設定をします。

メールの件名おすすめホームページ「ワニchanのうぇぶわーるど」
メール本文おすすめホームページです。こちらをご覧下さい: 
http://www.wanichan.com/web/
画像ファイルの場所 mail.gif
画像ファイルのサイズ 横 51ピクセル 縦 18ピクセル

とした場合、このようになります。

<a href="mailto:?subject=おすすめホームページ「ワニchanのうぇぶわーるど」&body=おすすめホームページです。こちらをご覧下さい: http://www.wanichan.com/web/"><img src="mail.gif" border="0" alt="このホームページを知人に紹介する" width="51" height="18"></a>

すると、上記例ではこのようになります。

▲Page TOP

TOP BACK NEXT


HOME

総合

Expression Web

FrontPage

その他

Most Valuable Professional
Microsoft MVP for Expression
(Apr 2008 - Mar 2009)
/ FrontPage
(Apr 2005 - Mar 2008)