
<html><head>


    <link rel="stylesheet" type="text/css" href="vote.css">

    <style>

.canddata, .prefdata{

width:30%;

height: 150px;

background: #E0FFD0;

}


.canddata ul{

list-style-type: none;

list-style-position: inside;

}

.prefdata ol{

list-style-position: outside;

}


.canddata ul li:hover, .prefdata ol li:hover{

background: #E0E0E0;

}

    </style>

    <title>Maemo - Votes</title>

    <meta name="cvsdate" content="$Date: 2007-04-02 21:46:40 +0200 (Mon, 02 Apr 2007) $">

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript">

//<![CDATA[

function addPreference(listItem)

{

var preferenceList = document.getElementById('preferences');

listItem.parentNode.removeChild(listItem);

preferenceList.appendChild(listItem);

listItem.setAttribute('onclick', 'removePreference(this)');

}

function removePreference(listItem)

{

var candidateList = document.getElementById('candidates');

listItem.parentNode.removeChild(listItem);

candidateList.appendChild(listItem);

listItem.setAttribute('onclick', 'addPreference(this)');

}


function populateList(){

  var candidateList = document.getElementById('candidates');

  var listItem;

  var prefInput;

  var listItemText;


  listItem = document.createElement('li');

  listItem.setAttribute('name', 'vote20');

  listItem.setAttribute('onclick', 'addPreference(this)');

  listItemText = document.createTextNode('Dave Neary');

  listItem.appendChild(listItemText);

  candidateList.appendChild(listItem);


  prefInput = document.createElement('input');

  prefInput.value = '';

  prefInput.name = 'pref1';

  prefInput.id = 'pref1';

  prefInput.type = 'hidden';

  document.forms[0].appendChild(prefInput);


  listItem = document.createElement('li');

  listItem.setAttribute('name', 'vote21');

  listItem.setAttribute('onclick', 'addPreference(this)');

  listItemText = document.createTextNode('Niels Breet');

  listItem.appendChild(listItemText);

  candidateList.appendChild(listItem);


  prefInput = document.createElement('input');

  prefInput.value = '';

  prefInput.name = 'pref2';

  prefInput.id = 'pref2';

  prefInput.type = 'hidden';

  document.forms[0].appendChild(prefInput);


  listItem = document.createElement('li');

  listItem.setAttribute('name', 'vote22');

  listItem.setAttribute('onclick', 'addPreference(this)');

  listItemText = document.createTextNode('Henri Bergius');

  listItem.appendChild(listItemText);

  candidateList.appendChild(listItem);


  prefInput = document.createElement('input');

  prefInput.value = '';

  prefInput.name = 'pref3';

  prefInput.id = 'pref3';

  prefInput.type = 'hidden';

  document.forms[0].appendChild(prefInput);


  listItem = document.createElement('li');

  listItem.setAttribute('name', 'vote23');

  listItem.setAttribute('onclick', 'addPreference(this)');

  listItemText = document.createTextNode('Andre Klapper');

  listItem.appendChild(listItemText);

  candidateList.appendChild(listItem);


  prefInput = document.createElement('input');

  prefInput.value = '';

  prefInput.name = 'pref4';

  prefInput.id = 'pref4';

  prefInput.type = 'hidden';

  document.forms[0].appendChild(prefInput);


  listItem = document.createElement('li');

  listItem.setAttribute('name', 'vote24');

  listItem.setAttribute('onclick', 'addPreference(this)');

  listItemText = document.createTextNode('Glaubert Oliveira');

  listItem.appendChild(listItemText);

  candidateList.appendChild(listItem);


  prefInput = document.createElement('input');

  prefInput.value = '';

  prefInput.name = 'pref5';

  prefInput.id = 'pref5';

  prefInput.type = 'hidden';

  document.forms[0].appendChild(prefInput);


}


function submitPreferences() {

  // Traverse OL, get name & position of preferences, and for each preference, 

  // set value of hidden input with name prefN to value voteM before submitting

  var preferenceList = document.getElementById('preferences');

  var pref;

  var i = 0;

  var index = 0;


  // Iterate through the list 

  for( i = 0; i < preferenceList.childNodes.length; i++ ) 

  {

    node = preferenceList.childNodes[i];

    // If we have a list item, get its name & set the appropriate hidden input

    if (node.nodeName.toLowerCase() == 'li')

    {

       index++;

       pref=document.getElementById('pref'+index)

       pref.value = node.getAttribute('name');

      // DEBUG: alert(pref.name + '=' + pref.value);

    }

  }

}


//]]>

    </script>


  </head><body onload="populateList()">


<h1>Test election preferential</h1>

<form action="/vote/vote.php" method="post" onsubmit="submitPreferences()">

<h2>Step 2/4 - Choose your vote</h2>

<p>Choose your candidates in the order of your preference by clicking on them. Don't worry, if you click on someone by mistake you can correct it later. Once you are happy with the order, submit your vote. You will have the chance to review and confirm your ballot on the next page.</p><p>Possible choices:</p>

<div class="canddata">

<h3>Candidates</h3>

<ul id="candidates">

</ul>


</div><div class="prefdata"><h3>Preferences</h3>

<ol id="preferences">

</ol>

</div>

  <input name="email" value="dneary@maemo.org" type="hidden">

  <input name="tmp_token" value="ABCDEFGHIJ" type="hidden">

  <input name="election_id" value="5" type="hidden">

  <input name="step" value="3" type="hidden">

  <input value="Continue to next step" type="submit">

</form>

</body></html>