Picture is worth thousand words
Bookmark my
♥
♠
to somewhere
I will show up
if you have a true heart
{ function draw_block(x, y, is_update) { if (!isErase) { finalX = parseInt(x)-offset; finalY = parseInt(y)-offset; block = $('<div>'); block.css('height', size+'px').css('width', size+'px').css('background', 'purple').css('opacity','0.5'); block.css({WebkitBorderRadius: size, MozBorderRadius: size, BorderRadius: size}); block.css('position', 'absolute').css('z-index','9999'); block.css('top', finalY).css('left', finalX); block.mouseup(setInactivated); block.mousedown(setActivated); block.mousemove(setBlock); $('body').append(block); repo[finalX+':'+finalY] = {x:finalX, y:finalY}; num_repo=0;for (i in repo) {num_repo+=1;} if ((num_repo == 1) && (permal_marks.length == 0)) { permal_x = ((parseInt(x) - 100) < 0) ? 0 : (x -100); permal_y = ((parseInt(y) - 100) < 0) ? 0 : (y -100); } } } function setBlock(e) { e.preventDefault(); if (true == isActivated) { if (isErase) { deleteSelf(e.target); } else { draw_block(e.pageX, e.pageY, is_update=true); } } else { $('#cursor_hint').css('top', (e.pageY-10)+'px').css('left', (e.pageX-10)+'px'); } } function setActivated(e) { e.preventDefault(); $('#cursor_hint').css('display', 'none'); isActivated=true; if (3==e.which) {isErase = true; return false;} } function setInactivated(e) { e.preventDefault(); $('#cursor_hint').css('display', 'block'); isActivated=false; if (3==e.which) {isErase = false; return false;} } function deleteSelf(tar) { tar = $(tar); if (tar.attr('name') == 'canvas') {return;} tar.remove(); delete repo[tar.css('left').replace('px','')+':'+tar.css('top').replace('px','')]; } function markPermal(e) { for (i in permal_marks) { permal_marks[i].remove(); } permal_marks = []; permal_x = e['pageX']; permal_y = e['pageY']; pin = $('<div>'); pin.html('<img src=http://'+host+'/hack/pin.png>'); pin.css('top',permal_y-18).css('left',permal_x-89); pin.css('position', 'absolute').css('z-index','9001'); permal_marks.push(pin); $('body').append(pin); } function saveIt() { xs = []; ys = []; for (i in repo) { xs.push(repo[i]['x']);ys.push(repo[i]['y']); } $.get('http://'+host+'/hack/update.php', {sid: sid, x: xs.join(','), y: ys.join(','), ww: wwdith, wh: wheight, px: permal_x, py: permal_y}, function(){ $('#signal').show().fadeOut('slow'); }); /*post_hook();*/ } function shareIt() { $('#c-share').show(); if ($('#c-share').length == 0) { zindex = 10001; share = $('<div>').attr('id', 'c-share'); share.css({WebkitBorderRadius: 10, MozBorderRadius: 10, BorderRadius: 10}); share.css('background', 'white').css('opacity', '80').css('border', 'solid lightblue 10px').css('padding', '20px'); share.css('width', '500px').css('height', '85px').css('z-index',zindex); share.css('position', 'fixed').css('top', (($(window).height()/2)-(50))+'px').css('left',((wwdith/2)-(250))+'px'); bar = $('<input>').attr('value', 'http://'+host+'/hack/share.php?sid='+sid); bar.css('width', '490px').css('fontSize', '35px'); share.append(bar); btns = $('<div>').css('padding', '5px'); btn = $('<input>').attr('type', 'button').attr('value', 'Yahoo'); btns.append(btn); btn = $('<input>').attr('type', 'button').attr('value', 'Facebook'); btn.click(function() { window.open('http://api.addthis.com/oexchange/0.8/forward/facebook/offer?&title='+document.title+'&url=http://'+host+'/hack/share.php?sid='+sid, '_blank')}).css('z-index',zindex); btns.append(btn); share.append(btns); $('body').append(share); } bar.select().focus(); } function showGeni() { $('#canvas').show(); $('#control img').animate({width: '+=150'}, 'slow'); } function hideGeni() { $('#canvas').hide(); $('#control img').animate({width: '90'}, 'slow'); } var host='www.chintown.org'; s = document.createElement('script'); s.src = 'https://code.jquery.com/jquery.min.js'; s.src = 'https://code.jquery.com/jquery-1.9.1.min.js'; document.getElementsByTagName('body')[0].appendChild(s); s.onload = function () { sid = location.href; tstamp = (new Date().getTime()); px = py = 0; wwdith = $(document).width(); wheight = $(document).height(); isShowGeni = true; function post_hook() { /*setTimeout(function(){ window.open('http://' + host +'/hack/share.php?sid='+sid,'_blank'); }, 1200);*/ } /*common*/ sid=encodeURIComponent(tstamp+':'+sid).replace(/!/g, '%21').replace(/\(/g, '%28').replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+'); size = 10; offset = 0; repo = {}; permal_e='';permal_x=-1;permal_y=-1; permal_marks = []; safe_px = 0; safe_py = ((py - 100) < 0) ? 0 : (py -100); window.scrollTo(safe_px,safe_py); isActivated = false; isErase = false; document.oncontextmenu = function() {return false;}; canvas = $('<div>'); canvas.attr('name', 'canvas').attr('id', 'canvas'); canvas.css('width', wwdith+'px').css('height', wheight+'px').css('z-index','9000'); /*canvas.css('border', 'solid red 13px');*/ canvas.css('position', 'absolute').css('top', '0px').css('left','0px'); canvas.mousedown(setActivated); canvas.mouseup(setInactivated); canvas.mousemove(setBlock); canvas.dblclick(markPermal); canvas.click(function() {$('#c-share').hide();}); $('body').append(canvas); link = $('<div>').attr('id', 'control'); link.append($('<div>').attr('id', 'signal').html('!').css('display','none')); link.append($('<img>').attr('src', 'http://'+host+'/hack/geni.png')); link.css('position', 'fixed').css('top', '0px').css('left','0px').css('z-index','10000'); $('body').append(link); $('#control img').mousedown(function(e){ e.preventDefault(); if (1 == e.which) { if (parseInt($('#control img').css('width').replace('px','')) < 100) { showGeni(); } else { saveIt(); shareIt(); } } else if (3 == e.which) { hideGeni(); } }); if (!isShowGeni){hideGeni();} } /*common*/})()){kind=link}