せっかく掲示板

f‚̐VK쐬
TOPページ > FAQ一覧 >

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

最終更新日:2026/05/06

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

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

 

設定方法

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

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

3.MESSAGE編集に入室します。

MESSAGE編集

 

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

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

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

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

1)投票ボタンのコード

<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>

2)投票処理のコード

<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)投票ボタンのコード

<!-- 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)

2)投票処理のコード

<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>

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

 

 

 

お問い合わせ

print サポートフォーム

FAQランキング

• 記事投稿時の確認作業(プレビュー機能)

• 閉鎖された理由を教えて下さい

• 掲示板が荒らされたようです (掲示板荒らし対策)

• メールやホームへのリンク無いときは?

• 新規作成方法(掲示板編)

• メンテナンスルームのURLが分かりません

• 掲示板の作り方・設置方法

• FLV&MP3対応アップロード機能

• メールの内容が勝手に改行します

• 掲示板の記事削除ルール

• 複数のホームページでの使用

• 最新の投稿に掲載する方法

• 記事削除時の確認作業

• タイムパスワード機能を導入する

• 新規作成方法(日記編)

有料版アクティブモード

pay 有料版アクティブモードでは、こんな機能が出来るようになります。

モジュールのダウンロードが可能になります

投稿されたメッセージ地方弁変換

過去ログの作成



せっかく掲示板は、管理人が個人で作って20年以上続けている掲示板サービスです。
管理人自身も「コラム更新日記」というサイトで、せっかく掲示板のシステムを使っています。
だからこそ、自分が本当に必要とするサービスとして運営しています。

せっかく掲示板を運営しているせっかくネットは適格請求書発行事業者です。領収書はお支払い完了メールから自動的に発行できます。