☰

Xchan Gold Alpha

Experimental script to enhance xchan.pw

Tính đến 01-01-2015. Xem phiên bản mới nhất.

  1. // ==UserScript==
  2. // @name         Xchan Gold Alpha
  3. // @version      0.0.0.2
  4. // @description  Experimental script to enhance xchan.pw
  5. // @include      https://xchan.pw/*
  6. // @include      http://xchan.pw/*
  7. // @require 	 https://cdn.jsdelivr.net/jquery.timeago/1.4.1/jquery.timeago.js
  8. // @require      https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js
  9. // @namespace https://greasyfork.org/users/2657
  10. // ==/UserScript==
  11.  
  12. //Hijacks
  13.  
  14. //Hijacks//Location hack
  15. function expandthread(){};
  16. function addpreviewevents(){};
  17. hijack = expandthread;
  18. hijack2 = addpreviewevents;
  19.  
  20. location.replace("javascript:"+ hijack +"");
  21.  
  22.  
  23. //Hijacks//Quick Reply Preview Image
  24.  
  25. $("[name='imagefile']:eq(1)").change(function () {
  26.     if (window.FileReader) {
  27.         var Reader = new FileReader();
  28.         var file = this.files[0];
  29.         window.file2 = file;
  30.         var previewarea = $('.qrpreviewer');
  31.         
  32.         if (file.type.indexOf("video") > -1) { 
  33.             
  34.             previewarea.html('');                
  35.             Reader.onload = function (event) {
  36.                 previewarea.append([' <video width="100" height="88" controls><source src="'+ event.target.result +'" type="'+ window.file2.type +'">Your browser does not support the video tag.</video>'].join(''));
  37.             }
  38.             Reader.readAsDataURL(file);    
  39.             
  40.         } else {
  41.             
  42.             previewarea.html('');
  43.             Reader.onload = function (event) {
  44.                 previewarea.show().append(['<img style="max-height:88px;max-width:100px;" src="' + event.target.result + '" alt="">'].join(''));
  45.             }
  46.             Reader.readAsDataURL(file);
  47.         };
  48.     }
  49. });
  50.  
  51. //Hijacks//Quick Reply Replacer
  52. $('#qr_form').draggable();
  53.  
  54. $(document).mousemove(function (e) {
  55.     window.pageX = e.pageX;
  56.     window.pageY = e.pageY;
  57. });
  58.  
  59. $(document).on('click', ".qrp", function() {
  60.     tidrpt = $(this).attr('title');
  61.     tidrpts = tidrpt.split(' ');
  62.     var threadid = tidrpts[0];
  63.     var replyto = tidrpts[1];
  64.     
  65.     var meval = "";
  66.     $('#qr_info').html("Reposta ao post: " + replyto + " na thread: " + threadid);
  67.     $('#qr_name').val($.cookie("name"));
  68.     $('#qr_postpassword').val($.cookie("postpassword"));
  69.     $('#qr_threadid').val(threadid);
  70.     meval += $('#qr_message').val();
  71.     $('#qr_message').val(meval + ">>" + replyto + "\n");
  72.     
  73.     $('#qr_form').css({
  74.         'left' : window.pageX,
  75.         'top' : window.pageY,
  76.         'display' : 'block'
  77.     }).fadeIn('slow');
  78.     $('#qr_name').get(0).type = 'password';
  79.     
  80.     $( '.namecheck' ).appendTo( '.qr_new' );
  81.     $('.postblock:contains("Mensagem"):eq(1)').append($('.movepreview'));
  82. });
  83. $(document).on('click', "img[alt='Close']", function() {
  84.     $( '.namecheck' ).appendTo( '.new' );
  85. });
  86.  
  87. function prepqrp(){
  88.     $('a[title="Resposta Rápida"]').each(function() {	
  89.         var onc = $(this).attr('onclick');
  90.         oncf = onc.replace('javascript:qr(','').replace(',', '').replace(');', '');
  91.         //oncfs = oncf.split(' ');    
  92.         $(this).attr('onclick', '');    
  93.         $(this).attr('title', oncf);
  94.         $(this).attr('class', 'qrp');
  95.     });
  96. };
  97.  
  98. //Hijacks//Expand Thread
  99. $(document).on('click', ".expandthread", function() {   
  100.     var tid = $(this).parent().attr('onclick');
  101.     tids = tid.split("'");
  102.     var c = tids[1];
  103.     var d = tids[3];
  104.     
  105.     var e = $("#replies" + c + d);
  106.     if (e.length) {
  107.         e.prepend(_('Expanding thread') + '...<br /><br />');
  108.         e.load(ku_boardspath + '/expand.php?board=' + d + '&threadid=' + c, {}, function (a, b) {
  109.             if (!a) {
  110.                 e.html(_("something went wrong (blank response)"))
  111.             }
  112.             if (b == "error") {
  113.                 alert(_('Something went wrong...'))
  114.             }
  115.             delandbanlinks(this);
  116.             loop();
  117.         })
  118.     }
  119.     return false
  120. });
  121.  
  122.  
  123. //Hijacks//Hover
  124.  
  125. $("<style>").text(".reflinkpreview {display:none!important;} div[class^='floater'], .hold {min-width: 0; z-index: 9999; margin: 0 !important; display: block !important; max-width: 808.5px; background:grey; font-family: 'Trebuchet MS','Tahoma','Verdana','Arial',sans-serif; font-size: 13px; text-align: left;}").appendTo("head");
  126.  
  127. $('.logo').append('<div class="previews"></div>');
  128.  
  129. $(document).on('mouseenter', 'a[class^="ref|"]', function() {
  130.     
  131.     $('.floater').attr('class', 'hold');
  132.     var c = $(this).attr("class").split('|'); 
  133.     var d = $("<div></div>").addClass('floater').attr({
  134.         style : "position:absolute;width:400px;"
  135.     });
  136.     
  137.     if ($('#postform [name=board]').val() == c[1] && $('#reply' + c[3]).length && (($('#thumb' + c[3]).length && $('#thumb' + c[3] + " img:first-child").attr("src").lastIndexOf("thumb") != -1) || !$('#thumb' + c[3]).length)) {
  138.         var f = true;
  139.         d.html($("#reply" + c[3]).parents("table").html())
  140.     } else {
  141.         d.html('Carregando...').toggle("normal");
  142.         $.get(ku_boardspath + '/read.php?b=' + c[1] + '&t=' + c[2] + '&p=' + c[3] + '&single', {}, function (a, b) {
  143.             if (b != "success") {
  144.                 alert('wut')
  145.             } else {
  146.                 
  147.                 if (a) {
  148.                     d.html(a)
  149.                 } else {
  150.                     d.html(_("something went wrong (blank response)"))
  151.                 }
  152.             }
  153.         })
  154.     }
  155.     
  156.     $('.previews').append(d).slideDown( "slow" );
  157.     //loop();
  158.     
  159.     if (f) {
  160.         //d.toggle("normal")
  161.     };
  162.     
  163.     $('.floater')
  164.     .css("top",$(this).offset().top)
  165.     .css("left",($(this).offset().left-100))
  166.     
  167. });
  168.  
  169. $(document).on('mouseleave', '.previews', function() {    
  170.     $('.floater').remove();
  171.     $('.hold').remove();
  172. });  
  173.  
  174.  
  175. //Start
  176. $( document ).ready(function() {
  177.     loop();
  178.     $('#favicon').remove();    
  179.     $('link[rel="shortcut icon"]').remove();
  180.     $('head').append('<link href="https://i.imgur.com/AB4G76Z.png" id="favicon" rel="shortcut icon">');
  181.     
  182.     //addpreviewevents2();
  183.     $('#qr_form').find('.postblock:contains("Mensagem")').append('<div class="qrpreviewer"></div>');
  184.     $('.qrpreviewer').attr('style', 'background:none; border:0px; width:100px; padding:0px; position:relative; ');    
  185. });
  186.  
  187. window.dt = "";
  188.  
  189.  
  190. //Menu
  191.  
  192. $(".navbar").after("<div class='optionslink hov' style='display:inline;cursor: pointer; cursor: hand; width:auto;'><b>[Opções de Script]</b></div>")
  193. $(".navbar").after("<div class='optionsmenu' style='display:none;background:rgb(199, 199, 199);font-weight:bold;padding:3px;cursor: pointer; cursor: hand;'></div>")
  194.  
  195. $('.optionsmenu').append(' <span class="capture hov">[Capturar Pagina]</span> <span class="Dcatalog hov">[Catalogo]</span> <span class="merger hov">[Unir Imagens]</span>');
  196.  
  197. $(document).on('mouseenter', ".hov", function() {
  198.     $(this).css('background', 'orange');
  199. }).on('mouseleave', ".hov", function() {
  200.     $(this).css('background', 'rgb(199, 199, 199)');
  201. });
  202.  
  203. $(document).on('click', ".optionslink", function() {
  204.     $(".optionsmenu").css("display","block");
  205.     $('.optionslink').html("<b><font color='red'>[Fechar]</font></b>");
  206.     $('.optionslink').attr('class', 'optionslinkclose hov');
  207.     
  208. });
  209. $(document).on('click', ".optionslinkclose", function() {
  210.     $(".optionsmenu").css("display","none");
  211.     $('.optionslinkclose').html("<b>[Opções de Script]</b>");
  212.     $('.optionslinkclose').attr('class', 'optionslink hov');
  213. });
  214.  
  215.  
  216. $(document).on('click', ".menubut", function() { 
  217.     $('.menu').attr('display', 'block');
  218. });
  219.  
  220. //Image Merger
  221. $(document).on('click', ".merger", function() { 
  222.     $('body').prepend('<br><div style="display:inline-block;border:1px solid;width:auto;height:auto;" class="workspace"><center></div>');
  223.     $('.workspace').before('<input class="maintCostField" type="file"/> Width:<input class="width" type="text"/> Height:<input class="height" type="text"/> <button class="savemerge" type="button">Salvar</button>');   
  224. });
  225.  
  226. $(document).on('click', ".savemerge", function() { 
  227.     target = $('.workarea')
  228.     html2canvas(target, {
  229.         onrendered: function(canvas) {
  230.             Canvas2Image.saveAsJPEG(canvas)
  231.         }
  232.     });
  233. });
  234.  
  235. $(document).on('change', '.maintCostField', function(){    
  236.     if (window.FileReader) {
  237.         var Reader = new FileReader();
  238.         var file = this.files[0];
  239.         var previewarea = $('.workspace');
  240.         
  241.         Reader.onload = function (event) {
  242.             previewarea.append(['<img class="dra" style="max-width:100%;max-height:100%;" src="' + event.target.result + '" alt="">'].join(''));
  243.         }
  244.         Reader.readAsDataURL(file);
  245.     }
  246. });
  247.  
  248. $(document).on('click', '.dra', function(){
  249.     $(this).draggable();   
  250. });
  251.  
  252.  
  253.  
  254. $(document).on('change', '.width', function(){    
  255.     wid = $(this).val() + "px";
  256.     $('.workspace').css('width', wid);
  257. });
  258.  
  259. $(document).on('change', '.height', function(){    
  260.     wid = $(this).val() + "px";
  261.     $('.workspace').css('height', wid);
  262. });
  263. //Debug
  264.  
  265. $(document).on('click', ".capture", function() { 
  266.     
  267.     html2canvas(document.body, {
  268.         onrendered: function(canvas) {
  269.             Canvas2Image.saveAsJPEG(canvas)
  270.         }
  271.     });
  272.     
  273. });
  274.  
  275.  
  276. // Catalog
  277.  
  278. $("<style>").text(".catalogimg > img {max-width:100%;max-height:100%;} .catalogitem {margin-bottom:10px;}").appendTo("head");
  279.  
  280. $(document).on('click', ".Dcatalog", function() {    
  281.     $('.catalog').remove();
  282.     $('body').prepend('<div class="catalog" style="background: dimgray;border: solid 1px;overflow-y:scroll;overflow-x:hidden;width:240px;height:650px;position:fixed;top:100px;left:10px;"><table id="catalogt"><tbody><div class="closecat hov" style="font-size: 15px;font-weight: bold;position:fixed;top:80px;left:10px;color:red;font-size:11px;cursor: pointer; cursor: hand;">[Fechar Catalogo]</div></tbody></table></div>');
  283.     $.get("https://xchan.pw/b/catalog.html", function (data) {
  284.         $(data).find('a[class^="ref|"]').each(function () {
  285.             var href = $(this).attr('href');
  286.             var c = $(this).attr("class").split('|'); 
  287.             var d = $("<span></span>").addClass('catalogimg').attr({
  288.                 style : "max-width:220px;background:#F7F7F7;"
  289.             });
  290.             var g = $("<div></div>").addClass('catalogtext').attr({
  291.                 style : "overflow-x:hidden;overflow-y:scroll;max-height:200px;max-width:220px;background:#F7F7F7;"
  292.             });
  293.             $.get(ku_boardspath + '/read.php?b=' + c[1] + '&t=' + c[2] + '&p=' + c[3] + '&single', {}, function (a, b) {
  294.                 if (b != "success") {
  295.                     alert('wut')
  296.                 } else {
  297.                     
  298.                     if (a) {
  299.                         var z = $('<img />').html(a).find('.thumb').removeClass();
  300.                         var y = $('<blockquote>').html(a).find('blockquote');                        
  301.  
  302.                         d.html(z);
  303.                         g.html(y);
  304.                         
  305.                         
  306.                     } else {
  307.                         d.html(_("something went wrong (blank response)"))
  308.                     }
  309.                 }
  310.             })       
  311.             
  312.             
  313.                     
  314.             
  315.             var wrap = $("<div></div>").addClass('catalogitem').append(d).wrapInner('<a href='+ href +'>').append(g);
  316.             $('#catalogt').append(wrap);
  317.         });
  318.  
  319.     });
  320.     
  321. });
  322.  
  323. $(document).on('click', ".closecat", function() { 
  324.     $('.catalog').remove();
  325. });
  326.  
  327. //Relative Time
  328. function reltime() {
  329.     $('.time').remove();
  330.     $( "label:contains('@')" ).each(function() {
  331.         var vovar = $(this).contents().map(function() {
  332.             if( this.nodeType === 3 ) {
  333.                 return this.data;
  334.             }
  335.         }).get().join('');
  336.         
  337.         vovar1 = vovar.split("@");
  338.         vovardate = vovar1[0].split("/");
  339.         vovaryear = vovardate[2].split(" ");
  340.         vovarmonth = vovardate[1] - 1;
  341.         vovartime = vovar1[1].split(":");
  342.         tiem = new Date(vovaryear[0], vovarmonth, vovardate[0], vovartime[0], vovartime[1])
  343.         tiemiso = tiem.toISOString();
  344.         tiemago = jQuery.timeago(tiemiso); 
  345.         
  346.         $( this ).append( '<span class="time">( <bold>' + tiemago + ' </bold>)</span>' );
  347.     });    
  348.     
  349. };
  350.  
  351. //Name Box Fixes
  352.  
  353. $('input[name="name"]').get(0).type = 'password';
  354.  
  355.  
  356. $( 'input[name="name"]' ).focus(function() {
  357.     $('input[name="name"]').get(0).type = 'text';
  358.     $('#qr_name').get(0).type = 'text';
  359. });
  360.  
  361. $( 'input[name="name"]' ).focusout(function() {
  362.     $('input[name="name"]').get(0).type = 'password';
  363.     $('#qr_name').get(0).type = 'password';
  364. });
  365.  
  366.  
  367. $( 'input[name="name"]:first' ).wrap( '<span class="new"></span>' );
  368. $( '#qr_name' ).wrap( '<span class="qr_new"></span>' );
  369. $( '.new' ).append( '<input type="checkbox" class="namecheck" value="Bike" checked="checked">' );
  370. if (localStorage.getItem("namecheck") === null) {}else{$( ".namecheck" ).prop( "checked", false ); $( 'input[name="name"], #qr_name' ).prop('disabled',true);};
  371.  
  372. $(document).on('change', ".namecheck", function() {
  373.     if ( $( '.namecheck' ).prop( "checked" ) ) {$( 'input[name="name"], #qr_name' ).prop('disabled',false); localStorage.removeItem('namecheck');}else{$( 'input[name="name"], #qr_name' ).prop('disabled',true); localStorage.setItem('namecheck', '');};
  374. });
  375.  
  376. //Youtube Titles
  377. function yttitle(me){
  378.     var myregexp = /(?:youtube\.com\/(?:[^\/]+\/.+\/|(?:v|e(?:mbed)?)\/|.*[?&]v=)|youtu\.be\/)([^"&?\/ ]{11})/i;
  379.     var src = $(me).attr("href"); 
  380.     $(me).append(" - Loading Title...");
  381.     var id = src.match(myregexp)[1];
  382.     var link = me;
  383.     $.ajax({
  384.         url: "https://gdata.youtube.com/feeds/api/videos/" + id + "?v=2&alt=jsonc",
  385.         
  386.         dataType: "json",
  387.         success: function(data) {
  388.             parseresults(link,data)
  389.         }
  390.     });
  391.     
  392.     function parseresults(link,result) {
  393.         var linktitle = result.data.title;
  394.         $(link).text(linktitle); //setting title from extracted id
  395.         $(link).attr('target', '_blank');
  396.         $(link).addClass( "titled" );
  397.     };
  398. };
  399.  
  400. //Backlinks
  401.  
  402. function backlinks() {
  403.     $('#delform').find(".reply").not('.protect').each(function() {
  404.         blink($(this));
  405.     });
  406.     $('.floater, .hold').find(".reply").not('.protect').each(function() {
  407.         blink($(this));
  408.     });
  409. };
  410.  
  411. function blink(t){   
  412.     t.addClass('protect');
  413.     rid = t.attr('id').replace('reply','');
  414.     datas = t.find('.reflink').find("a:nth-child(2)").attr('href');
  415.     t.find("a[class^='ref|']").each(function() {
  416.         var quoted = $(this).text();            
  417.         quoteds = quoted.replace('>>','');
  418.         console.log(datas + "|" + rid + "+" + quoteds + ")");        
  419.         backquote(quoteds, rid, datas);
  420.     });   
  421. };
  422.  
  423. function backquote(quoteds, rid, datas){    
  424.     splicer = datas.replace('.html#i','/');    
  425.     splicer2 = splicer.split('/');
  426.     $(".reflink:contains('" +quoteds+ "')").after('<a href="/'+splicer2[1]+'/res/'+splicer2[3]+'.html#'+rid+'" onclick="return highlight(\''+rid+'\', true);" class="ref|'+splicer2[1]+'|'+splicer2[3]+'|'+rid+'">&gt;&gt;'+rid+'</a>');
  427.     
  428. };
  429.  
  430.  
  431. /*function backlinks() {
  432.     $('#delform').find(".reply").not('.protect').each(function() {
  433.         $(this).addClass('protect');
  434.         rid = this.id.replace('reply','');
  435.         datas = $(this).find('.reflink').find("a:nth-child(2)").attr('href');
  436.         $(this).find("a[class^='ref|']").each(function() {
  437.             var quoted = $(this).text();            
  438.             quoteds = quoted.replace('>>','');
  439.             console.log(datas + "|" + rid + "+" + quoteds + ")");        
  440.             backquote(quoteds, rid, datas);
  441.         });
  442.         
  443.     });
  444. };
  445.  
  446. function backquote(quoteds, rid, datas){    
  447.     splicer = datas.replace('.html#i','/');    
  448.     splicer2 = splicer.split('/');
  449.     $(".reflink:contains('" +quoteds+ "')").after('<a href="/'+splicer2[1]+'/res/'+splicer2[3]+'.html#'+rid+'" onclick="return highlight(\''+rid+'\', true);" class="ref|'+splicer2[1]+'|'+splicer2[3]+'|'+rid+'">&gt;&gt;'+rid+'</a>');
  450.     
  451. };*/
  452.  
  453. //live index
  454. var highest = -Infinity;
  455. var compareme = 99999999999999999;
  456. window.updateid = "";
  457.  
  458. function initupdate(){    
  459.     var highest = -Infinity;
  460.     $('#delform').find(".reply").each(function() {
  461.         splice = this.id.split("y");
  462.         numb = parseInt(splice[1])
  463.         highest = Math.max(highest, parseFloat(numb));        
  464.     });
  465.     return highest;
  466. };
  467.  
  468. initupdate();
  469.  
  470. function update(){
  471.     var compareme = 0;    
  472.     $.get("" + document.location, function (data) {        
  473.         $(data).find(".reply").each(function() {
  474.             splice = this.id.split("y");
  475.             numb = parseInt(splice[1])
  476.             compareme = Math.max(compareme, parseFloat(numb));
  477.             window.updateid = compareme;
  478.         });
  479.     });
  480. };
  481.  
  482.  
  483.  
  484. setInterval(function () { 
  485.     update();
  486.     if (window.updateid > initupdate()){
  487.         $.get("" + document.location, function (data) {        
  488.             $("#delform").replaceWith($(data).filter("#delform"));
  489.         }).done(function() {
  490.             loop();
  491.             notify();
  492.         });
  493.     };
  494.     reltime();  
  495. }, 10000);
  496.  
  497.  
  498. //Loop
  499. function loop(){    
  500.     $('blockquote').find('a[href*="youtube.com/watch?"]').not( ".titled" ).each(function() {
  501.         yttitle(this);
  502.     });
  503.     $('blockquote').find('a').not( 'a[class^="ref|"]' ).each(function() {
  504.         $(this).attr('target','_blank');
  505.     });
  506.     
  507.     reltime();
  508.     backlinks();    
  509.     prepqrp();
  510. };
  511.  
  512. //Notification
  513.  
  514. function notify(){
  515.     var state = document["visibilityState"]; 
  516.     if (state == "hidden")
  517.     {  
  518.         
  519.         $('#favicon').remove();
  520.         $('link[rel="shortcut icon"]').remove();
  521.         $('head').append('<link href="https://i.imgur.com/TirPmur.png" id="favicon" rel="shortcut icon">');
  522.     } else if (state == "visible") {
  523.         $('#favicon').remove();
  524.         $('link[rel="shortcut icon"]').remove();
  525.         $('head').append('<link href="https://i.imgur.com/TirPmur.png" id="favicon" rel="shortcut icon">');
  526.         setTimeout(function(){
  527.             $('#favicon').remove();
  528.             $('head').append('<link href="https://i.imgur.com/AB4G76Z.png" id="favicon" rel="shortcut icon">');
  529.         },5000)
  530.     }
  531.         };
  532.  
  533. var onVisibilityChange = function (args) {
  534.     var state = document["visibilityState"];    
  535.     if (state == "visible")
  536.     {       
  537.         $('#favicon').remove();
  538.         $('head').append('<link href="https://i.imgur.com/AB4G76Z.png" id="favicon" rel="shortcut icon">');
  539.     }
  540. };
  541.  
  542.  
  543. document.addEventListener("visibilitychange", onVisibilityChange, false);