せっかく掲示板 : FAQ/内部処理機能付き投票ボタンの設置方法

TOPページ > FAQ一覧 >

FAQ/内部処理機能付き投票ボタンの設置方法

最終更新日：2015/11/12

従来の投票機能は、投票ボタンをクリックすることで、一回ページが切り替わります。

サンプル掲示板のタイプ69では、内部処理をして投票をする機能が組み込まれています。
本FAQでは、タイプ69の投票機能と同じ投票機能の設置方法を解説します。

設定方法

１．メンテナンスルームにアクセスし、ログインします。

２．カスタマイズ「アドバンスモード」へ入室をします

３．MESSAGE編集に入室します。

４．下記の通りカスタマイズを実施下さい。

従来の投票機能と同じく、該当する記事親記事のみであれば「BASE1」に、各記事ごとに投票ボタンをもうけている場合は、BASE1、BASE2、RES1、RES2に設置します。

大まかに２つのコードに分かれています。
※基本的なコードのみ表示しております。カスタマイズするに当たり、tableタグ内に上手く設置してください。

※投票ボタンのコードと、投票処理のコードは続けて設置してください。

１）投票ボタンのコード
<form name="v$list" style="display: inline; margin: 0px; padding: 0px;">  <input type="radio" name="vote" value="1" id="push$lot-1" > <label for="push$lot-1">$op1</label> <img src="gif/graph1.gif" width=$graph1 height=15>($vote1)  <input type="radio" name="vote" value="2" id="push$lot-2"> <label for="push$lot-2">$op2</label> <img src="gif/graph2.gif" width=$graph2 height=15>($vote2) <div id="voteprint$lot"><input type="button" onclick="votepush$lot();" value="投票する"></div> </form>

２）投票処理のコード
<script LANGUAGE="JavaScript">  </script>

※番外編

投票の項目をテキストリンクにして、リンクをクリックすることに投票を実行させる方法
（投票すると、投票した項目しか非表示になりません。）

１）投票ボタンのコード
 <span id="voteprintA$lot"><a href="javascript:void(0);" onclick="votepushA$lot()" >$op1</a><span> <img src="gif/graph1.gif" width=$graph1 height=15>($vote1)  <span id="voteprintB$lot"><a href="javascript:void(0);" onclick="votepushB$lot()">$op2</a><span> <img src="gif/graph2.gif" width=$graph2 height=15>($vote2)

２）投票処理のコード
<script LANGUAGE="JavaScript">  </script>

５．保存して頂き、掲示板へ反映します。

FAQ/内部処理機能付き投票ボタンの設置方法

設定方法

サービスメニュー

運営の情報

その他レンタルサービス