Goldpokal13 x 13 Goldauszeichnungen von Sky, Kaymasterkay, Cadianer, Dabeiseinistalles, Metallica-Fan, Dr. Hardcore, Martinnitus, Timbouktu, Obsidian, Der Ackermann, Lightening Evolve, Minion01 und Brullsker

Diverses:Wahl-O-Mat: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
K (Danke, PETA!)
 
(38 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Inuse|Sebus}}
+
<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;
+
<div style="font-weight:bold;font-size:36pt;color:white;line-height:36pt;">Wahl-O-Mat</div>
line-height: 24px;margin:auto;">
 
<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 25 Parteien haben die Wahl-O-Mat-Thesen beantwortet, also müssten Sie das wohl auch gerade noch hinkriegen. Sie müssen auch nicht über Ihre Antworten nachdenken.
+
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;margin-top:80px;cursor:pointer">Start</span>
+
<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>
 
<span id="spanAccuracyWahlo" style="color: #ff6600; font-size: 10pt;">Beantworten Sie die Thesen nicht allzu sorgfältig.</span>
 
<span id="spanAccuracyWahlo" style="color: #ff6600; font-size: 10pt;">Beantworten Sie die Thesen nicht allzu sorgfältig.</span>
 
</div>
 
</div>
<div class="btnsWahlo" style="-webkit-user-select: none;-moz-user-select-none;user-select:none;"><span id="btnAgreeWahlo">stimme zu</span><span id="btnNeutralWahlo">neutral</span><span id="btnAchneeWahlo">stimme nicht zu</span> </div>
+
<div class="btnsWahlo" style="-webkit-user-select: none;-moz-user-select:none;user-select:none;"><span id="btnAgreeWahlo">stimme zu</span><span id="btnNeutralWahlo">neutral</span><span id="btnAchneeWahlo">stimme nicht zu</span> </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 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>
 +
Hohe Übereinstimmungen Ihrer Antworten mit mehreren Parteien bedeuten, dass Sie bei der Wahl einfach entsprechend viele Kreuzchen machen dürfen.
 +
<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>
 +
<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: 10px 0;"></div>
 +
<center><span id="btnFinish" class="arrowButton">Und jetzt?</span></center>
 
</div>
 
