TOP /JavaScript 任意の文字色を変更する(IE)

ページ内の任意の色を変更できるようになります。
印刷時に強調したい部分の色を変更しておく時等に便利です。
文字を選択後右クリックでメニューが表示されます

bodyにコピーしてください

<script type="text/javascript"><!--
color_list=new Array("black","red","blue","orange","green");     //変更色
set_x=5;                //オフセットX
set_y=5;               //オフセットY

var range_temp;
function openmenu(){
d_div=document.all.tiptext;
     rx = event.clientX + document.body.scrollLeft +set_x;
     ry = event.clientY + document.body.scrollTop +set_y;
     d_div.style.left = rx +"px";
     d_div.style.top = ry +"px";
t = document.selection.createRange();
if(t.text){
     d_div.style.display="block";
     return false;
 }else{
     d_div.style.display="none";
     return true;
 }
}

function text_command(c,s){
t = document.selection.createRange();
if(t.text)
document.execCommand(c,false,s);
document.all["tiptext"].style.display="none"; 
}
P="<div id='tiptext'style='position:absolute;display:none;border: 1px solid gray;'>";
for (i in color_list) 
   P+="<button style='color:"+color_list[i]+";width:100px;'onclick=\"text_command('ForeColor','"+color_list[i]+"')\"onmouseover=\"this.style.color='white';this.style.backgroundColor='navy'\"onmouseout=\"this.style.color='"+color_list[i]+"';this.style.backgroundColor=''\">"+color_list[i]+"</button><br>";
P+="<button style='width:100px;'onclick=\"text_command('underline','')\"onmouseover=\"this.style.color='white';this.style.backgroundColor='navy'\"onmouseout=\"this.style.color='';this.style.backgroundColor=''\">下線</button><br>";
P+="<button style='width:100px;'onclick=\"text_command('Copy','')\"onmouseover=\"this.style.color='white';this.style.backgroundColor='navy'\"onmouseout=\"this.style.color='';this.style.backgroundColor=''\">コピー</button><br>";
P+="</div>";
if(document.all){
document.write(P);
document.body.oncontextmenu=new Function("return openmenu()");
document.body.onclick=new Function("document.all.tiptext.style.display='none'");
}
/*himajin.moo.jp*/
// --></script>