簡単に統計が取れるワンクリックアンケートです。
使用するにはPHPとJavaScriptが動く環境が必要です。
重複投稿はできません（IPアドレスで判断しています）

【デモ】

ワンクリックアンケートをダウンロード

【設置方法】

1. <div id="oneClickDemo"></div>
   <script type="text/javascript" src="/download/oneclick/oneclick.js"></script>
   <script type="text/javascript">
   var OneClick = new OneClick();
   OneClick.object = 'OneClick';
   OneClick.url = '/download/oneclick/GDOneClickController.php';
   OneClick.id = 'oneClickDemo';
   OneClick.load();
   </script>
   導入したい部分に上記ソースを入れ、適宜変更します。
2. <div id="oneClickDemo"></div>
   はアンケートを入れるID（ID名はなんでもいいです）
3. <script type="text/javascript" src="/download/oneclick/oneclick.js"></script>
   こちらは、JavaScriptまでのパスとなります。
   ダウンロード先へ適宜変更してください。
4. var OneClick = new OneClick();
   はこういうものだと思ってください。
5. OneClick.object = 'OneClick';
   には、必ず4番で設定した名前と同じものを入れてください。
   つまり、var hogehoge = new OneClick()とすると、hogehoge.object = 'hogehoge'となります。
6. OneClick.url = '/download/oneclick/GDOneClickController.php';
   こちらは、phpまでのパスとなります。
   ダウンロード先へ適宜変更してください。
7. OneClick.id = 'oneClickDemo';
   2番で設定したID名と同様にしてください。
   つまり<div id="hoge2"></div>とすると、OneClick.id = 'hoge2';となります。
8. OneClick.load();
   上記を記述します。これでHTML側は導入完了です。
9. アンケート項目変更、デザインの変更は
   同梱ファイルのGDOneClickConfig.phpに記載されているそれぞれのファイルを変更することで可能です。
   const ENTRIESDATAFILEPATH = 'entries.csv';は質問項目を変更できます。カンマで項目を区切っています。
   
   const IPADDRESSFILEPATH = 'address.php';はログファイル名です。
   こちらには暗号化後のIPアドレスと日付が保存されます。
   直接このアドレスにアクセスすると見えてしまうので、分かりづらい名前に変更する方が良いかもしれません。
   ※初期状態ではこのファイルはありません（自動で生成されます）
   
   const RESPONSEDATAFILEPATH = 'response.csv';は質問結果のカウントが保存されます。
   ※初期状態ではこのファイルはありません（自動で生成されます）
   
   const QUESTIONNAIREHTML = 'questionnaireTemplate.html';
   const QUESTIONNAIRERESULTHTML = 'questionnaireResultTemplate.html';は
   アンケートで出力されるHTML部分です。こちらのPHP部分やJavaScript部分は変更しないでください。

【使用にあたってのご注意】

1. 再配布はご遠慮くださいませ
2. 改変は自由にしてくださって構いませんが、最上部にあるコメント部分は削除しないでください。
3. このスクリプトを使用し、何らかの問題が発生しても一切責任は負いません。
4. 使用に関しては自己責任でお願いいたします。
5. ご要望、バグなどございましたらお問合せフォームまで

単独で動くので、ライブラリを読み込む必要がないのが特徴です。

種類が二つあります。
一つはボタンをCSSで設定するver.と、もう一方はボタンを画像にするverです。

【デモ（CSS ver）】

• テスト1
• テスト2
• テスト3

CSS verをダウンロード

【デモ（画像 ver）】

• 
• 
• 

画像 verをダウンロード

【設置方法】

1. tab.jsを読み込んでください。
   例：<script type="text/javascript" src="js/tab.js"></script>
2. tab.jsソース内8行目のtabIdNameをタブ部分のID名に変更してください。
   例：var tabIdName = '〇〇〇〇〇';
3. タブ部分、aタグのhrefには、切り替えさせたい要素名のID名に#を付けて設定してください。
4. ボタンのデザインを変更するには下記を参考にしてください。
   CSSverはa:hoverでマウスオーバー、aタグに'selected'のクラス名をつけるとアクティブ状態となりますので、それぞれにCSSを指定してください。
   画像verは初期状態の画像ファイル名末尾に'_off'を付け、マウスオーバー後画像末尾には'_on'、アクティブ時画像末尾には'_in'となるようファイル名を指定してください。

【使用にあたってのご注意】

1. 再配布はご遠慮くださいませ
2. 改変は自由にしてくださって構いませんが、最上部にあるコメント部分は削除しないでください。
3. このJavaScriptを使用し、何らかの問題が発生しても一切責任は負いません。
4. 使用に関しては自己責任でお願いいたします。
5. ご要望、バグなどございましたらお問合せフォームまで