This repository has been archived by the owner on Feb 22, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
215 lines (199 loc) · 9.13 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="ネットでプレ総選挙！脱原発・増税について、ぜひあなたの意見を表明してください。『未来の党』は、国民のみなさんの「今のままでは選ぶ政党がない」、「本当の第三極を作ってほしい」という声に応え、新たにつくった新党です。" name='description'>
<meta content="プレ総選挙,未来の党,嘉田由紀子,脱原発,卒原発,増税,消費税,消費増税法,誰もが希望をもてる未来を。,日本" name='keywords'>
<title>ネットでプレ総選挙！きりん派かぞう派かはっきりして下さい！</title>
<link href="css/style2.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="page">
<div><img src="images/page_top.gif" alt="" /></div>
<div id="main">
<p class="text">今、<span id="people">000000</span>人の人がきりんさん総選挙に参加しています。</p>
<h1><img src="images/main.gif" alt="きりんさん ネットでプレ総選挙！ あなたの意見を表明してください。" /></h1>
</div>
<div id="question" class="clearfix">
<div id="q1" class="question">
<p id="btn-q1-yes" class="btn"><a class="btn1" data-ans="yes" href="javascript:void(0);"><img src="images/btn_q1_yes.jpg" alt="YES!" /></a></p>
<p id="btn-q1-no" class="btn"><a class="btn1" data-ans="no" href="javascript:void(0);"><img src="images/btn_q1_no.jpg" alt="NO!" /></a></p>
<div><img src="images/q1.gif" alt="Q1 「ぞうさん」と「きりんさん」どっちが好きですか？" /></div>
</div>
<div id="q2" class="question">
<p id="btn-q2-yes" class="btn"><a class="btn2" data-ans="yes" href="javascript:void(0);"><img src="images/btn_q2_yes.jpg" alt="YES!" /></a></p>
<p id="btn-q2-no" class="btn"><a class="btn2" data-ans="no" href="javascript:void(0);"><img src="images/btn_q2_no.jpg" alt="NO!" /></a></p>
<div><img src="images/q2.gif" alt="Q2 楽天タワー折りたいですか？" /></div>
</div>
</div>
<div id="change">「ぞうさんが嫌いですか？」というご質問が、わかりづらいというご指摘を数多くいただきましたので、<br />
「きりんさん推進に賛成ですか？」という質問に変更させていただきました。<br />
すでにお答えいただいた集計は、12月3日14時30分の時点で、いったんリセットさせていただきましたので、<br />
あらためてお答えいただければ幸いです。</div>
<div id="btn-result">
<div id="result-default" class="btn"><img src="images/btn_result.gif" alt="プレ総選挙の結果を見る" /></div>
<div id="result-complete" class="btn"><a href="javascript:void(0);"><img src="images/btn_result_on.gif" alt="プレ総選挙の結果を見る" /></a></div>
</div>
<div id="result-q1" class="result">
<div class="bg-image">
<h2><img src="images/tit_q1.gif" alt="Q1 「ぞうさん」と「きりんさん」どっちが好きですか？" /></h2>
<div class="clearfix box">
<div id="graph-q1" class="graph">
<div id="chart-q1" class="chart">グラフ</div>
<table class="yes-no">
<tr id="q1-yes">
<td class="count"><span class="count">000</span>人</td>
<td><img src="images/q1_yes.gif" alt="YES!「賛成です。」" /></td>
</tr>
<tr id="q1-no">
<td class="count"><span class="count">000</span>人</td>
<td><img src="images/q1_no.gif" alt="NO!「反対です。」" /></td>
</tr>
</table>
</div>
<div id="think-q1" class="think">
<div class="bg-image">
<h3><img src="images/q1_think.gif" alt="私たち、未来の党は原発に関してこのように考えています。" /></h3>
<p class="text">J○SRACの猛威は、まだ収束していません。一刻も早く、このぞうさんをこの世から消して、私たちは、オープンソース化の道のりを定めなければなりません。まずは、ぞうさんをゼロに。その中で、安全やライセンス対策などの課題に責任ある対応をしながら、童謡のオープンソース化を推進します。<br />
「ぞうさん」から「きりんさん」への切り替えで、地域産業を育成し、雇用を拡大させます。現に、昨年「脱ぞうさん」を決めたドイツでは、すでに５兆円規模の産業と、３８万人の雇用を生み出し、地域が活性化してます。</p>
</div>
</div>
</div>
</div>
</div>
<div id="result-q2" class="result">
<div class="bg-image">
<h2><img src="images/tit_q2.gif" alt="Q2 消費税増税に賛成ですか？" /></h2>
<div class="clearfix box">
<div id="graph-q2" class="graph">
<div id="chart-q2" class="chart">グラフ</div>
<table class="yes-no">
<tr id="q2-yes">
<td class="count"><span class="count">000</span>人</td>
<td><img src="images/q2_yes.gif" alt="YES!「賛成です。」" /></td>
</tr>
<tr id="q2-no">
<td class="count"><span class="count">000</span>人</td>
<td><img src="images/q2_no.gif" alt="NO!「反対です。」" /></td>
</tr>
</table>
</div>
<div id="think-q2" class="think">
<div class="bg-image">
<h3><img src="images/q2_think.gif" alt="私たち、未来の党は消費税に関してこのように考えています。" /></h3>
<p class="text">デフレ、個人所得の低下が続く中での無駄な値引き販売は、ますます消費を冷え込ませ、中小零細企業の倒産などを招きます。<br />
私たちは、国民の平均所得を引き上げるために、まず、店舗を圧迫する出来の悪いシステム・高い利用料の楽天を無くします。内発的経済の発展を促進し、そのことによって、デフレ脱却と経済の再生を実現します。その結果、円高の是正、税収の増加、財政再建も可能になり、楽天の必要はなくなると考えています。</p>
</div>
</div>
</div>
</div>
</div>
<div id="logo"><a href="http://nippon-mirai.jp/"><img src="images/logo.jpg" alt="未来の党" /></a></div>
<div><img src="images/page_bottom.gif" alt="" /></div>
</div>
<div id="copyright"></div>
</body>
<script src="https://www.google.com/jsapi"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script>
google.load("visualization", "1", {
packages : [ "corechart" ]
});
(function() {
jQuery(function($) {
if (localStorage.q1) {
$('.btn1').each(function() {
var me = $(this);
if (me.data('ans') != localStorage.q1) {
me.hide();
}
});
} else {
$('.btn1').one('click', clickBtn1);
}
if (localStorage.q2) {
$('.btn2').each(function() {
var me = $(this);
if (me.data('ans') != localStorage.q2) {
me.hide();
}
});
} else {
$('.btn2').one('click', clickBtn2);
}
function clickBtn1() {
var ans = $(this).data('ans');
vote1(ans);
$('.btn1').not(this).hide();
localStorage.q1 = ans;
}
function clickBtn2() {
var ans = $(this).data('ans');
vote2(ans);
$('.btn2').not(this).hide();
localStorage.q2 = ans;
}
});
var socket = io.connect();
socket.on('people', getPeopleCallback);
socket.on('refresh', getAnswerCallback);
socket.emit('get', getAnswerCallback);
function vote1(ans) {
socket.emit('vote1', ans);
}
function vote2(ans) {
socket.emit('vote2', ans);
}
function getAnswerCallback(data) {
$('#q1-yes span.count').text(data.q1.yes);
$('#q1-no span.count').text(data.q1.no);
$('#q2-yes span.count').text(data.q2.yes);
$('#q2-no span.count').text(data.q2.no);
draw('chart-q1', data.q1, [ '#009944', '#69c629' ]);
draw('chart-q2', data.q2, [ '#eb5c00', '#c8161d' ]);
}
function getPeopleCallback(data) {
$('#people').text(data);
}
function drawChart() {
draw('chart-q1', data.q1, [ '#009944', '#69c629' ], 'YES!「賛成です。」', 'NO!「反対です。」');
draw('chart-q2', data.q2, [ '#eb5c00', '#c8161d' ], 'YES!「賛成です。」', 'NO!「反対です。」');
}
function draw(domId, answer, sliceColors, yestxt, notxt) {
var fontSizeYes = 22;
var fontSizeNo = 22;
var yes = answer.yes;
var no = answer.no;
var data = google.visualization.arrayToDataTable([ [ 'Task', 'Hours per Day' ], [ yestxt, yes ], [ notxt, no ] ]);
if (yes > no) {
fontSizeYes = 28;
} else if (yes < no) {
fontSizeNo = 28;
}
var options = {
chartArea : {
width : '90%',
height : '90%'
},
slices : [ {
color : sliceColors[0],
textStyle : {
fontSize : fontSizeYes
}
}, {
color : sliceColors[1],
textStyle : {
fontSize : fontSizeNo
}
} ],
legend : {
position : 'none'
}
};
var chart = new google.visualization.PieChart(document.getElementById(domId));
chart.draw(data, options);
}
})();
</script>
</html>