Advertisement
rg443

javascript simple detail plane

May 12th, 2013
126
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. data1.onclick=function(e){
  2. /* inline preview pane */
  3. var el=e.target||e.srcElement;
  4. if (el.tagName!="IMG")return;
  5. var tag=el.src.match(/\w+(?=\.jpg)/)[0]||"";
  6. var d=document.createElement("div");
  7. d.id="d"+tag;
  8. d.onclick=function(){el.scrollIntoViewIfNeeded(); this.parentElement.removeChild(this);}
  9. d.style.font="menu";d.style.height="99%";d.style.minHeight="99%";d.style.border="1px solid black";d.style.padding="5px"; d.style.margin="1000px 0px 1000px 0px";
  10. d.innerHTML='<div id="p'+tag+'nav" style="border-bottom:1px dotted black;padding-bottom:3px;text-decoration:none;">' +tag+': ' +
  11. ' <a href="http://imgur.com/'+tag+'" target="_blank">imgur</a>' +
  12. ' <a href="https://www.google.com/searchbyimage?image_url='+encodeURIComponent('http://i.imgur.com/'+tag+'.jpg')+'" target="_blank">google</a>' +
  13. ' </div>' +
  14. '<br><img src="http://notebook1.lan/i/'+tag+'.jpg" alt="" style="margin-top:2px;max-height:94%;overflow-y:hidden;width: auto;height: auto;margin: auto;"/>';
  15. el.parentNode.insertBefore(d,el.nextSibling);
  16. d.scrollIntoViewIfNeeded(true);
  17. return false;
  18. /* http://127.0.0.4/i/BVSZNRd.jpg */
  19. }
  20.  
  21. data1.onmousemove=function(e){
  22.    /* preload on image hover */
  23.    var el=e.target||e.srcElement;
  24.    if (el.tagName!="IMG" || el===window.el2 ) return;
  25.    //if (el2 && el==el2) return;
  26.    window.el2=el;
  27.    var tag=el.src.match(/\w+(?=\.jpg)/)[0];
  28.    if (!tag) return;
  29.    var im=document.createElement("img");
  30.    im.onload=function(e){
  31.      // console.log(e.srcElement.src,"loaded")
  32.      document.title=""+tag;
  33.      };
  34.    im.src='http://notebook1.lan/i/'+tag+'.jpg';
  35.    //console.log(im.src);
  36.    document.title="loading: " + tag;
  37.    }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement