/    Sign up×
Community /Pin to ProfileBookmark

(Javascript) Image sorter/ranker?

So there’s this sorting/ranking thing I found, but currently the left and right options only display as text, is it possible to make it display images instead? I’m a complete brainlet when it comes to this sort of stuff though.

[code]<!–BUTTS–>
<script type=”text/javascript” language=”JavaScript”><!–
function HideContent(d) {
document.getElementById(d).style.display = “none”;
}
function ShowContent(d) {
document.getElementById(d).style.display = “block”;
}
function ReverseDisplay(d) {
if(document.getElementById(d).style.display == “none”) { document.getElementById(d).style.display = “block”; }
else { document.getElementById(d).style.display = “none”; }
}
//–></script>

<style>
.center {
margin-top: 48px;
margin-left: auto;
margin-right: auto;
width: 700px;
}
p {
max-width: 700px;
}
body {
padding-bottom: 100px;
}
div {
text-align: justify;
text-justify: inter-word;
}

</style>
<script src=”../assets.tumblr.com/assets/scripts/tumblelog_post_message_queue38df.js?_v=a8fadfa499d8cb7c3f8eefdf0b1adfdd”></script><link rel=”stylesheet” type=”text/css” href=”../assets.tumblr.com/fonts/gibson/stylesheet30f4.css?v=3″><!– TWITTER TAGS –>
<!– Mirrored from slimedrippings.tumblr.com/gamefaqssort by HTTrack Website Copier/3.x [XR&CO’2014], Sat, 18 Jan 2020 15:06:33 GMT –>
<!– Added by HTTrack –><meta http-equiv=”content-type” content=”text/html;charset=UTF-8″ /><!– /Added by HTTrack –>
<meta charset=”utf-8″><meta name=”twitter:site” content=”tumblr” /><meta name=”twitter:card” content=”app” /><meta name=”twitter:description” content=”slimedrippings” /><meta name=”twitter:title” content=”slimedrippings” /><meta name=”twitter:app:name:iphone” content=”Tumblr” /><meta name=”twitter:app:name:ipad” content=”Tumblr” /><meta name=”twitter:app:name:googleplay” content=”Tumblr” /><meta name=”twitter:app:id:iphone” content=”305343404″ /><meta name=”twitter:app:id:ipad” content=”305343404″ /><meta name=”twitter:app:id:googleplay” content=”com.tumblr” /><meta name=”twitter:app:url:iphone” content=”tumblr://x-callback-url/blog?blogName=slimedrippings&amp;referrer=twitter-cards” /><meta name=”twitter:app:url:ipad” content=”tumblr://x-callback-url/blog?blogName=slimedrippings&amp;referrer=twitter-cards” /><meta name=”twitter:app:url:googleplay” content=”tumblr://x-callback-url/blog?blogName=slimedrippings&amp;referrer=twitter-cards” /><link rel=”canonical” href=”gamefaqssort.html” /></head>
<body>
<font face=”verdana”>
<div class=”center”>

<h2>What is this?</h2>

<div id=”1″ style=”display:none;”>
<p>
So apparently GameFAQs is <a href=”http://www.gamefaqs.com/features/bge20_vote”target=”_blank”>having some weird silly “best game ever” voting competition</a> and I figured this would probably be a much more bearable form of picking favorites. More detailed too since it compares every game to every other game instead of just being about what “number one” is.
<p>
The sorter uses GameFAQs’ list of 128 games, which were apparently nominated in via an assortment of methods and come from multiple generations.
</p>
</div>

<a href=”javascript:ReverseDisplay(‘1’)”>
[Click to show/hide]
</a>

<h2>Ok, how do I use this?</h2>

<div id=”2″ style=”display:none;”>
<p>
Just click on the name of whichever game you like more! If you love or hate both games equally, or simply dont know either of the games, click “I feel the same way about both”.
<p>
Using this sorter can take between 127 and 448 “battles”, so please make yourself comfortable and take care of any responsibilities prior to starting your sorting.
</p>
</div>

<a href=”javascript:ReverseDisplay(‘2’)”>
[Click to show/hide]
</a>

<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html lang=”ja”>
<head prefix=”og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#”>
<meta http-equiv=”Content-Type” content=”text/html; charset=Shift_JIS”>
<meta http-equiv=”Content-Style-Type” content=”text/css”>
<meta http-equiv=”Content-Script-Type” content=”text/javascript”>
<title>Sort some games or something!</title>
<script type=”text/javascript”>
<!–
//*********************************************************
//
// 評価するメンバーの名前のリスト
//
// この部分を変更して下さい。名前の削除・追加も可能です。
// 名前を引用符(“)で括り、コンマ(,)で区切って下さい。
// 但し、リストの最後にはコンマを入れてはいけません。
//
// Add the names of the characters you wish to sort below.
//
// Names should be enclosed in quotation marks (“).
// Names should be separated by a comma (,).
// However, do not put a comma at the end of the list.
//
//*********************************************************
//
// Code grabbed from the view-source: of
// http://blingbling.konjiki.jp/bbst.html
//
// I do not know where the original code is from, sorry.
//
// Most of the translations are from Google Translate.
// Which is terrible, but what ya gonna do?
//
//*********************************************************
var namMember = new Array(
//———————————————————
“Destiny”,
“Mass Effect 2”,
“Virtue’s Last Reward”
);
//*********************************************************

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;

//変数の初期化+++++++++++++++++++++++++++++++++++++++++++++
//(Variable initialization)++++++++++++++++++++++++++++++++
function initList(){
var n = 0;
var mid;
var i;

//ソートすべき配列(Sequence to be sorted)
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++) {
//要素数が2以上なら2分割し、(???)
//分割された配列をlstMemberの最後に加える(???)
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++;
}
}

//保存用配列(Storage array)
for (i=0; i<namMember.length; i++) {
rec[i] = 0;
}
nrec = 0;

//引き分けの結果を保存するリスト(???)
//キー:リンク始点の値(???)
// 値 :リンク終点の値(???)
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;
}

//リストのソート+++++++++++++++++++++++++++++++++++++++++++
//(Sort the list)++++++++++++++++++++++++++++++++++++++++++
//flag:比較結果(flag: comparison result)
// -1:左を選択(Select the left)
// 0:引き分け(Draws)
// 1:右を選択(Choose the Right)
function sortList(flag){
var i;
var str;

//recに保存(Save the rec)
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 it has finished scanning the list of one)
if (head1<lstMember[cmp1].length && head2==lstMember[cmp2].length) {
//リストcmp2が走査済 – リストcmp1の残りをコピー
//(Cmp2 list is scanned – copy the rest of the list cmp1)
while (head1<lstMember[cmp1].length){
rec[nrec] = lstMember[cmp1][head1];
head1++;
nrec++;
finishSize++;
}
}
else if (head1==lstMember[cmp1].length && head2<lstMember[cmp2].length) {
//リストcmp1が走査済 – リストcmp2の残りをコピー
//(Cmp1 list is scanned – copy the rest of the list cmp2)
while (head2<lstMember[cmp2].length){
rec[nrec] = lstMember[cmp2][head2];
head2++;
nrec++;
finishSize++;
}
}

//両方のリストの最後に到達した場合は
//(If you reach the end of the list of both)
//親リストを更新する(I want to update the parent 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;

//新しい比較を行う前にrecを初期化
//(Initialize the rec before you make a 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();
}
}

//結果の表示+++++++++++++++++++++++++++++++++++++++++++++++
//(View Results)+++++++++++++++++++++++++++++++++++++++++++
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;”>Game</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;
}

//比較する2つ要素の表示+++++++++++++++++++++++++++++++++++
//(Display of two elements to be compared)+++++++++++++++++
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 name to (emoticons) a number+++++++++++++++++++++

