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>