Tech Any*Any
Mac や Web のあんなこと、こんなこと。

Bookmarklet

サイズプロパティ

2005/03/06

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

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);

ウィンドウサイズ

2005/02/25

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

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