一行JavaScript（ブックマークレット）
ブックマークレットというのは、ブラウザのアドレスに入力することでページの設定を変更したりすることのできる、JavaScriptで記述されたプログラムのことです。簡単な電卓を表示したり、ページを翻訳したり、いろいろできるのですが、ここではページの色設定に関するものを集めてみました。他の機能も使ってみたいと思われる方には JAVASCRIPT BOOKMARKLET が参考になると思います。
「お気に入り」への登録方法
ブラウザのアドレスへの入力が面倒な方には、「お気に入りに」に登録しても使えます。登録方法は、
・どこかのページを「お気に入り」に登録する（このページでもOK）。
・「お気に入り」の中の登録したページを右クリックして、プロパティを開く。
・「全般」のページタイトルをブックマークレットのそれに変更する。
・「webドキュメント」のURLにスクリプトを入力する。
・プロトコル”javascript”には登録されたプログラムがありませんという警告が
出るが、無視して「はい」を選択する。
・これでOKです。
|
グレイスケール
背景色、文字色、使用画像も含めて画面全体を白黒にします。 |
|
JavaScript:document.body.style.filter="gray();";eval(); |
白背景
とにかく背景色を白にします。スタイルシートで色を指定している場合や背景に画像を使用している場合には効果がありません。 |
|
JavaScript:void(document.bgColor='#FFFFFF') |
テキスト色変更
ページの標準テキストの色を変更します。スタイルシートなどで色を指定している場合などは使えません。実行すると、色の入力ウィンドウが開きますので、HTML色見本を参考に色名か16進数コードを入力してください。 |
JavaScript:if(frames.length<1){void(document.fgColor=prompt('何色にしますか？',''))}else{alert('このページはフレームなのでできません')}
（フレームバージョン）
JavaScript:pJ83EnR7=prompt('何色にしますか？','');xN3At2nF=new Function('x','i','if(pJ83EnR7){if(x.length==0){void(x.document.fgColor=pJ83EnR7)} else{for(i=0;i<x.length;i++){xN3At2nF(x.frames[i])}}}');xN3At2nF(this) |
背景色変更
ページの背景色を変更します。スタイルシートなどで色を指定している場合などは使えません。実行すると、色の入力ウィンドウが開きますので、HTML色見本を参考に色名か16進数コードを入力してください。 |
JavaScript:if(frames.length<1){document.body.background=''; void(document.bgColor=prompt('背景を何色に変えますか？',''))}else{alert('このページはフレームなのでできません。')}
（フレームバージョン）
JavaScript:Cys8Np=prompt('背景を何色に変えますか？','');Fj9z4M=new Function('x','i','if(Cys8Np){if(x.length==0){if(document.all) x.document.body.background=\'\';void(x.document.bgColor=Cys8Np)} else{for(i=0;i<x.length;i++){Fj9z4M(x.frames[i])}}}');Fj9z4M(this) |
配色変更 （１）
ページの背景色、文字色、リンク色全部を操作します。スタイルシートなどで色を指定している場合などは使えません。実行すると、それぞれ色の入力ウィンドウが開きますので、HTML色見本を参考に色名か16進数コードを入力してください。 |
|
JavaScript:document.bgColor=prompt("背景色",document.bgColor);document.fgColor=prompt("文字色",document.fgColor);document.body.link=prompt("未読リンク",document.body.link);document.body.vLink=prompt("既読リンク",document.body.vLink);eval(); |
配色変更 （２）
事前に背景色、文字色、リンク色を設定したものです。赤色の部分を好みの色に変更してください。HTML色見本を参考に色名か16進数コードを入力してください。 |
|
JavaScript:document.bgColor="lemonchiffon"; document.fgColor="maroon";document.body.link="limegreen"; document.body.vLink="forestgreen";eval(); |
使用色表示
ページで使用している色を別ウィンドウに16進数コードでリスト表示します。 |
|
JavaScript:void(S=document.body.innerHTML.replace(/href="[^"]*"/g,''). replace(/&#[0-9]{3,6};/g,''),sS=document.styleSheets,w='<tt>',L=new Array());for(i=0;i<sS.length;i++){void(S+=sS[i].cssText);}if(K=S.match (/#[0-9a-f]{3,6}/gi)){for(k=0;k<K.length;k++){if(!L[K[k]]){w+=L[K[k]]='<body bgcolor=#c0c0c0><div style="border-left:20px solid '+K[k]+';color:'+K[k]+'"> '+K[k]+'</div>'}}void (window.open().document.write(w));}else{void(alert('No colours found.'))} |
----------------------------------[HOME]----------------------------------
|
|
