https://let.hatelabo.jp/tukihatu/rss
Bookmarklets from tukihatu
-
https://let.hatelabo.jp/tukihatu/let/gYC-y5a7ovXcDw
2013-02-07T10:02:46Z
どのページでもユーザCSSを追記できるブックマークレット cookie記憶復元（保存できる文字数に注意が必要です）
tukihatu
[Let] setCssScript
<a href="javascript:%22https%3A%2F%2Flet.st-hatelabo.com%2Ftukihatu%2Flet%2FgYC-y5a7ovXcDw.bookmarklet.js%20%28arg%29%22.replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28%22script%22%29%3Bs.charset%3D%22utf-8%22%3Bs.src%3Durl%2B%22%3Fs%3D%22%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B">setCssScript</a><pre>/*
* @title setCssScript
* @description どのページでもユーザCSSを追記できるブックマークレット cookie記憶復元（保存できる文字数に注意が必要です）
* @include http://*
* @license tukihatu
*/
//setCssScript V1.0
//ユーザがCSSを直接書き込めるブックマークレット
//scriptリセット
var setCssScript_cssO = ""
if(document.getElementById('setCssScript_mainArea')){
if(document.getElementById('setCssScript')){document.body.removeChild(document.getElementById('setCssScript'))};
document.body.removeChild(document.getElementById('setCssScript_mainArea'));
setCssScript_cssO = document.getElementById('setCssScript_cssArea');
}else{
setCssScript_cssO = document.createElement('style');
setCssScript_cssO.setAttribute('id','setCssScript_cssArea');
setCssScript_cssO.innerHTML = getCookie();
document.body.appendChild(setCssScript_cssO);
}
//メイン画面書き込み
var setCssScript_mainO = document.createElement('div');
setCssScript_mainO.setAttribute('id','setCssScript_mainArea');
setCssScript_mainO.setAttribute('style','font-size:10px;position:fixed;bottom:0;width:100%;z-index:10000000001;');
setCssScript_mainO.innerHTML = '<div style="width:100%;height:125px;border-top:1px solid #666666;background:#BBBBDD;background:linear-gradient(top,#DDDDFF,#BBBBDD);background:-webkit-gradient(linear,center top, center bottom,from(#DDDDFF),to(#BBBBDD));background:-moz-linear-gradient(top,#DDDDFF,#BBBBDD);*background:#BBBBDD;">\
<div style="width:98%;height:115px;text-align:left;color:#000000;">\
<div style="padding:5px 5px">\
<div>ユーザCSS追記 cookie範囲 - <input id="setCssScriptRadio1" type="radio" name="setCssScriptRadio" value="1" checked /><label for="setCssScriptRadio1">サイト全体</label> <input id="setCssScriptRadio2" type="radio" name="setCssScriptRadio" value="2" /><label for="setCssScriptRadio2">ページ単位</label></div>\
<form method="post" action="" onsubmit="return false;"><div style="width:100%;font-weight:bold;">\
<textarea id="setCssScriptText" name="setCssScriptText" style="font-size:14px;width:100%;height:50px;">'+getCookie()+'</textarea>\
<div style="text-align:center;padding-top:10px;"><a href="javascript:;" onclick="setCssScript_submit();" style="color:#000 !important;background:#FFF !important;border:2px solid #333399 !important;padding:5px 10px !important;">送信</a>\
<span style="display:inline-block;padding-left:10px;"><a href="javascript:;" onclick="setCssScript_reset();" style="color:#000 !important;background:#FFF !important;border:2px solid #333399 !important;padding:5px 10px !important;">クリア</a></span><span style="display:inline-block;padding-left:10px;"><a href="javascript:;" onclick="setCssScript_close();" style="color:#000 !important;background:#FFF !important;border:2px solid #333399 !important;padding:5px 10px !important;">閉じる</a></span><span style="display:inline-block;padding-left:10px;"><a href="javascript:;" onclick="setCssScript_change();" style="color:#000 !important;background:#FFF !important;border:2px solid #333399 !important;padding:5px 10px !important;">表示上下切替</a></span></div>\
</div></form>\
</div></div>\
</div>';
document.body.appendChild(setCssScript_mainO);
if(document.cookie.indexOf("setCssScriptRadio=2;") != -1){
document.getElementById('setCssScriptRadio2').checked = true;
document.getElementById('setCssScriptRadio1').checked = false;
}
//更新追加
function setCssScript_submit(){
var setCssScript_settext = document.getElementById('setCssScriptText').value;
setCssScript_cssO.innerHTML = setCssScript_settext;
//クッキーに保存
setCookie(setCssScript_settext);
}
//表示位置上下切替・デフォルトは下
var setCssScript_setchange = "1";
function setCssScript_change(){
if(setCssScript_setchange == 1){
setCssScript_setchange = "2";
setCssScript_mainO.setAttribute('style','font-size:10px;position:fixed;top:0;width:100%;z-index:10000000001;');
}else{
setCssScript_setchange = "1";
setCssScript_mainO.setAttribute('style','font-size:10px;position:fixed;bottom:0;width:100%;z-index:10000000001;');
}
}
//文字消す
function setCssScript_reset(){
document.getElementById('setCssScriptText').value = "";
}
//入力画面消す
function setCssScript_close(){
if(document.getElementById('setCssScript')){document.body.removeChild(document.getElementById('setCssScript'))};
document.body.removeChild(document.getElementById('setCssScript_mainArea'));
}
//cookie
function getCookie(){
if(document.cookie.indexOf("setCssScript") != -1){
return decodeURIComponent(document.cookie.split("setCssScript=")[1].split(";")[0]);
}
return "";
}
function setCookie(text){
var setCssScript_date = new Date();
if(text == ""){
setCssScript_date.setTime(setCssScript_date.getTime() - 24*60*60*1000);
if(document.getElementById('setCssScriptRadio2').checked){//ローカル
document.cookie = 'setCssScript=; expires='+setCssScript_date.toGMTString()+'; path='+location.pathname+';';
document.cookie = 'setCssScriptRadio=2; expires='+setCssScript_date.toGMTString()+'; path='+location.pathname+';';
}else{//ルート
document.cookie = 'setCssScript=; expires='+setCssScript_date.toGMTString()+'; path=/;';
document.cookie = 'setCssScriptRadio=1; expires='+setCssScript_date.toGMTString()+'; path='+location.pathname+';';
}
}else{
setCssScript_date.setTime(setCssScript_date.getTime() + 30*365*24*60*60*1000);
if(document.getElementById('setCssScriptRadio2').checked){//ローカル
document.cookie = 'setCssScript='+encodeURIComponent(text)+'; expires='+setCssScript_date.toGMTString()+'; path='+location.pathname+';';
document.cookie = 'setCssScriptRadio=2; expires='+setCssScript_date.toGMTString()+'; path='+location.pathname+';';
}else{//ルート
document.cookie = 'setCssScript='+encodeURIComponent(text)+'; expires='+setCssScript_date.toGMTString()+'; path=/;';
document.cookie = 'setCssScriptRadio=1; expires='+setCssScript_date.toGMTString()+'; path='+location.pathname+';';
}
}
}
/*
javascript:function%20loadScript(sU)%7Bvar%20sE=document.createElement('SCRIPT');sE.setAttribute('id','setCssScript');sE.setAttribute('src',sU);sE.setAttribute('charset','UTF-8');document.body.appendChild(sE);%7DloadScript('http://www.tci-m.co-site.jp/set.js?x='+Math.floor(Math.random()*10000000));(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})(document,'createElement','setAttribute','getElementsByTagName','FirebugLite','4','firebug-lite.js','releases/lite/latest/skin/xp/sprite.png','https://getfirebug.com/','#startOpened');
*/</pre>