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

最終更新日：2026/06/19

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

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

設定方法

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

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

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

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

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

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

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

１）投票ボタンのコード

<form name="v$list" style="display: inline; margin: 0px; padding: 0px;">
<!-- 1個目の投票 -->
<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) 
<!-- 2個目の投票 -->
<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"> 
<!--
function votepush$lot() {
var setvote = "受付ました";
if(document.v$list.vote[0].checked){
setvote = setvote+'<iframe src="$bbsurl&mode=vote&vote1=$lot" height="1" width="1"></iframe>';
}else if(document.v$list.vote[1].checked){
setvote = setvote+'<iframe src="$bbsurl&mode=vote&vote2=$lot" height="1" width="1"></iframe>';
}else{
alert("何も選択されていません。");
return false;
}
if (document.all){
document.all("voteprint$lot").innerHTML = setvote;
}else if (document.getElementById) {
document.getElementById("voteprint$lot").innerHTML = setvote;
}

}
//-->
</script>

※番外編

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

１）投票ボタンのコード

<!-- 1個目の投票 -->
<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) 
<!-- 2個目の投票 -->
<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"> 
<!--
//1個目の投票
function votepushA$lot() {
setvote = '受付ました<iframe src="$bbsurl&mode=vote&vote1=$lot" height="1" width="1"></iframe>';
if (document.all){
document.all("voteprintA$lot").innerHTML = setvote;
}else if (document.getElementById) {
document.getElementById("voteprintA$lot").innerHTML = setvote;
}
}
//2個目の投票
function votepushB$lot() {
setvote = '受付ました<iframe src="$bbsurl&mode=vote&vote2=$lot" height="1" width="1"></iframe>';
if (document.all){
document.all("voteprintB$lot").innerHTML = setvote;
}else if (document.getElementById) {
document.getElementById("voteprintB$lot").innerHTML = setvote;
}
}
//-->
</script>

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