Diverses:Wahl-O-Mat: Unterschied zwischen den Versionen
Aus Stupidedia, der sinnfreien Enzyklopädie!
Sebus (Diskussion | Beiträge) K (parteien) |
K (Danke, PETA!) |
||
| (27 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
| − | |||
<div id="divMainWahlo" style="width:440px;height:420px;background-color:rgb(255, 205, 47);background:linear-gradient(rgb(255, 205, 47),rgb(232, 138, 0));padding:60px; font-family: arial, sans-serif;font-size: 12pt; line-height: 24px;margin:auto;"> | <div id="divMainWahlo" style="width:440px;height:420px;background-color:rgb(255, 205, 47);background:linear-gradient(rgb(255, 205, 47),rgb(232, 138, 0));padding:60px; font-family: arial, sans-serif;font-size: 12pt; line-height: 24px;margin:auto;"> | ||
| − | <div style="font-weight:bold;font-size:36pt;color:white;line-height:36pt;">Wahl- | + | <div style="font-weight:bold;font-size:36pt;color:white;line-height:36pt;">Wahl-O-Mat</div> |
<div style="position:relative;left:100px;font-size:16pt;margin-top:5px;">zur jeweiligen '''SCHICKSALSWAHL'''</div> | <div style="position:relative;left:100px;font-size:16pt;margin-top:5px;">zur jeweiligen '''SCHICKSALSWAHL'''</div> | ||
<div id="divWelcomeWahlo" style="margin-top: 60px">'''Willkommen beim Wahl-O-Mat''' | <div id="divWelcomeWahlo" style="margin-top: 60px">'''Willkommen beim Wahl-O-Mat''' | ||
<br /> | <br /> | ||
| − | Alle relevanten Parteien haben die Wahl-O-Mat-Thesen beantwortet | + | Alle relevanten Parteien haben die Wahl-O-Mat-Thesen beantwortet. Vergleichen Sie Ihre Standpunkte mit den Antworten der Parteien und lassen Sie sich die Last der Entscheidung von einer Maschine abnehmen. |
<br /> | <br /> | ||
<br /> | <br /> | ||
Der Wahl-O-Mat ist kein Informationsangebot über Wahlen und Politik, sondern eine verbindliche Wahlempfehlung. | Der Wahl-O-Mat ist kein Informationsangebot über Wahlen und Politik, sondern eine verbindliche Wahlempfehlung. | ||
| − | <span id="btnStartWahlo" style="display:inline-block;float:right;font-size:18pt;color:white | + | <span id="btnStartWahlo" class="arrowButton" style="display:inline-block;float:right;font-size:18pt;color:white;cursor:pointer">Start</span> |
</div> | </div> | ||
<div id="divQuestionsWahlo" style="margin-top: 60px;background:white;display:none;padding:20px;"> | <div id="divQuestionsWahlo" style="margin-top: 60px;background:white;display:none;padding:20px;"> | ||
<span style="color:#ff6600;"><span id="spanNbQuestWahlo" style="font-weight:bold;line-height:24pt;"></span>/<span id="spanMaxQuestWahlo"></span> '''<span id="spanTitleQuestWahlo"></span>'''</span> | <span style="color:#ff6600;"><span id="spanNbQuestWahlo" style="font-weight:bold;line-height:24pt;"></span>/<span id="spanMaxQuestWahlo"></span> '''<span id="spanTitleQuestWahlo"></span>'''</span> | ||
| − | + | ||
<div style="min-height: 6.6em"> | <div style="min-height: 6.6em"> | ||
<div id="divQuestionTextWahlo"></div> | <div id="divQuestionTextWahlo"></div> | ||
| Zeile 21: | Zeile 20: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
| + | <div id="divWeightWahlo" style="margin-top: 60px;display:none;width: 560px; margin: 30px auto; font-family: arial, sans-serif;"> | ||
| + | <div style="font-size: 22pt; margin-bottom: 16px;">Welche Thesen sind Ihnen '''wichtig'''?</div> | ||
| + | Was der Wahl-O-Mat wirklich mit Ihren Antworten macht, weiß kein Mensch. Wenn Sie richtig witzig sind, markieren Sie alles als wichtig, was Sie zuvor mit „neutral“ beantwortet haben. | ||
| + | <br /> | ||
| + | <span id="titleStatements">These</span> | ||
| + | <span id="titleYourPosition">Ihre<br/>Position</span> | ||
| + | <div id="divWeightStatements"></div> | ||
| + | <span id="btnShowResult" class="arrowButton">Weiter</span> | ||
| + | </div> | ||
| + | |||
<div id="divResultWahlo" style="margin-top: 60px;display:none;width: 560px; margin: 30px auto; font-family: arial, sans-serif;"> | <div id="divResultWahlo" style="margin-top: 60px;display:none;width: 560px; margin: 30px auto; font-family: arial, sans-serif;"> | ||
| − | <div style="font-size: 22pt; margin-bottom: 16px;">Ihr Wahl- | + | <div style="font-size: 22pt; margin-bottom: 16px;" id="btnYourWahlomatResults">Ihr Wahl-O-Mat '''Ergebnis'''</div> |
<div id="divDeineAntworten" style="font-weight: bold; color: red"></div> | <div id="divDeineAntworten" style="font-weight: bold; color: red"></div> | ||
Hohe Übereinstimmungen Ihrer Antworten mit mehreren Parteien bedeuten, dass Sie bei der Wahl einfach entsprechend viele Kreuzchen machen dürfen. | Hohe Übereinstimmungen Ihrer Antworten mit mehreren Parteien bedeuten, dass Sie bei der Wahl einfach entsprechend viele Kreuzchen machen dürfen. | ||
| − | <div style="float: right; width: 295px | + | <div id="btnShowBegrundung" style="float: right; width: 295px;"><div style="color: #ff6600; font-size: 16pt; text-align: right;line-height: 20pt;margin-right: 3em;padding-top: 10px;padding-bottom: 10px;" class="arrowButton">Wie '''begründen'''<br />die Parteien ihre Antworten?</div> |
| − | Mal scharf nachdenken: Mussten Sie Ihre Antworten vielleicht begründen? Na also.</div> | + | <p id="pBegrundung" style="display:none;">Mal scharf nachdenken: Mussten Sie Ihre Antworten vielleicht begründen? Na also.</p></div> |
| − | <div id="divResultPercentWahlo" style="clear:both; padding: | + | <div id="divResultPercentWahlo" style="clear:both; padding: 10px 0;"></div> |
| + | <center><span id="btnFinish" class="arrowButton">Und jetzt?</span></center> | ||
| + | </div> | ||
| + | |||
| + | <div id="divConclusionWahlo" style="width:440px;height:420px;background-color:rgb(255, 205, 47);background:linear-gradient(rgb(255, 205, 47),rgb(232, 138, 0));padding:60px; font-family: arial, sans-serif;font-size: 12pt; line-height: 24px;margin:auto; display: none;"> | ||
| + | <div style="font-weight:bold;font-size:24pt;color:white;line-height:36pt;">Was jetzt?</div> | ||
| + | |||
| + | Jetzt haben Sie erfahren, welche Parteien mit Ihren Ansichten am besten übereinstimmen. Sie wissen jetzt, wen Sie wählen müssen. Vielleicht haben Sie es sogar schon wieder vergessen. Auch nicht so schlimm. | ||
| + | |||
| + | Ein Blick in die Geschichtsbücher zeigt, dass noch nie eine demokratische Wahl mit genau einer Stimme entschieden wurde. Sie gilt sogar dann noch als knapp, wenn „nur wenige tausend“ Stimmen Unterschied bestehen. | ||
| + | |||
| + | Sie sehen, es spielt überhaupt keine Rolle, ob Sie überhaupt wählen gehen. Auf der anderen Seite können Sie somit auch nicht viel falsch machen, wenn Sie wählen gehen, obwohl Sie gar keine Ahnung von Politik haben. | ||
| + | |||
| + | Wenn Sie Spaß daran haben, nur zu! | ||
| + | |||
| + | <center style="margin-top:2em"><span id="btnRestart" class="arrowButton">Noch mal!</span></center> | ||
</div> | </div> | ||
<js> | <js> | ||
| Zeile 48: | Zeile 73: | ||
['Gesundheitspolitik', 'Herzpatienten müssen die Grundausbildung wiederholen, um wehrfähig zu bleiben.'], | ['Gesundheitspolitik', 'Herzpatienten müssen die Grundausbildung wiederholen, um wehrfähig zu bleiben.'], | ||
['Internet', 'Im Internet muss alles erlaubt sein, was technisch überhaupt möglich ist.'], | ['Internet', 'Im Internet muss alles erlaubt sein, was technisch überhaupt möglich ist.'], | ||
| − | ['Ethik', 'Sexualität als solche ist widernatürlich und muss mit Peitschenhieben bestraft werden'], | + | ['Ethik', 'Sexualität als solche ist widernatürlich und muss mit Peitschenhieben bestraft werden.'], |
| − | ['Tierschutz', 'Tiere haben dieselben Rechte wie Menschen, einschließlich Pflegeversicherung und Kündigungsschutz.'], | + | ['Tierschutz', 'Tiere haben dieselben Rechte wie Menschen, einschließlich Urheberrecht, Pflegeversicherung und Kündigungsschutz.'], |
['Steuerrecht', 'Der Staat hat kein Recht, Steuern auf ehrliche Arbeit zu erheben.'], | ['Steuerrecht', 'Der Staat hat kein Recht, Steuern auf ehrliche Arbeit zu erheben.'], | ||
['Fortschritt', 'Das einzige ehrbare Handwerk ist die Landwirtschaft.'], | ['Fortschritt', 'Das einzige ehrbare Handwerk ist die Landwirtschaft.'], | ||
| Zeile 70: | Zeile 95: | ||
['Wirtschaft', 'Bier ist gesund!'], | ['Wirtschaft', 'Bier ist gesund!'], | ||
['Vereinigte Staaten von Europa', 'Langfristig sollten die Staaten von Europa ein ähnliches Verhältnis entwickeln wie Nord- und Südkorea.'], | ['Vereinigte Staaten von Europa', 'Langfristig sollten die Staaten von Europa ein ähnliches Verhältnis entwickeln wie Nord- und Südkorea.'], | ||
| − | ['Hoffnung', ' | + | ['Hoffnung', 'Eines Tages wird Helmut Schmidt zurückkehren und uns alle erlösen.'] |
// ... | // ... | ||
); | ); | ||
| Zeile 102: | Zeile 127: | ||
wahlomat.openQuestion = function () { | wahlomat.openQuestion = function () { | ||
if(wahlomat.question_id === wahlomat.questions.length) { | if(wahlomat.question_id === wahlomat.questions.length) { | ||
| − | wahlomat. | + | wahlomat.prepareWeighting(); |
return false; | return false; | ||
} | } | ||
| Zeile 112: | Zeile 137: | ||
wahlomat.timer = 0; | wahlomat.timer = 0; | ||
}; | }; | ||
| + | |||
wahlomat.parties = new Array( | wahlomat.parties = new Array( | ||
{ | { | ||
| Zeile 120: | Zeile 146: | ||
name: 'SPD', | name: 'SPD', | ||
answers: [1,2,2,2,0,0,1,0,2,0,2,0,0,0,2,1,2,2,2,0,1,2,2,0,0,0,2,2,0,0,0,0,2,0,1,0,0,0] | answers: [1,2,2,2,0,0,1,0,2,0,2,0,0,0,2,1,2,2,2,0,1,2,2,0,0,0,2,2,0,0,0,0,2,0,1,0,0,0] | ||
| + | }, | ||
| + | { | ||
| + | name: 'CSU', | ||
| + | answers: [1,2,2,1,1,0,2,1,2,0,0,1,0,1,2,1,2,0,0,0,0,0,2,2,0,0,2,2,1,0,1,2,0,0,0,0,2,2] | ||
}, | }, | ||
{ | { | ||
name: 'FDP', | name: 'FDP', | ||
| − | answers: [0,2, | + | answers: [0,2,1,2,0,1,1,0,1,1,1,1,1,1,1,1,1,0,1,0,1,1,1,1,2,1,2,2,0,1,1,1,1,1,1,1,1,2] |
}, | }, | ||
{ | { | ||
| Zeile 140: | Zeile 170: | ||
name: 'Partei Bibeltreuer Christen', | name: 'Partei Bibeltreuer Christen', | ||
answers: [2,0,0,1,0,2,2,2,2,0,2,0,0,2,2,0,2,1,1,1,1,0,2,2,1,2,2,1,2,2,2,0,1,2,1,2,2,2] | answers: [2,0,0,1,0,2,2,2,2,0,2,0,0,2,2,0,2,1,1,1,1,0,2,2,1,2,2,1,2,2,2,0,1,2,1,2,2,2] | ||
| + | }, | ||
| + | { | ||
| + | name: 'NPD', | ||
| + | answers: [2,1,0,0,2,0,2,2,2,0,2,0,1,0,2,2,2,0,0,0,0,2,2,2,0,0,2,1,2,0,0,2,0,2,0,0,0,2] | ||
| + | }, | ||
| + | { | ||
| + | name: 'AfD', | ||
| + | answers: [0,2,0,0,2,0,2,0,2,0,2,0,0,0,1,1,2,0,0,0,0,2,2,2,0,0,2,2,0,0,1,2,2,1,1,0,2,2] | ||
} | } | ||
); | ); | ||
| Zeile 151: | Zeile 189: | ||
} | } | ||
} | } | ||
| − | return wahloPercentage / party.answers.length * 100; | + | return Math.round(wahloPercentage / party.answers.length * 100); |
}; | }; | ||
wahlomat.calcResults = function () { | wahlomat.calcResults = function () { | ||
| Zeile 163: | Zeile 201: | ||
} | } | ||
return result.sort(function(a,b) { return b.percentage - a.percentage; }); | return result.sort(function(a,b) { return b.percentage - a.percentage; }); | ||
| + | }; | ||
| + | wahlomat.prepareWeighting = function () { | ||
| + | var divStatements = $('#divWeightStatements'); | ||
| + | for (var i=0;i<wahlomat.questions.length;i++) { | ||
| + | var leClass = wahlomat.answers[i] === 2 ? 'statementDisagreed' : wahlomat.answers[i] === 1 ? 'statementNeutral' : 'statementAgreed'; | ||
| + | var statement = $('<div><span class="percentResultWahlo pointer statementWahlo">'+(i+1) + ' ' + wahlomat.questions[i][0]+'</span></div>'); | ||
| + | $('<div class="' + leClass + '"></div>').appendTo(statement); | ||
| + | $('<div class="statementFull">' + wahlomat.questions[i][1] + '</div>').appendTo(statement); | ||
| + | statement.appendTo(divStatements); | ||
| + | statement.click(function() { | ||
| + | $(this).find('.statementFull').toggle(); | ||
| + | $(this).find('.statementWahlo').toggleClass('statementSelectedWahlo'); | ||
| + | }); | ||
| + | } | ||
| + | $('#divMainWahlo').hide(); | ||
| + | $('#divWeightWahlo').show(); | ||
}; | }; | ||
wahlomat.showResults = function () { | wahlomat.showResults = function () { | ||
| − | $('# | + | $('#divWeightWahlo').hide(); |
$('#divResultWahlo').show(); | $('#divResultWahlo').show(); | ||
| + | window.scrollTo(0, 0); | ||
var wahloResults = wahlomat.calcResults(); | var wahloResults = wahlomat.calcResults(); | ||
for(var i = 0; i < wahloResults.length;i++) { | for(var i = 0; i < wahloResults.length;i++) { | ||
| Zeile 172: | Zeile 227: | ||
} | } | ||
}; | }; | ||
| + | $('#btnShowResult').click(wahlomat.showResults); | ||
| + | $('#btnYourWahlomatResults').click(function() { | ||
| + | $('#divDeineAntworten').toggle(); | ||
| + | }); | ||
| + | $('#btnShowBegrundung').click(function(){ | ||
| + | $('#pBegrundung').toggle(); | ||
| + | }); | ||
| + | $('#btnFinish').click(function(){ | ||
| + | $('#divResultWahlo').hide(); | ||
| + | $('#divConclusionWahlo').show(); | ||
| + | window.scrollTo(0, 0); | ||
| + | }); | ||
| + | $('#btnRestart').click(function(){ | ||
| + | location.reload(); | ||
| + | }); | ||
}); | }); | ||
</js> | </js> | ||
| Zeile 196: | Zeile 266: | ||
line-height: 16pt; | line-height: 16pt; | ||
position: relative; | position: relative; | ||
| + | } | ||
| + | .pointer{ | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| Zeile 218: | Zeile 290: | ||
background: #ff6600; | background: #ff6600; | ||
padding:0; | padding:0; | ||
| + | } | ||
| + | .statementWahlo | ||
| + | { | ||
| + | width: 85%; | ||
| + | padding: 6px; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .statementWahlo:hover, .statementSelectedWahlo | ||
| + | { | ||
| + | background: #ff9900; | ||
| + | } | ||
| + | |||
| + | #titleStatements | ||
| + | { | ||
| + | display:inline-block; | ||
| + | padding-top: 16px; | ||
| + | font-size: 12pt; | ||
| + | } | ||
| + | #titleYourPosition | ||
| + | { | ||
| + | float: right; | ||
| + | text-align: right; | ||
| + | font-size: 12pt; | ||
| + | } | ||
| + | .statementAgreed | ||
| + | { | ||
| + | width: 28px; | ||
| + | height: 28px; | ||
| + | background: url('http://www.stupidedia.org/images/c/c0/Plus.svg'); | ||
| + | background-size: 28px; | ||
| + | background-position: center; | ||
| + | background-repeat: no-repeat; | ||
| + | float: right; | ||
| + | margin: 1.3em 0; | ||
| + | } | ||
| + | .statementNeutral | ||
| + | { | ||
| + | width: 28px; | ||
| + | height: 28px; | ||
| + | background: url('http://www.stupidedia.org/images/b/bd/Neutral.svg'); | ||
| + | background-size: 28px; | ||
| + | background-position: center; | ||
| + | background-repeat: no-repeat; | ||
| + | float: right; | ||
| + | margin: 1.3em 0; | ||
| + | } | ||
| + | .statementDisagreed | ||
| + | { | ||
| + | width: 28px; | ||
| + | height: 28px; | ||
| + | background: url('http://www.stupidedia.org/images/c/c9/Minus.svg'); | ||
| + | background-size: 28px; | ||
| + | background-position: center; | ||
| + | background-repeat: no-repeat; | ||
| + | float: right; | ||
| + | margin: 1.3em 0; | ||
| + | } | ||
| + | .statementFull | ||
| + | { | ||
| + | display:none; | ||
| + | font-size: 12pt; | ||
| + | padding: 0 1em; | ||
| + | } | ||
| + | #btnShowResult | ||
| + | { | ||
| + | float: right; | ||
| + | font-size: 14pt; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #btnFinish,#btnRestart | ||
| + | { | ||
| + | font-size: 16pt; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .arrowButton | ||
| + | { | ||
| + | background: url('http://www.stupidedia.org/images/5/5d/Pfeilrechts.svg'); | ||
| + | background-position: right; | ||
| + | background-repeat: no-repeat; | ||
| + | padding: 35px; | ||
| + | background-size: 30px; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .arrowButton:hover | ||
| + | { | ||
| + | background-size: 36px; | ||
| + | padding-right: 40px; | ||
| + | margin-right: -3px; | ||
| + | } | ||
| + | #btnRestart | ||
| + | { | ||
| + | background: url('http://www.stupidedia.org/images/a/ab/Pfeilkreis.png'); | ||
| + | background-size: 40px; | ||
| + | padding: 45px; | ||
| + | margin-left: -5px; | ||
| + | background-repeat: no-repeat; | ||
| + | background-position: left; | ||
| + | } | ||
| + | #btnRestart:hover | ||
| + | { | ||
| + | background-size: 50px; | ||
| + | padding: 50px; | ||
| + | } | ||
| + | #divDeineAntworten | ||
| + | { | ||
| + | display: none; | ||
} | } | ||
</css> | </css> | ||
Aktuelle Version vom 12. September 2017, 14:00 Uhr
Wahl-O-Mat
zur jeweiligen SCHICKSALSWAHL
Willkommen beim Wahl-O-Mat
Alle relevanten Parteien haben die Wahl-O-Mat-Thesen beantwortet. Vergleichen Sie Ihre Standpunkte mit den Antworten der Parteien und lassen Sie sich die Last der Entscheidung von einer Maschine abnehmen.
Der Wahl-O-Mat ist kein Informationsangebot über Wahlen und Politik, sondern eine verbindliche Wahlempfehlung.
Start
 |
für Diverses:Wahl-O-Mat Diesem Artikel wurde die unfassbare Ehre zuteil, zunächst von einer Mehrheit der ehrenwerten Leser zum absoluten Hammer gewählt und anschließend von der Mehrheit der Diktatoren zum Goldpokalartikel erklärt zu werden.
Somit gehört dieser Artikel zur absoluten Elite und ist daher Staatseigentum! |
|
