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

TOPページ > FAQ一覧 >

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

最終更新日：2022/01/10

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

サンプル掲示板のタイプ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>

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

サービスメニュー

運営の情報

その他レンタルサービス

▲ページ上部へ

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

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