23 December 2015
拍手機能でクリックされたページのアドレスを送信するJavascript
・メッセージ欄付きボタンを使用して、ボタンがクリックされたページのアドレスをメッセージとして送信します。
・見た目はただの拍手ボタンです。拍手の仕組みは変わりませんので、ボタンがクリックされるとありがとう画面に飛びます。
・Javascriptを使用していますので、閲覧者の端末がJavascript無効の場合、URLは送信されません。
・スクリプトはご自由にご利用ください。著作権表記不要/リンク不要/再配布可。
青色の部分は適宜変更してください。
・見た目はただの拍手ボタンです。拍手の仕組みは変わりませんので、ボタンがクリックされるとありがとう画面に飛びます。
・Javascriptを使用していますので、閲覧者の端末がJavascript無効の場合、URLは送信されません。
・スクリプトはご自由にご利用ください。著作権表記不要/リンク不要/再配布可。
基本設定
拍手機能の基本設定
でページ貼付時のリンクタイプ
をレイアウト指定
にする必要があります。拍手貼り付け時詳細レイアウト
<div class="LoveClap">#msg_拍手#<div> <script type="text/javascript"><!-- document.forms[0].elements["Message"].value="スキ! クリックされたページ:"+location.href; document.forms[0].elements["Message"].readOnly=true; //--></script>
拍手ボタンを設置するページ
HTML
設置したい場所に拍手の貼り付け用独自タグ
を貼り付けます。!!貼り付け用独自タグだけで解決するようにしたため、ページの中のどのフォームよりも上にしないと.forms[0]
が使えません。他のフォーム(ページジャンプフォームなど)より上に設置する必要があります。
HEAD
<style>
.LoveClap input[type="text"]{
display:none; }
</style>
!!貼り付け用独自タグには自動で改行が入るのでテキストフォームを非表示にしてもボタンの上に1文字分空白が出ます。
青色の部分は適宜変更してください。