Csspalette

23 December 2015

拍手機能でクリックされたページのアドレスを送信するJavascript

・メッセージ欄付きボタンを使用して、ボタンがクリックされたページのアドレスをメッセージとして送信します。
・見た目はただの拍手ボタンです。拍手の仕組みは変わりませんので、ボタンがクリックされるとありがとう画面に飛びます。
・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文字分空白が出ます。


青色の部分は適宜変更してください。
New entry
    「#オメガバース」のBL小説を読む
    BL小説 BLove
    - ナノ -