JavaScript
自分で欲しかったものをいろいろ作ってみましたが、ブックマークレットを知らない人には 分かりにくいものなので、クリックするとひと目で理解できるようにまとめてみました。http://homepage2.nifty.com/tulip-an/bookmarklet.html 08/02追記 解凍して「お…
Wikiでは見出し「*」があると自動的に目次を作成してくれます。それをブックマークレットでやってみました。 javascript:( function(f,t,v,a){ t='<div style=\'background-color:beige;padding:6px;border:2px solid gray;margin:6px\'>'; f=function(k,s,p){ s=''; p=' '; while(--k>0){s+=p+p+p+p} return s; }; with(document) { for(i=0</div>…
javascript:(function(){document.body.onmouseup=Function("copy_rng=document.selection.createRange();");document.body.onkeydown=Function("var un='character';if(event.keyCode==39){if(event.shiftKey ){copy_rng.moveEnd(un,1);}else{copy_rng.move…
javascript:(function(){document.body.onmousewheel=function(){var e=event;if(e.ctrlKey){e.returnValue=false;var s=document.body.style;if(s.zoom=='') {s.zoom=1.0;}if(e.wheelDelta<0){s.zoom*=1.1;}else{s.zoom*=0.9;}}}})()Ctrl+マウスホイールで…
http://d.hatena.ne.jp/murasuke/20060212 のバリエーションで、列の幅を一括してセットするブックマークレットです。 列幅を変更したい列をCtrl＋右クリックし、幅を入力してください。 列幅を変更する<td>タグには、break-wordを指定しているので、長い半角文</td>…
テーブルの列をまとめて消すブックマークレットです。 縦方向の列がまとめて消えます。colSpanの設定されていないテーブルで使うことを意図してあります。 （つまり横方向に繋がっているセルのあるテーブルはだめ） javascript:(function(){document.body.on…
メニューバーやツールバーを表示しないWebページに対してブックマークレットを使用したいときはちょっと困ってしまいます。 「アドレス」欄がないのです。 そういう場合は、「CTRL＋N」を押すことで、ウィンドウをコピーしてブックマークレットを使うのです…
必要は発明の母なので作ってみました。 body.onloadの実行時間を測るブックマークレット ロード時に実行されたのbody.onloadを再度実行して、実行にかかった時間をステータスバーへ表示します。ロード時に１回のみ実行する関数を再度実行していいものか？と…
今までは<span>タグを使い、絶対位置指定してクリックしたタグの情報表示をしていました。 文字制限のきついブックマークレットではできる限り文字を減らしたいので何とかしたいと思っていたところ、window.createPopup()というものを見つけました。 window.create</span>…
ECMAScript - on Surface of the Depth - 記憶が確かならば、昔少なくとも3〜4回は読んでいたはず。 今日読み直してみたら大体理解できた(かも) C/C++などは、ローカル変数は実行がスコープから外れると破棄されてしまいますが、 ECMAScriptではその変数に対…
JavaScriptにおけるオブジェクトの基本的性質というCodezineの記事を読んでfor inループというのを発見。C#のforeachのようなものとい思っていたのですが別物でした。 右クリックした下のタグの内容表示を書き換えて、より多くの情報を表示できるようにして…
javascript:(function(){document.body.oncontextmenu=function(){pe=event;if(pe.ctrlKey){pe.returnValue=false;em=pe.srcElement;for(i=0;i<4&&em;i++){st=em.style;B="border";W="Width";C="Color";S="Style";b1=st[B+W];b2=st[B+C];b3=st[B+S];st[B]='1…
IE6のみ動きます・・・ javascript:(function(){document.body.oncontextmenu=function(){e=event;if(e.ctrlKey){ e.returnValue=false;em=e.srcElement;for(i=0;i<4&&em;i++){st=em.style;B="border";W="Width"; C="Color";S="Style";b1=st[B+W];b2=st[B+C]…
hail2u.netさんのところの Pure JavaScript Wiki Like Formatter というWikiのフォーマットを行うJavaScriptでサーバのいらないWikiを作ってみました。（IE6でしか動きません） こんな感じLocalWikiです ページを開くと書き方の説明ページ（トップページ）が…
IburiTimesさんのBookmarklet::FloatAlt改で >例えばdivタグの外枠と、idやclassが表示されればXHTMLの構造理解に役立ちそうです。 >これもどなたかぜひ！ と書かれていたのを作ってみました。 idかclass属性のある<div>タグに色をつけます（虹のグラデーション？</div>…
前回の右クリック位置と今回の右クリック位置を赤い枠で囲い、座標の差を表示します javascript:xx=yy=0;(function(){b=document.body;l='<span id=\'f';m='\'style=\'position:absolute;';o='border:1px dotted red;padding:1px;';r='\'></span>';b.insertAdjacentHTML('beforeEnd',l+1+m+o+r+l+2+m+r);b.oncontextmenu=function(){e=event;e.returnValue=false;x…
Ctrl+右クリックすると、該当タグが赤枠で囲われ、確認メッセージボックスが表示されます。 OKなら消去。Cancelなら元通りの表示に戻ります。 javascript:(function(){document.body.oncontextmenu=function(){e=event;if(e.ctrlKey){e.returnValue=false;el…
javascript:xx=yy=zz=0;(function(){b=document.body;l='<span id=\'';m='\' style=\'z-index:0;position:absolute;background-color:white;border:1px solid;padding:2px;filter:alpha(opacity=60)\'></span>';b.insertAdjacentHTML('beforeEnd',l+'f0'+m+l+'f1'+m);b.oncontextmenu=function(){e=event;e.returnValue=fal…
画面上に指定した幅で升目を表示します。 最小幅10px 座標無しで表示 javascript:(function(){sc=prompt('幅',50);if(sc==null||sc<10)return;b=document.body;w=b.scrollWidth/sc;h=b.scrollHeight/sc;var t='';for(i=0;i<h-1;i+=1){t+="<TR>";for(j=0;j<w-1;j+=1){t+="<TD style=\"vertical-align:top;width="+sc+"px;height="+sc+"px\"></TD>";}t+="
テーブルのcolspan,rowspanを間違うことでレイアウトがめちゃくちゃになることが良くあります。 しかも、原因が非常にわかりにくい(T_T)ので、作ってみました。 <TH>,<TD>タグにwidth属性が存在すればセルの上に重ねて表示します。 該当セルのborderをsolidにして、</td></th>…
先日のブックマークレットをできるだけコンパクトにして、一文でできるようにした。うまく動かないページが結構あるんだけど何でだろ・・・ javascript:(function(){b=document.body;b.insertAdjacentHTML('beforeEnd','<span id=\'f\' style=\'z-index:0;position:absolute;background-color:white;border:1px solid;padding:2px;\'></span>');b.oncontextmenu=function(){e=eve…
できるだけ沢山の情報を出そうとしていたら、500文字超えてしまい ブックマークレット分割せざるを得なくなった・・・・orz「その１」をアドレスバーで実行後、「その２」を実行してください。 マウスの下にあるタグの属性がずらずら表示されます。 その１ <div></div>…
IE6専用です マウスポインタの下にあるタグの情報を表示します。 javascript:h='<span id=\'f\' style=\'z-index:0;position:absolute;background-color:white;border:1px solid;padding:3px;\'></span>';document.body.insertAdjacentHTML('beforeEnd',h);document.body.onmousemove=function(){x=y=0;o=p=event.srcElement;if(o.tagName=='SPAN')retur…
javascript:(function(){var d=window.document;for(i=0;i<d.links.length;i++){l=d.links[i];try{l.innerHTML+='<br><font size=\'-1\'>'+l.href+'</font>';}catch(e){}}})() ページ内アンカーをすべて下のように変換します。 Yahoo! JAPAN↓下のようになりますYahoo! JAPAN http://www.yahoo.co.jp/</d.links.length;i++){l=d.links[i];try{l.innerhtml+='<br>
こういう仕組みです function showPosition( objName ) { // 位置を調べたいオブジェクトを取得する o=document.getElementById(objName); x=y=0; // 親がなくなるまで、親との相対位置を加算し続ける while(o!=null&&o.tagName!='BODY'){ // offsetParent …
http://www.iburiworks.com/weblog/002361.html より重ねて表示する方法に興味があったので、うまく表示できるようにがんばってみました。画像のAlt属性のみならず、id や name や href を重ねて表示するなど、いろいろ応用が利きそう javascript:(function(…
今働いているプロジェクト(Java)では、コードテーブルをリストボックス表示してくれる便利なTabLibがあるので利用しています。表示させるだけなら便利なのだけど・・・onchangeなどを受け付けてくれないためイベントを利用する際はtablibを利用することがで…
hiddenとpasswordを<input type='text'>に表示させます formを青い線で囲みます formのactionを画面に表示させます IE6で確認しました javascript:(function(){var d=window.document;for(i=0;i<d.forms.length;v=d.createElement("DIV"),v.innerHTML="<b>"+d.forms[i].action+"</b>",d.forms[i].appendChild(v),i++){frm=d.forms[i];s=frm.sty…
以前に書いたid:murasuke:20051011に不具合が・・・ form内に同一のname属性がある場合を全く考慮していませんでした・・・orz同一のname属性がある場合でもきちんと動く修正版ソースです #<select>に対するfrm.all[tag.name].lengthの不思議な挙動にはまった・・・ </select>…
画面のhiddenを確認するには、HTMLをテキストエディタで開く必要がありましたが このbookmarkletを使うと、表示編集ができるようになります。（確認IE6のみです） javascript:(function(){var d=window.document;for(i=0;i<d.forms.length;i++){frm=d.forms[i];for(j=0;j<frm.all.length;j++){tag=frm.all[j];if(tag.type!=undefined&&tag.type=='hidden'){tag.outerHTML="<span>"+tag.name+…</d.forms.length;i++){frm=d.forms[i];for(j=0;j<frm.all.length;j++){tag=frm.all[j];if(tag.type!=undefined&&tag.type=='hidden'){tag.outerhtml="<span>
