Notes
Notes - notes.io |
<html>
<head>
<meta charset="UTF-8">
<title>Eurovision 2019 Favorites Sorter</title>
<script type="text/javascript">
<!--
//*********************************************************
//
// Please feel free to add to this list.
//
// You can change names in the list.
// I wrote names in quotation marks, and separated them with commmas.
// Please don't put a comma at the end though.
//
//*********************************************************
var namMember = new Array(
"<img src=/wp-content/uploads/2019/07/al-4.png> <b>Albania</b><br>Isea Çili<br><i>Mikja Ime Fëmijëria</i>",
"<img src=/wp-content/uploads/2019/07/am-2.png> <b>Armenia</b><br>Karina Ignatyan <br><i>Colours of Your Dream</i>",
"<img src=/wp-content/uploads/2019/07/au-1.png> <b>Australia</b><br>Jordan Anthony<br><i>We Will Rise</i>",
"<img src=/wp-content/uploads/2019/07/by-2.png> <b>Belarus</b><br>Elizabeta Misnikova<br><i>Pepelny</i>",
"<img src=/wp-content/uploads/2019/07/es-2.png> <b>Spain</b><br>Melanie García <br><i> Marte</i>",
"<img src=/wp-content/uploads/2019/07/fr-2.png> <b>France</b><br>Carla<br><i>Bim Bam Toi</i>",
"<img src=/wp-content/uploads/2019/07/ge-2.png> <b>Georgia</b><br>Giorgi Rostiashvili<br><i>We Need Love</i>",
"<img src=/wp-content/uploads/2019/07/ie-2.png> <b>Ireland</b><br>Anna Kearney<br><i>Banshee</i>",
"<img src=/wp-content/uploads/2019/07/it-2.png> <b>Italy</b><br>Marta Viola <br><i>La Voce Della Terra</i>",
"<img src=/wp-content/uploads/2019/07/nl-2.png> <b>Netherlands</b><br>Matheu<br><i>Dans Met Jou</i>",
"<img src=/wp-content/uploads/2019/07/pl-2.png> <b>Poland</b><br>Wiktoria Gabor<br><i>Superhero</i>",
"<img src=/wp-content/uploads/2019/07/rs-2.png> <b>Serbia</b><br>Darija Vračević<br><i>Podigni glas</i>",
"<img src=/wp-content/uploads/2019/07/ru-2.png> <b>Russia</b><br>Tatyana & Denberel <br><i>Vremya Dlya Nas</i>",
"<img src=/wp-content/uploads/2019/07/si-2.png> <b>Wales</b><br>Zala Kralj & <br>Gašper Šantl<br><i>Sebi</i>",
"<img src=/wp-content/uploads/2019/07/sm-2.png> <b>Kazakhstan</b><br>Serhat<br><i>Say Na Na Na</i>",
"<img src=/wp-content/uploads/2019/07/ua-2.png> <b>Ukraine</b><br>Sophia Ivanko <br><i>Koly zdaietsia</i>"
//
);
//*********************************************************
var lstMember = new Array();
var parent = new Array();
var equal = new Array();
var rec = new Array();
var cmp1, cmp2;
var head1, head2;
var nrec;
var numQuestion;
var totalSize;
var finishSize;
var finishFlag;
//The initialization of the variable+++++++++++++++++++++++++++++++++++++++++++++
function initList() {
var n = 0;
var mid;
var i;
//The sequence that you should sort
lstMember[n] = new Array();
for (i = 0; i < namMember.length; i++) {
lstMember[n][i] = i;
}
parent[n] = -1;
totalSize = 0;
n++;
for (i = 0; i < lstMember.length; i++) {
//And element divides it in two/more than two
//Increase divided sequence of last in first member
if (lstMember[i].length >= 2) {
mid = Math.ceil(lstMember[i].length / 2);
lstMember[n] = new Array();
lstMember[n] = lstMember[i].slice(0, mid);
totalSize += lstMember[n].length;
parent[n] = i;
n++;
lstMember[n] = new Array();
lstMember[n] = lstMember[i].slice(mid, lstMember[i].length);
totalSize += lstMember[n].length;
parent[n] = i;
n++;
}
}
//Preserve this sequence
for (i = 0; i < namMember.length; i++) {
rec[i] = 0;
}
nrec = 0;
//List that keeps your results
//Value of link initial
// Value of link initial
for (i = 0; i <= namMember.length; i++) {
equal[i] = -1;
}
cmp1 = lstMember.length - 2;
cmp2 = lstMember.length - 1;
head1 = 0;
head2 = 0;
numQuestion = 1;
finishSize = 0;
finishFlag = 0;
}
function sortList(flag) {
var i;
var str;
//rec preservation
if (flag < 0) {
rec[nrec] = lstMember[cmp1][head1];
head1++;
nrec++;
finishSize++;
while (equal[rec[nrec - 1]] != -1) {
rec[nrec] = lstMember[cmp1][head1];
head1++;
nrec++;
finishSize++;
}
} else if (flag > 0) {
rec[nrec] = lstMember[cmp2][head2];
head2++;
nrec++;
finishSize++;
while (equal[rec[nrec - 1]] != -1) {
rec[nrec] = lstMember[cmp2][head2];
head2++;
nrec++;
finishSize++;
}
} else {
rec[nrec] = lstMember[cmp1][head1];
head1++;
nrec++;
finishSize++;
while (equal[rec[nrec - 1]] != -1) {
rec[nrec] = lstMember[cmp1][head1];
head1++;
nrec++;
finishSize++;
}
equal[rec[nrec - 1]] = lstMember[cmp2][head2];
rec[nrec] = lstMember[cmp2][head2];
head2++;
nrec++;
finishSize++;
while (equal[rec[nrec - 1]] != -1) {
rec[nrec] = lstMember[cmp2][head2];
head2++;
nrec++;
finishSize++;
}
}
//Processing after finishing with one list
if (head1 < lstMember[cmp1].length && head2 == lstMember[cmp2].length) {
//List the remainder of cmp2 copies, list cmp1 copies when finished scanning
while (head1 < lstMember[cmp1].length) {
rec[nrec] = lstMember[cmp1][head1];
head1++;
nrec++;
finishSize++;
}
} else if (head1 == lstMember[cmp1].length && head2 < lstMember[cmp2].length) {
//List the remainder of cmp1 copies, list cmp2 copies when finished scanning
while (head2 < lstMember[cmp2].length) {
rec[nrec] = lstMember[cmp2][head2];
head2++;
nrec++;
finishSize++;
}
}
//When it arrives at the end of both lists
//Update a pro list
if (head1 == lstMember[cmp1].length && head2 == lstMember[cmp2].length) {
for (i = 0; i < lstMember[cmp1].length + lstMember[cmp2].length; i++) {
lstMember[parent[cmp1]][i] = rec[i];
}
lstMember.pop();
lstMember.pop();
cmp1 = cmp1 - 2;
cmp2 = cmp2 - 2;
head1 = 0;
head2 = 0;
//Initialize the rec before performing the new comparison
if (head1 == 0 && head2 == 0) {
for (i = 0; i < namMember.length; i++) {
rec[i] = 0;
}
nrec = 0;
}
}
if (cmp1 < 0) {
str = "Battle No." + (numQuestion - 1) + "<br>" + Math.floor(finishSize * 100 / totalSize) + "% sorted.";
document.getElementById("battleNumber").innerHTML = str;
showResult();
finishFlag = 1;
} else {
showImage();
}
}
//The results+++++++++++++++++++++++++++++++++++++++++++++++
//順位=Rank/Grade/Position/Standing/Status
//名前=Identification term
function showResult() {
var ranking = 1;
var sameRank = 1;
var str = "";
var i;
str += "<table style="width:200px; font-size:12px; line-height:120%; margin-left:auto; margin-right:auto; border:1px solid #000; border-collapse:collapse" align="center">";
str += "<tr><td style="color:#ffffff; background-color:#000; text-align:center;">Rank</td><td style="color:#ffffff; background-color:#000; text-align:center;">Entry</td></tr>";
for (i = 0; i < namMember.length; i++) {
str += "<tr><td style="border:1px solid #000; text-align:right; padding-right:5px;">" + ranking + "</td><td style="border:1px solid #000; padding-left:5px;">" + namMember[lstMember[0][i]] + "</td></tr>";
if (i < namMember.length - 1) {
if (equal[lstMember[0][i]] == lstMember[0][i + 1]) {
sameRank++;
} else {
ranking += sameRank;
sameRank = 1;
}
}
}
str += "</table>";
document.getElementById("resultField").innerHTML = str;
}
//Indicates two elements to compare+++++++++++++++++++++++++++++++++++
function showImage() {
var str0 = "Battle No." + numQuestion + "<br>" + Math.floor(finishSize * 100 / totalSize) + "% sorted.";
var str1 = "" + toNameFace(lstMember[cmp1][head1]);
var str2 = "" + toNameFace(lstMember[cmp2][head2]);
document.getElementById("battleNumber").innerHTML = str0;
document.getElementById("leftField").innerHTML = str1;
document.getElementById("rightField").innerHTML = str2;
numQuestion++;
}
//Convert numeric value into a name (emoticon)+++++++++++++++++++++++++++++++
function toNameFace(n) {
var str = namMember[n];
//Exclude the following comment when adding an emoticon
//Warning not to contradict an indext of namMember
/*
str += "<br>────<br>";
switch(n) {
//case -1 Because it is a sample, delete it
case -1: str+="（ ｴ∀｀）";break;
default: str+=""+n;
}
*/
return str;
}
//-->
</script>
<style type="text/css">
<!--
/**********************************************************
When changing the style of the list, please edit here.
**********************************************************/
p {
font-size: 12px;
font-family: sans-serif;
text-align: center;
}
body{
background-color: #092344;
color: white; }
#mainTable {
font-size: 12px;
font-family: sans-serif;
text-align: center;
vertical-align: middle;
width: 410px;
margin-left: auto;
margin-right: auto;
border-collapse: separate;
border-spacing: 10px 5px;
}
#resultField {
font-size: 12px;
font-family: sans-serif;
text-align: center;
}
#leftField {
width: 200px;
height: 150px;
border: 1px solid #FFFFFF;
}
#rightField {
width: 200px;
height: 150px;
border: 1px solid #FFFFFF;
}
.middleField {
width: 120px;
height: 70px;
border: 1px solid #000;
}
//-->
<!-- A {
text-decoration: none;
}
--><!-- a:hover {
color: #99ccff;
}
-->
</style>
<meta http-equiv="x-dns-prefetch-control" content="off" />
</head>
<body text="#000000" bgcolor="#ffffff" link="#0099ff" vlink="#0099ff" alink="#0099ff">
<center><img src=/wp-content/uploads/2019/07/dovelaul.png></center>
<table id="mainTable" align="center">
<tbody>
<tr>
<td colspan=3>
<p>Welcome to <a href="https://escaegean.com">Eurovision Aegean</a>'s Eurovision 2019 sorter! </p>
<p><b>Instructions:</b> You are given two countries and their songs. Click which one you like better, and go on until the end.
<!--To prevent ties, avoid the "I Like Both" and "No Opinion" buttons! Only use them if you really really really absolutely can't choose.-->
</p>
<p>This is a 100% accurate way to find out how you really rank songs. If you think the result is wrong, either you didn't choose an option correctly, or you're lying to yourself. :p</p>
<p> Follow us on <a href="https://www.instagram.com/eurovisionaegean/"> Instagram</a>, <a href="https://twitter.com/escaegean/"> Twitter</a> and <a href="https://www.facebook.com/Eurovision-Aegean-625664107916235/"> Facebook</a>! </p>
<p>Code originally from <a href="http://www.bathkame.me/">bathkame</a>.</p>
<p>Enjoy!</p>
</td>
</tr>
<tr>
<td id="battleNumber" colspan="3" style="padding-bottom: 10px;" style="text-align:center;">Battle No.1<br>0% sorted.</td>
</tr>
<tr>
<td id="leftField" onclick="if(finishFlag==0)sortList(-1);" rowspan="2" style="text-align:center;"></td>
<!-- <td class="middleField" onclick="if(finishFlag==0)sortList(0);" style="text-align:center;">
I Like Both
</td> -->
<td id="rightField" onclick="if(finishFlag==0)sortList(1);" rowspan="2" style="text-align:center;"></td>
</tr>
<!-- <tr>
<td class="middleField" onclick="if(finishFlag==0)sortList(0);"style="text-align:center;">
No Opinion
</td>
</tr> -->
</tbody>
</table><br><br>
<div id="resultField" style="text-align: center;">
<br><br>
</div>
<script type="text/javascript">
<!--
initList();
showImage();
//-->
</script>
<p><br></p>
</body>
</html>
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