</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>
<div id="divResultWahlo" style="margin-top: 60px;background:white;display:none;padding:20px;">To do :-(</div>
 
 
<js>
 
<js>
 
$(function() {
 
$(function() {
   var questions_wahlo = new Array(
+
   var wahlomat = {};
 +
  wahlomat.questions = new Array(
 
       ['Managergehälter', 'Manager müssen gemäß ihrer übermenschlichen Leistung bezahlt werden, denn neben ihrer eigentlichen Arbeit lenken sie auch die Politik.'],
 
       ['Managergehälter', 'Manager müssen gemäß ihrer übermenschlichen Leistung bezahlt werden, denn neben ihrer eigentlichen Arbeit lenken sie auch die Politik.'],
 
       ['Wirtschaft', 'Geld verdirbt den Charakter: Rückkehr zum Tauschhandel!'],
 
       ['Wirtschaft', 'Geld verdirbt den Charakter: Rückkehr zum Tauschhandel!'],
 
       ['Bürgerentscheide', 'Die Bürger der Europäischen Union haben das Recht, schlechtes Wetter mittels Bürgerentscheid abzuwenden.'],
 
       ['Bürgerentscheide', 'Die Bürger der Europäischen Union haben das Recht, schlechtes Wetter mittels Bürgerentscheid abzuwenden.'],
       ['Die Amerikaner', 'Amerikanische Produkte wie Coca Cola haben auf deutschem Boden nichts verloren.'],
+
       ['Die Amerikaner', 'Amerikanische Produkte wie Coca Cola und das iPhone haben auf deutschem Boden nichts verloren.'],
 
       ['Eurokrise', 'Dieser doppelt gehebelte Rettungsschirm ist wirklich eine lustige Idee gewesen. So etwas sollte man öfter mal machen.'],
 
       ['Eurokrise', 'Dieser doppelt gehebelte Rettungsschirm ist wirklich eine lustige Idee gewesen. So etwas sollte man öfter mal machen.'],
 +
      ['Energie', 'Die Energiewende darf nicht dazu führen, dass unschöne Windräder aufgestellt werden.'],
 
       ['Kunst und Kultur', 'Es kann den Kindern doch egal sein, ob ich mir im Internet Bilder ansehe.'],
 
       ['Kunst und Kultur', 'Es kann den Kindern doch egal sein, ob ich mir im Internet Bilder ansehe.'],
 
       ['Armut', 'Mindestlohn besteuern!'],
 
       ['Armut', 'Mindestlohn besteuern!'],
Zeile 38: Zeile 71:
 
       ['Sprache', 'Die deutsche Sprache muss gepflegt werden. Rückkehr zum Original-Duden von 1880, Verbot aller Anglizismen!'],
 
       ['Sprache', 'Die deutsche Sprache muss gepflegt werden. Rückkehr zum Original-Duden von 1880, Verbot aller Anglizismen!'],
 
       ['Mindestlohn', 'Einführung eines Mindestlohns, der von jedem Unternehmen individuell festgelegt werden kann.'],
 
       ['Mindestlohn', 'Einführung eines Mindestlohns, der von jedem Unternehmen individuell festgelegt werden kann.'],
 +
      ['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.'],
       ['Tierschutz', 'Tiere haben dieselben Rechte wie Menschen, einschließlich Pflegeversicherung und Kündigungsschutz.'],
+
      ['Ethik', 'Sexualität als solche ist widernatürlich und muss mit Peitschenhieben bestraft werden.'],
 +
       ['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.'],
 
       ['Fortschritt', 'Das einzige ehrbare Handwerk ist die Landwirtschaft.'],
 
       ['Fortschritt', 'Das einzige ehrbare Handwerk ist die Landwirtschaft.'],
 
       ['Ästhetik', 'Dr. Merkel ist wirklich kein schöner Mann.'],
 
       ['Ästhetik', 'Dr. Merkel ist wirklich kein schöner Mann.'],
 
       ['Ausländer', 'Die Ausländer fressen uns die ganzen Bananen weg.'],
 
       ['Ausländer', 'Die Ausländer fressen uns die ganzen Bananen weg.'],
       ['Atomenergie', 'Atome sind eine Erfindung des Teufels und müssen verboten werden.'],
+
       ['Atomenergie', 'Atome sind unbeherrschbar und hochgefährlich. Sie müssen verboten werden.'],
 
       ['Naturschutz', 'Europa muss vollständig entvölkert werden, damit sich die Natur erholen kann.'],
 
       ['Naturschutz', 'Europa muss vollständig entvölkert werden, damit sich die Natur erholen kann.'],
       ['Frauenquote', 'Eine Frauenquote in den Aufsichtsräten börsennotierter Unternehmen ist sinnvoll, muss aber an die Lottozahlen gekoppelt sein.'],
+
       ['Frauenquote', 'Männer sind potentielle Vergewaltiger. 100 % Frauenquote für Berufe, die mit Menschen zu tun haben!'],
 
       ['Klima', 'Die deutsche Autoindustrie sollte sich höhere Ziele beim CO<sub>2</sub>-Ausstoß setzen. Die Nordsee ist immer noch viel zu kalt.'],
 
       ['Klima', 'Die deutsche Autoindustrie sollte sich höhere Ziele beim CO<sub>2</sub>-Ausstoß setzen. Die Nordsee ist immer noch viel zu kalt.'],
 
       ['Rechtsstaat', 'Eine starke Polizei kann nicht immer erst auf das Gerichtsurteil warten.'],
 
       ['Rechtsstaat', 'Eine starke Polizei kann nicht immer erst auf das Gerichtsurteil warten.'],
Zeile 52: Zeile 88:
 
       ['Sozialleistungen', 'Arbeitslose und andere Versager sind wirklich fast immer selbst schuld.'],
 
       ['Sozialleistungen', 'Arbeitslose und andere Versager sind wirklich fast immer selbst schuld.'],
 
       ['Aufnahme von Flüchtlingen', 'Flüchtlinge sollen gefälligst anrufen, bevor sie sich auf den Weg machen. Plötzlich mit hundert Mann auf der Matte zu stehen, ist einfach unhöflich.'],
 
       ['Aufnahme von Flüchtlingen', 'Flüchtlinge sollen gefälligst anrufen, bevor sie sich auf den Weg machen. Plötzlich mit hundert Mann auf der Matte zu stehen, ist einfach unhöflich.'],
 +
      ['Innere Sicherheit', 'Der Einsatz von ABC-Waffen darf auch im Inland kein Tabuthema sein.'],
 
       ['Entwicklungshilfe', 'Deutschland sollte mehr in die Entwicklungshilfe investieren, um das Elend in den USA zu lindern.'],
 
       ['Entwicklungshilfe', 'Deutschland sollte mehr in die Entwicklungshilfe investieren, um das Elend in den USA zu lindern.'],
 
       ['Gentechnik', 'Im menschlichen Organismus haben Gene überhaupt nichts zu suchen.'],
 
       ['Gentechnik', 'Im menschlichen Organismus haben Gene überhaupt nichts zu suchen.'],
 
       ['Bundesstaaten', 'Bayern sollte sich von der Bundesrepublik lösen und fortan von einem gütigen König regiert werden.'],
 
       ['Bundesstaaten', 'Bayern sollte sich von der Bundesrepublik lösen und fortan von einem gütigen König regiert werden.'],
 
       ['Außenpolitik', 'Das letzte, was die Franzosen im Moment erwarten, ist ein Blitzkrieg.'],
 
       ['Außenpolitik', 'Das letzte, was die Franzosen im Moment erwarten, ist ein Blitzkrieg.'],
 +
      ['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', 'Solange Helmut Schmidt lebt, kann uns nichts passieren.']
+
       ['Hoffnung', 'Eines Tages wird Helmut Schmidt zurückkehren und uns alle erlösen.']
 
       // ...
 
       // ...
 
   );
 
   );
   var question_id = 0;
+
   wahlomat.question_id = 0;
   var answers = new Array();
+
   wahlomat.answers = new Array();
   var timer_wahlo = 0;
+
   wahlomat.timer = 0;
   $('#spanMaxQuestWahlo').text(questions_wahlo.length);
+
   $('#spanMaxQuestWahlo').text(wahlomat.questions.length);
 
   $('#btnStartWahlo').click(function() {
 
   $('#btnStartWahlo').click(function() {
 
       $('#divWelcomeWahlo').hide();
 
       $('#divWelcomeWahlo').hide();
 
       $('#divQuestionsWahlo').show();
 
       $('#divQuestionsWahlo').show();
       openQuestion();
+
       wahlomat.openQuestion();
 +
      (function showAccuracyAlert() {
 +
        setTimeout(showAccuracyAlert, 1000);
 +
        if(wahlomat.timer++ > 30) {
 +
            $('#spanAccuracyWahlo').show();
 +
        }
 +
      })();
 
   });
 
   });
 
   $('#btnAgreeWahlo').click(function(){
 
   $('#btnAgreeWahlo').click(function(){
       answers[question_id] = 0;
+
       wahlomat.answers.push(0);
       openQuestion();
+
       wahlomat.openQuestion();
 
   });
 
   });
 
   $('#btnNeutralWahlo').click(function(){
 
   $('#btnNeutralWahlo').click(function(){
       answers[question_id] = 1;
+
       wahlomat.answers.push(1);
       openQuestion();
+
       wahlomat.openQuestion();
 
   });
 
   });
 
   $('#btnAchneeWahlo').click(function(){
 
   $('#btnAchneeWahlo').click(function(){
       answers[question_id] = 2;
+
       wahlomat.answers.push(2);
       openQuestion();
+
       wahlomat.openQuestion();
 
   });
 
   });
   function openQuestion() {
+
   wahlomat.openQuestion = function () {
       if(question_id === questions_wahlo.length) {
+
       if(wahlomat.question_id === wahlomat.questions.length) {
         $('#divMainWahlo').hide();
+
         wahlomat.prepareWeighting();
        $('#divResultWahlo').show();
 
 
         return false;
 
         return false;
 
       }
 
       }
      $('#spanNbQuestWahlo').text(question_id + 1);
 
      $('#spanTitleQuestWahlo').text(questions_wahlo[question_id][0]);
 
      $('#divQuestionTextWahlo').html(questions_wahlo[question_id][1]);
 
      question_id++;
 
      timerWahlo = 0;
 
 
       $('#spanAccuracyWahlo').hide();
 
       $('#spanAccuracyWahlo').hide();
       (function showAccuracyAlert() {
+
       $('#spanNbQuestWahlo').text(wahlomat.question_id + 1);
         setTimeout(showAccuracyAlert, 1000);
+
      $('#spanTitleQuestWahlo').text(wahlomat.questions[wahlomat.question_id][0]);
        if(timerWahlo++ > 30) {
+
      $('#divQuestionTextWahlo').html(wahlomat.questions[wahlomat.question_id][1]);
            $('#spanAccuracyWahlo').show();
+
      wahlomat.question_id++;
 +
      wahlomat.timer = 0;
 +
  };
 +
 
 +
  wahlomat.parties = new Array(
 +
      {
 +
        name: 'CDU',
 +
        answers: [1,2,2,2,0,0,1,0,2,0,0,0,0,0,2,1,2,2,2,2,1,2,2,0,0,0,2,2,0,0,0,0,2,0,1,0,0,2]
 +
      },
 +
      {
 +
        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]
 +
      },
 +
      {
 +
        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',
 +
        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]
 +
      },
 +
      {
 +
        name: 'Grüne',
 +
        answers: [2,0,0,1,1,2,0,2,0,0,2,2,2,2,2,2,0,1,0,0,2,0,0,0,2,2,1,1,2,2,2,1,0,1,2,2,2,1]
 +
      },
 +
      {
 +
        name: 'Linke',
 +
        answers: [2,0,0,0,2,2,2,2,0,2,2,2,2,2,2,2,1,2,0,0,2,0,2,2,2,2,0,0,2,2,2,2,0,2,2,0,2,2]
 +
      },
 +
      {
 +
        name: 'Piraten',
 +
        answers: [1,1,0,1,1,1,0,1,1,2,1,1,1,1,0,1,1,1,1,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1]
 +
      },
 +
      {
 +
        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]
 +
      },
 +
      {
 +
        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]
 +
      }
 +
  );
 +
  wahlomat.compareWithParty = function (index_party)
 +
  {
 +
      var party = wahlomat.parties[index_party];
 +
      var wahloPercentage = party.answers.length;
 +
      for (var i = 0; i < party.answers.length; i++) {
 +
        if (party.answers[i] != wahlomat.answers[i]) {
 +
            wahloPercentage--;  
 
         }
 
         }
       })();
+
       }
   }
+
      return Math.round(wahloPercentage / party.answers.length * 100);
 +
  };
 +
  wahlomat.calcResults = function () {
 +
      $('#divDeineAntworten').text(wahlomat.answers);
 +
      var result = [];
 +
      for (var i = 0; i < wahlomat.parties.length; i++) {
 +
        result.push({
 +
            name: wahlomat.parties[i].name,
 +
            percentage: wahlomat.compareWithParty(i)
 +
        });
 +
      }
 +
      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 () {
 +
      $('#divWeightWahlo').hide();
 +
      $('#divResultWahlo').show();
 +
      window.scrollTo(0, 0);
 +
      var wahloResults = wahlomat.calcResults();
 +
      for(var i = 0; i < wahloResults.length;i++) {
 +
        $('#divResultPercentWahlo').append('<div class="percentResultWahlo"><span class="redback" style="width:'+ wahloResults[i].percentage + '%"></span>' + '<span>' + wahloResults[i].name + '</span><span style="float: right;">' + wahloResults[i].percentage + ' %</span></div>');
 +
      }
 +
   };
 +
  $('#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>
 
<css>
 
<css>
.btnsWahlo span{
+
.btnsWahlo span {
 
   background:black;
 
   background:black;
 
   cursor:pointer;
 
   cursor:pointer;
Zeile 114: Zeile 256:
 
   margin:1px;
 
   margin:1px;
 
}
 
}
.btnsWahlo span:hover{
+
.btnsWahlo span:hover {
 
   background:#ff5500;
 
   background:#ff5500;
 +
}
 +
.percentResultWahlo {
 +
  font-weight: bold;
 +
  background-color: #DFEEFA;
 +
  margin: 1em 0;
 +
  font-size: 12pt;
 +
  line-height: 16pt;
 +
  position: relative;
 +
}
 +
.pointer{
 +
  cursor: pointer;
 +
}
 +
.percentResultWahlo:hover {
 +
  background: rgb(167, 201, 229);
 +
}
 +
.percentResultWahlo span
 +
{
 +
  padding: 6px;
 +
  display: inline-block;
 +
  z-index: 1;
 +
  position: relative;
 +
}
 +
.percentResultWahlo span.redback
 +
{
 +
  position: absolute;
 +
  right: 0;
 +
  top:0;
 +
  bottom:0;
 +
  display: inline-block;
 +
  height: auto;
 +
  background: #ff6600;
 +
  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

Stupi-pokal.png

Stupidedia-Goldpokal

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.

5stars-plus-3.png

Somit gehört dieser Artikel zur absoluten Elite und ist daher Staatseigentum!

Stupi-pokal.png

Linktipps: Faditiva und 3DPresso