Tech Any*Any

カテゴリー: Bookmarklet

  • サイズプロパティ

    ドラッグしている範囲のサイズを表示します。 [サンプル]

    javascript: f=false; p=document.body.appendChild(document.createElement('div')); p.style.position='absolute'; p.style.backgroundColor='#ffff99'; p.style.color='black'; p.style.fontSize='8pt'; p.style.display='none'; p.style.zIndex=999; r=document.body.appendChild(document.createElement('div')); r.style.position='absolute'; r.style.border='1px%20dashed%20#0000ff'; r.style.fontSize='0pt'; r.style.display='none'; r.style.zIndex=998; document.body.onmousedown=function%20(e){ if(f){ f=false; p.style.display='none'; r.style.width=0; r.style.height=0; r.style.display='none'; }else{ f=true; x=e.pageX; y=e.pageY; p.style.display='block'; r.style.display='block'; } }; document.body.onmousemove=function%20(e){ if(f){ w=Math.abs(e.pageX-x); h=Math.abs(e.pageY-y); p.innerHTML='W:'+w+'%20H:'+h; p.style.left=e.pageX+12; p.style.top=e.pageY+12; if(e.pageX>x){ r.style.left=x; }else{ r.style.left=e.pageX; } if(e.pageY>y){ r.style.top=y; }else{ r.style.top=e.pageY; } r.style.width=w; r.style.height=h; } }; void(0);

  • 座標プロパティ

    マウスカーソルの座標を表示します。 [サンプル]

    javascript:
    f=true;
    p=document.body.appendChild(document.createElement('div'));
    p.style.position='absolute';
    p.style.backgroundColor='#ffff99';
    p.style.color='black';
    p.style.fontSize='8pt';
    p.style.display='block';
    p.style.zIndex=999;
    document.body.onmousedown=function%20(e){
    if(f){p.style.display='none';f=false;}else{
    p.style.left=e.pageX+12;
    p.style.top=e.pageY+12;
    p.style.display='block';
    f=true;}
    };
    document.body.onmousemove=function%20(e){
    if(f){
    p.innerHTML='X:'+e.pageX+'%20Y:'+e.pageY;
    p.style.left=e.pageX+12;
    p.style.top=e.pageY+12;
    }
    };
    void(0);

  • イメージプロパティ

    マウスカーソルの下のイメージのサイズを表示します。 [サンプル]

    javascript:
    p=document.body.appendChild(document.createElement('div'));
    p.style.position='absolute';
    p.style.backgroundColor='#ffff99';
    p.style.color='black';
    p.style.fontSize='8pt';
    p.style.zIndex=999;
    document.body.onmousemove=function%20(e){
    if(e.target.tagName=='IMG'){
    p.innerHTML=e.target.width+'%20x%20'+e.target.height
    }else{
    p.innerHTML=''
    }
    p.style.left=e.pageX+12;
    p.style.top=e.pageY+12;
    };
    void(0);

  • ウィンドウサイズ

    ウィンドウを指定したサイズ (800 x 600 pixel / SVGA) に変更します。 [サンプル]

    javascript:void(window.resizeTo(800,600))