function toNameFace(n){
var str = namMember[n];

//顔文字を追加する場合は以下のコメントアウトを外す
//namMemberのインデックスと矛盾しないように注意
/*
str += “<br>────<br>”;
switch(n) {
//case -1 はサンプルなので削除すること
case -1: str+=”( ´∀`)”;break;
default: str+=””+n;
}
*/
return str;
}
//–>
</script>
<style type=”text/css”>
<!–
/**********************************************************

表のスタイルを変更する場合はここを編集してください。
Please edit here if you want to change the style of the table.

**********************************************************/
iframe {display:none !important;}
#mainTable{
font-size: 16px;
font-family: ‘MS Pゴシック’,sans-serif;
text-align: center;
vertical-align: middle;
width: 410px;
margin-left: auto;
margin-right: auto;
border-collapse: separate;
border-spacing: 10px 5px;
}
#leftField{
width: 120px;
height: 150px;
border: 1px solid #000;
}
#rightField{
width: 120px;
height: 150px;
border: 1px solid #000;
}
.middleField{
width: 120px;
height: 70px;
border: 1px solid #000;
}
//–>
</style>
<style type=”text/css”>figure {margin: 0;}</style>
<style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}.tmblr-iframe–amp-cta-button{visibility:hidden;position:fixed;bottom:10px;left:50%;transform:translateX(-50%);z-index:100}.tmblr-iframe–amp-cta-button.tmblr-iframe–loaded{visibility:visible;animation:iframe-app-cta-transition .2s ease-out}</style><link rel=”stylesheet” media=”screen” href=”../assets.tumblr.com/client/prod/standalone/blog-network-npf/index.build33c9.css?_v=6e121b6530ce38be364bf1089290570b”><link rel=”stylesheet” type=”text/css” href=”../st.shinobi.jp/img/services/homepage/commercial.css” /><meta name=”robots” content=”noindex”/>

<script src=”../assets.tumblr.com/assets/scripts/tumblelogd5cb.js?_v=454fc1618d865ba96c0749de3c9277c9″></script>

<link rel=”stylesheet” type=”text/css” href=”../assets.tumblr.com/fonts/gibson/stylesheet30f4.css?v=3″>

</head>

<body>

<table id=”mainTable” align=”center”>
<tr>
<td id=”battleNumber” colspan=”3″ style=”padding-bottom: 10px;”>
&nbsp;
</td>
</tr>
<tr>
<td id=”leftField” onClick=”if(finishFlag==0)sortList(-1);” rowspan=”2″>
&nbsp;
</td>
<td class=”middleField” onClick=”if(finishFlag==0)sortList(0);”>
I feel the same way about both
</td>
<td id=”rightField” onClick=”if(finishFlag==0)sortList(1);” rowspan=”2″>
&nbsp;
</td>
</tr>

</tr>
</table><br><br>
<div id=”resultField” style=”text-align:center;”>
</div>
<script type=”text/javascript”>
<!–
initList();
showImage();
//–>
</script>
</ul><!– BEGIN TUMBLR CODE –><iframe scrolling=”no” width=”1″ height=”1″ frameborder=”0″ style=”background-color:transparent; overflow:hidden; position:absolute; top:0; left:0; z-index:9999;” id=”ga_target”></iframe><script type=”text/javascript”>
(function(){
var analytics_frame = document.getElementById(‘ga_target’);
var analytics_iframe_loaded;
var user_logged_in;
var blog_is_nsfw = ‘No’;
var addthis_enabled = false;

var eventMethod = window.addEventListener ? “addEventListener” : “attachEvent”;
var eventer = window[eventMethod];
var messageEvent = eventMethod == “attachEvent” ? “onmessage” : “message”;
eventer(messageEvent,function(e) {
var message = (e.data && e.data.split) ? e.data.split(‘;’) : ”;
switch (message[0]) {
case ‘analytics_iframe_loaded’:
analytics_iframe_loaded = true;
postCSMessage();
postGAMessage();
postATMessage();
postRapidMessage();
break;
case ‘user_logged_in’:
user_logged_in = message[1];
postGAMessage();
postATMessage();
break;
}
}, false);

analytics_frame.src = “https://secure.assets.tumblr.com/analytics.html?c45f653a90aded9d4dfc7859484e97c5#” +
“http://blazsort.tumblr.com”;
function postGAMessage() {
if (analytics_iframe_loaded && user_logged_in) {
var is_ajax = false;
analytics_frame.contentWindow.postMessage([‘tick_google_analytics’, is_ajax, user_logged_in, blog_is_nsfw, ‘/?route=%2F’].join(‘;’), analytics_frame.src.split(‘analytics.html’)[0]);
}
}
function postCSMessage() {
COMSCORE = true;
analytics_frame.contentWindow.postMessage(‘enable_comscore;’ + window.location, analytics_frame.src.split(‘analytics.html’)[0]);
}
function postATMessage() {
if (addthis_enabled && analytics_iframe_loaded) {
analytics_frame.contentWindow.postMessage(‘enable_addthis’, analytics_frame.src.split(‘analytics.html’)[0]);
}
}
function postRapidMessage() {
if (analytics_iframe_loaded) {
var is_ajax = ”;
var route = ‘index.html’;
var tumblelog_id = ‘70580096’;
var yahoo_space_id = ‘1197719229’;
var rapid_client_only = ‘1’;
var apv = ‘1’;
var rapid_ex = ”;

analytics_frame.contentWindow.postMessage(
[
‘tick_rapid’, is_ajax, route, user_logged_in, tumblelog_id,
yahoo_space_id, rapid_client_only, apv, rapid_ex
].join(‘;’),
analytics_frame.src.split(‘analytics.html’)[0]
);
}
}
})();
</script><script type=”text/javascript”>!function(s){s.src=’https://px.srvcs.tumblr.com/impixu?T=1448357612&J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvYmxhenNvcnQudHVtYmxyLmNvbVwvIiwicmVxdHlwZSI6MCwicm91dGUiOiJcLyJ9&U=PDDAAABDPM&K=551dc6c78c8e3852c5d2f44c113ba4487bc337a7a206022f1970787b619f4870&R=’.replace(/&R=[^&$]*/,”).concat(‘&R=’+escape(document.referrer)).slice(0,2000).replace(/%.?.?$/,”);}(new Image());</script><noscript><img style=”position:absolute;z-index:-3334;top:0px;left:0px;visibility:hidden;” src=”https://px.srvcs.tumblr.com/impixu?T=1448357612&amp;J=eyJ0eXBlIjoidXJsIiwidXJsIjoiaHR0cDpcL1wvYmxhenNvcnQudHVtYmxyLmNvbVwvIiwicmVxdHlwZSI6MCwicm91dGUiOiJcLyIsIm5vc2NyaXB0IjoxfQ==&amp;U=PDDAAABDPM&amp;K=bed38554c21eea8e3f135e96bdc3432d3c64e96d54026c48df7c368bd3da6a85&amp;R=”></noscript><script >
(function (w,d) {
‘use strict’;
var l = function(el, type, listener, useCapture) {
el.addEventListener ?
el.addEventListener(type, listener, !!useCapture) :
el.attachEvent && el.attachEvent(‘on’ + type, listener, !!useCapture);
};
var a = function () {
if (d.getElementById(‘tumblr-cdx’)) {
return;
}
var s = d.createElement(‘script’);
var el = d.getElementsByTagName(‘script’)[0];
s.async = true;
s.src = ‘../assets.tumblr.com/assets/scripts/vendor/cedexis/cedexis.radarf66f.html?_v=7450eec657e34e1e41dac4e1af96a170’;
s.type = ‘text/javascript’;
s.id = ‘tumblr-cdx’;
d.body.appendChild(s);
};
l(w,’load’,a);
}(window, document));
</script><script >
(function (w,d) {
‘use strict’;
var l = function(el, type, listener, useCapture) {
el.addEventListener ?
el.addEventListener(type, listener, !!useCapture) :
el.attachEvent && el.attachEvent(‘on’ + type, listener, !!useCapture);
};
var a = function () {
if (d.getElementById(‘tumblr-cdx’)) {
return;
}
var s = d.createElement(‘script’);
var el = d.getElementsByTagName(‘script’)[0];
s.async = true;
s.src = ‘../assets.tumblr.com/assets/scripts/vendor/cedexis/cedexis.radarf66f.html?_v=7450eec657e34e1e41dac4e1af96a170’;
s.type = ‘text/javascript’;
s.id = ‘tumblr-cdx’;
d.body.appendChild(s);
};
l(w,’load’,a);
}(window, document));
</script><iframe id=”tumblr_controls” class=”tumblr_controls” width=”1″ height=”1″ frameborder=”0″ scrolling=”no” src=”https://secure.assets.tumblr.com/assets/html/iframe/o.html?_v=321e518cb9b2cf082d604d6757c75da1#src=http%3A%2F%2Fblazsort.tumblr.com%2F&amp;lang=en_US&amp;name=blazsort&amp;brag=false&amp;avatar=http%3A%2F%2Fassets.tumblr.com%2Fimages%2Fdefault_avatar_64.png&amp;title=BlazBlue+Character+Sort&amp;url=http%3A%2F%2Fblazsort.tumblr.com%2F&amp;page_slide=slide”></iframe>
<div id=”teaser_iframe_container” style=”display:none;”><iframe scrolling=”no” frameborder=”0″ src=”https://assets.tumblr.com/assets/html/iframe/teaser.html?_v=45631c19c03dbcf0e4dc673313d6c70d#src=http%3A%2F%2Fblazsort.tumblr.com%2F&amp;lang=en_US&amp;name=blazsort&amp;brag=false&amp;avatar=http%3A%2F%2Fassets.tumblr.com%2Fimages%2Fdefault_avatar_64.png&amp;title=BlazBlue+Character+Sort&amp;url=http%3A%2F%2Fblazsort.tumblr.com%2F&amp;page_slide=slide” id=”teaser_iframe” width=”1″ height=”1″></iframe></div><script type=”text/javascript”>
(function(Tumblr){
var follow_iframe_initialized = false;
if (Tumblr.FollowTeaser && Tumblr.PostMessageListener) {
// Don’t do anything until the first initialize event
Tumblr.PostMessageListener.initialize(function(message, origin) {
if (follow_iframe_initialized || message.length < 2) return;

if (message[0] === ‘follow_iframe’ && message[1] === ‘enable’) {
Tumblr.FollowTeaser.current_page = 1;
Tumblr.FollowTeaser.infer_infinite_scroll = true;
Tumblr.FollowTeaser.create_from_tumblr_controls(“gamefaqssort.html//assets.tumblr.com/assets/html/iframe/follow.html?_v=ce8b645eb2139312dd40a97809a4a7f3”);
Tumblr.FollowTeaser.scroll_listener(true);
follow_iframe_initialized = true;
}
});
}
})(this.Tumblr || (this.Tumblr = {}));
</script><!–[if IE]><script type=”text/javascript”>document.getElementById(‘tumblr_controls’).allowTransparency=true;</script><![endif]–><!– END TUMBLR CODE –>
<!—————————————————————————–>
<!—————————————————————————–>
<!—————————————————————————–>
<script>
(function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,’script’,’../www.google-analytics.com/analytics.js’,’ga’);

ga(‘create’, ‘UA-70766724-1’, ‘auto’);
ga(‘send’, ‘pageview’);

</script>

<iframe scrolling=”no” width=”1″ height=”1″ frameborder=”0″ style=”background-color:transparent; overflow:hidden; position:absolute; top:0; left:0; z-index:9999;” id=”ga_target”></iframe><script type=”text/javascript”>
(function(){
var analytics_frame = document.getElementById(‘ga_target’);
var analytics_iframe_loaded;
var user_logged_in;
var blog_is_nsfw = ‘No’;

var eventMethod = window.addEventListener ? “addEventListener” : “attachEvent”;
var eventer = window[eventMethod];
var messageEvent = eventMethod == “attachEvent” ? “onmessage” : “message”;
eventer(messageEvent,function(e) {
var message = (e.data && e.data.split) ? e.data.split(‘;’) : ”;
switch (message[0]) {
case ‘analytics_iframe_loaded’:
analytics_iframe_loaded = true;
postCSMessage();
postGAMessage();
break;
case ‘user_logged_in’:
user_logged_in = message[1];
postGAMessage();
break;
}
}, false);

analytics_frame.src = “https://assets.tumblr.com/analytics.html?_v=f5cf4ddfa3c5301b7df129f74ead90c9#” +
“https://slimedrippings.tumblr.com”;
function postGAMessage() {
if (analytics_iframe_loaded && user_logged_in) {
var is_ajax = false;
analytics_frame.contentWindow.postMessage([‘tick_google_analytics’, is_ajax, user_logged_in, blog_is_nsfw, ‘/gamefaqssort?route=custom_page’].join(‘;’), analytics_frame.src.split(‘analytics.html’)[0]);
}
}
function postCSMessage() {
COMSCORE = true;
analytics_frame.contentWindow.postMessage(‘enable_comscore;’ + window.location, analytics_frame.src.split(‘analytics.html’)[0]);
}
})();
</script><noscript id=”bootloader” data-bootstrap=”{&quot;Components&quot;:{&quot;PostActivity&quot;:[],&quot;NotificationPoller&quot;:{&quot;messaging_keys&quot;:[],&quot;token&quot;:&quot;c86f8a500596474a7ef5034081f694bd&quot;,&quot;inbox_unread&quot;:0},&quot;DesktopDashboardLogo&quot;:{&quot;animations&quot;:[[&quot;https://assets.tumblr.com/images/logo/hover-animations/1.png?_v=161861acded461bb6e995593a3bae835&quot;,&quot;https://assets.tumblr.com/images/logo/hover-animations/[email protected]?_v=496a774637302a598c851381d00009b0&quot;]]},&quot;TumblelogIframe&quot;:{&quot;unified&quot;:true,&quot;variant&quot;:null,&quot;isCompact&quot;:true,&quot;tumblelogBundleSrc&quot;:&quot;https://assets.tumblr.com/client/prod/standalone/tumblelog/index.build.js?_v=d6b4c0e63c37f5c4e846a3d6df8034c9&quot;,&quot;tumblelogName&quot;:&quot;slimedrippings&quot;,&quot;isLoggedIn&quot;:false,&quot;isFriend&quot;:false,&quot;formKey&quot;:&quot;&quot;,&quot;canSubscribe&quot;:false,&quot;isSubscribed&quot;:false,&quot;tumblelogTitle&quot;:&quot;Spoopy&quot;,&quot;tumblelogAvatar&quot;:&quot;https://assets.tumblr.com/images/default_avatar/cube_open_64.png&quot;,&quot;tumblelogHost&quot;:&quot;https://slimedrippings.tumblr.com&quot;,&quot;isOptica&quot;:false,&quot;isCustomTheme&quot;:true,&quot;themeHeaderImage&quot;:&quot;https://assets.tumblr.com/images/default_header/optica_pattern_14.png?_v=8c2d3b00544b7efbc4ac06dc3f80e374&quot;,&quot;themeBackgroundColor&quot;:&quot;#FAFAFA&quot;,&quot;themeTitleColor&quot;:&quot;#444444&quot;,&quot;themeAccentColor&quot;:&quot;#529ECC&quot;,&quot;brag&quot;:true,&quot;adsEnabled&quot;:true,&quot;canShowAd&quot;:true,&quot;isPremium&quot;:false,&quot;showLrecAds&quot;:false,&quot;showStickyLrecBackfill&quot;:false,&quot;showGeminiAds&quot;:false,&quot;geminiSectionCodeDesktop&quot;:&quot;a10bca9c-0c5d-4a02-ab13-14ab8513d81d&quot;,&quot;geminiSectionCodeMobile&quot;:&quot;ced63809-b609-4aca-96a0-abc099acba6b&quot;,&quot;currentPageType&quot;:null,&quot;currentPage&quot;:false,&quot;searchQuery&quot;:&quot;&quot;,&quot;tag&quot;:&quot;&quot;,&quot;query&quot;:&quot;&quot;,&quot;chrono&quot;:false,&quot;postId&quot;:&quot;&quot;,&quot;src&quot;:&quot;https://slimedrippings.tumblr.com/gamefaqssort&quot;,&quot;postUrl&quot;:&quot;&quot;,&quot;isBlocked&quot;:null,&quot;isAdmin&quot;:false,&quot;lookupButtonUrl&quot;:&quot;&quot;,&quot;showSpamButton&quot;:false,&quot;showRootPostButton&quot;:false,&quot;rootPostUrl&quot;:&quot;&quot;,&quot;showRadarPostButton&quot;:false,&quot;radarKeys&quot;:&quot;&quot;,&quot;isUniblocked&quot;:false,&quot;isNsfw&quot;:false,&quot;isAdult&quot;:false,&quot;isSpam&quot;:false,&quot;isPrimaryBlog&quot;:false,&quot;canEdit&quot;:false,&quot;canReblogSelf&quot;:false,&quot;showLikeButton&quot;:false,&quot;showReblogButton&quot;:false,&quot;reblogUrl&quot;:&quot;&quot;,&quot;showFanMailButton&quot;:false,&quot;showMessagingButton&quot;:false,&quot;loginCheckIframeSrc&quot;:&quot;https://assets.tumblr.com/assets/html/iframe/login_check.html?_v=3de94a184d600617102ddd5b48fb36e9&quot;,&quot;appInstallUrls&quot;:{&quot;android&quot;:&quot;https://play.google.com/store/apps/details?id=com.tumblru0026referrer=utm_source%3Dtumblr%26utm_medium%3Diframe%26utm_campaign%3Dtumblr_new_iframe&quot;,&quot;ios&quot;:&quot;https://itunes.apple.com/app/apple-store/id305343404?pt=9029u0026ct=tumblr_new_iframeu0026mt=8&quot;},&quot;appOpenReferrer&quot;:&quot;tumblr_new_iframe&quot;,&quot;isShowSearch&quot;:false,&quot;supplyLogging&quot;:[],&quot;secondsSinceLastActivity&quot;:-1}},&quot;Flags&quot;:{&quot;doods&quot;:&quot;eyJmaWx0ZXJfbnNmdyI6dHJ1ZSwic2FmZV9tb2RlIjp0cnVlLCJzYWZlX21vZGVfZW5hYmxlZCI6dHJ1ZSwia2V5Y29tbWFuZF9hdXRvX3BhZ2luYXRlIjp0cnVlLCJsb2dnZWRfb3V0X3NlYXJjaCI6dHJ1ZSwia3Jha2VuX3dlYl9sb2dnaW5nX2xpYnJhcnkiOnRydWUsInR1bWJsZWxvZ19wb3BvdmVyIjp0cnVlLCJjYW5vbmljYWxfdXJsX3dyaXRlcyI6dHJ1ZSwiZW5hYmxlX2NhcHR1cmVfanMiOnRydWUsInRhYmxldF9iYW5uZXJfYWN0aXZlIjp0cnVlLCJtb2JpbGVfYmFubmVyX2FjdGl2ZSI6dHJ1ZSwibG9nX3NlYXJjaF9ib3giOnRydWUsInVzZXJfbWVudGlvbnMiOnRydWUsImh0bWw1X2F1ZGlvX3BsYXllciI6dHJ1ZSwicG9wb3Zlcl9yZWNvbW1lbmRhdGlvbnMiOnRydWUsImluZGFzaF9yZWNvbW1lbmRhdGlvbnMiOnRydWUsInBvcHRpY2FfdHVtYmxlbG9nX3BvcG92ZXJzIjp0cnVlLCJkZXByZWNhdGVfZmVhdHVyZWRfdGFncyI6dHJ1ZSwidGFiX3N3aXRjaGVyIjp0cnVlLCJmYXN0X2NvbXBvc2UiOnRydWUsImRhc2hib2FyZF9yZWZyZXNoIjp0cnVlLCJtb2JpbGVfd2ViX3Bob3Rvc2V0cyI6dHJ1ZSwibW9iaWxlX3dlYl9nYXRlIjp0cnVlLCJtb2JpbGVfd2ViX3BhZ2VfdGl0bGVzIjp0cnVlLCJkb250X2Nhc3RfanNfZm9sbG93cyI6dHJ1ZSwiYWRzX25ld192ZW5kb3JfYnV0dG9ucyI6dHJ1ZSwicmVhY3RpdmF0aW9uX2Zsb3ciOnRydWUsImd1bHBqc19hZG1pbiI6dHJ1ZSwiZW5hYmxlX2pzX2Vycm9yc19sb2ciOnRydWUsImVuYWJsZV9qc19lcGhlbWVyYWxfbG9nIjp0cnVlLCJsb2dfbGFkeSI6dHJ1ZSwiY3Nsb2dnZXJfanMiOnRydWUsImRpc2NvdmVyeV9odWJfYWNjZXNzIjp0cnVlLCJoZWFkZXJfYWNjb3VudF9tZW51Ijp0cnVlLCJlbmFibGVfc2hhcmVfZW1iZWRfY29kZSI6dHJ1ZSwicGVlcHJfc2VhcmNoX2FuZF9maWx0ZXIiOnRydWUsImZvbGxvd2VkX3NlYXJjaGVzX2JpZ193ZWIiOnRydWUsImxpdmVwaG90b3Nfd2ViIjp0cnVlLCJ1c2VyX3RhZ19maWx0ZXJpbmciOnRydWUsInByb2plY3RfeF9hcHBlYWwiOnRydWUsInByb2plY3RfeF93ZWJfc2Vuc2l0aXZlX2NvdmVycyI6dHJ1ZSwic2FmZV9tb2RlX293bl9wb3N0Ijp0cnVlLCJoaWRlX2RlZmF1bHRfaGVhZGVyc19ibG9nX2NhcmRzIjp0cnVlLCJub3RpZmljYXRpb25fcmVwbHlfbGlua190b19ub3RlcyI6dHJ1ZSwidHlwaW5nX2luZGljYXRvcl93cml0ZSI6dHJ1ZSwiZ2Rwcl9ndWNlX2lzX3JlcXVpcmVkIjp0cnVlLCJ0dW1ibHJfdmlkZW9fc3BvbnNvcmVkX2RheSI6dHJ1ZSwiY2FwdGNoYTp1c2VfcmVjYXB0Y2hhMiI6dHJ1ZSwiZGFybGFfYWRfZmVlZGJhY2siOnRydWUsInN0YXR1c19pbmRpY2F0b3IiOnRydWUsImRpc2FibGVfeWFob29fYl9jb29raWUiOnRydWUsImxpdmVwaG90b3MiOnRydWV9&quot;},&quot;Context&quot;:{&quot;name&quot;:&quot;default&quot;,&quot;time&quot;:1579359991000,&quot;userinfo&quot;:{&quot;primary&quot;:&quot;&quot;,&quot;name&quot;:&quot;&quot;,&quot;channels&quot;:[]},&quot;hosts&quot;:{&quot;assets_host&quot;:&quot;https://assets.tumblr.com&quot;,&quot;secure_assets_host&quot;:&quot;https://assets.tumblr.com&quot;,&quot;www_host&quot;:&quot;https://www.tumblr.com&quot;,&quot;secure_www_host&quot;:&quot;https://www.tumblr.com&quot;,&quot;embed_host&quot;:&quot;https://embed.tumblr.com&quot;,&quot;safe_host&quot;:&quot;https://safe.txmblr.com&quot;,&quot;platform_host&quot;:&quot;https://platform.tumblr.com&quot;},&quot;language&quot;:&quot;en_US&quot;,&quot;language_simple&quot;:&quot;en&quot;,&quot;assets&quot;:&quot;https://assets.tumblr.com/client/prod/&quot;},&quot;Translations&quot;:{&quot;%1$sReport %2$s&#039;s post?%3$sIf it violates our community guidelines, we&#039;ll remove it.%4$s&quot;:&quot;%1$sReport %2$s&#039;s reblog?%3$sIf it violates our community guidelines, we&#039;ll remove it.%4$s&quot;,&quot;%1$sReport %2$s&#039;s reply?%3$sIf it violates our community guidelines, we&#039;ll remove it.%4$s&quot;:&quot;%1$sReport %2$s&#039;s reblog?%3$sIf it violates our community guidelines, we&#039;ll remove it.%4$s&quot;}}”></noscript><script src=”../assets.tumblr.com/client/prod/standalone/tumblelog/index.builda4a0.js?_v=d6b4c0e63c37f5c4e846a3d6df8034c9″></script></body>

<!– Mirrored from slimedrippings.tumblr.com/gamefaqssort by HTTrack Website Copier/3.x [XR&CO’2014], Sat, 18 Jan 2020 15:06:36 GMT –>
</html>[/code]

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@SempervivumJan 19.2020 — This code is fairly large and I didn't dive into. However I guess that you intend to change the content of these elements:

`&lt;td id="leftField" onClick="if(finishFlag==0)sortList(-1);" rowspan="2"&gt;</C><br/>
<C>
&lt;td id="rightField" onClick="if(finishFlag==0)sortList(1);" rowspan="2"&gt;</C><br/>
If so it could be done simply by inserting image tags:
<CODE> &amp;lt;td id=&quot;leftField&quot; onClick=&quot;if(finishFlag==0)sortList(-1);&quot; rowspan=&quot;2&quot;&amp;gt;
&amp;lt;img src=&quot;left-image.jpg&quot;&amp;gt;
&amp;lt;/td&amp;gt;
&amp;lt;td class=&quot;middleField&quot; onClick=&quot;if(finishFlag==0)sortList(0);&quot;&amp;gt;
I feel the same way about both
&amp;lt;/td&amp;gt;
&amp;lt;td id=&quot;rightField&quot; onClick=&quot;if(finishFlag==0)sortList(1);&quot; rowspan=&quot;2&quot;&amp;gt;
&amp;lt;img src=&quot;right-image.jpg&quot;&amp;gt;
&amp;lt;/td&amp;gt;
</CODE>
Additionally you have to make shure that these tags are not overwritten by your Javascript:
<CODE>//document.getElementById(&quot;leftField&quot;).innerHTML = str1;
//document.getElementById(&quot;rightField&quot;).innerHTML = str2;
</CODE>

BTW: Please use code tags when posting code, it will increase readability a lot:<br/>
<C>
your code here`


I edited your posting accordingly.
×

Success!

Help @bogged spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.10,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...