setCssScript
by
tukihatu
2013-02-07 [2013/02/07 19:02:46]
どのページでもユーザCSSを追記できるブックマークレット cookie記憶復元(保存できる文字数に注意が必要です)
@@ -1,6 +1,6 @@
/*
* @title setCssScript
- * @description どのページでもユーザCSSを追記できるブックマークレット+firebugコード
+ * @description どのページでもユーザCSSを追記できるブックマークレット
* @include http://*
* @license tukihatu
* @private
@@ -79,12 +79,6 @@
}
-//firebug lite
-var setCssScript_firebug = document.createElement('script');
-setCssScript_firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');
-document.body.appendChild(setCssScript_firebug);
-
-
/*
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');
*/
/*
* @title setCssScript
* @description どのページでもユーザCSSを追記できるブックマークレット
* @include http://*
* @license tukihatu
* @private
*/
//setCssScript V1.0
//どのページでもユーザCSSを追記できるブックマークレット
//scriptリセット
var setCssScript_cssO = ""
if(document.getElementById('setCssScript_mainArea')){
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');
document.body.appendChild(setCssScript_cssO);
}
//メイン画面書き込み
var setCssScript_mainO = document.createElement('div');
setCssScript_mainO.setAttribute('id','setCssScript_mainArea');
setCssScript_mainO.setAttribute('style','position:fixed;bottom:0;width:100%;z-index:10000000001;');
setCssScript_mainO.innerHTML = '<div style="width:100%;height:110px;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>\
<div style="position:fixed;bottom:0;width:100%;height:110px;z-index:10000000002;border-top:1px solid #666666;text-align:left;color:#000000;">\
<div style="padding:5px 5px">\
<form method="post" action="" onsubmit="return false;"><div style="width:100%;font-weight:bold;">\
<textarea id="setCssScriptText" name="setCssScriptText" style="width:100%;height:50px;">'+getCookie()+'</textarea>\
<div style="text-align:center;padding-top:10px;"><a href="javascript:;" onclick="setCssScript_submit();" style="background:#FFF;border:2px solid #333399;padding:5px 10px;">送信</a>\
<span style="display:inline-block;padding-left:15px;"><a href="javascript:;" onclick="setCssScript_reset();" style="background:#FFF;border:2px solid #333399;padding:5px 10px;cursor:pointer;">クリア</a></span><span style="display:inline-block;padding-left:15px;"><a href="javascript:;" onclick="setCssScript_close();" style="background:#FFF;border:2px solid #333399;padding:5px 10px;cursor:pointer;">閉じる</a></span></div>\
</div></form>\
</div>\
</div>';
document.body.appendChild(setCssScript_mainO);
//更新追加
function setCssScript_submit(){
var setCssScript_settext = document.getElementById('setCssScriptText').value;
setCssScript_cssO.innerHTML = setCssScript_settext;
//クッキーに保存
setCookie(setCssScript_settext);
}
//文字消す
function setCssScript_reset(){
document.getElementById('setCssScriptText').value = "";
}
//入力画面消す
function setCssScript_close(){
document.body.removeChild(document.getElementById('setCssScript'));
document.body.removeChild(document.getElementById('setCssScript_mainArea'));
}
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);
document.cookie = 'setCssScript=; expires='+setCssScript_date.toGMTString()+'; path='+location.pathname+';';
}else{
setCssScript_date.setTime(setCssScript_date.getTime() + 30*365*24*60*60*1000);
document.cookie = 'setCssScript='+encodeURIComponent(text)+'; 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');
*/
- Permalink
- このページへの個別リンクです。
- RAW
- 書かれたコードへの直接のリンクです。
- Packed
- 文字列が圧縮された書かれたコードへのリンクです。
- Userscript
- Greasemonkey 等で利用する場合の .user.js へのリンクです。
- Loader
- @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
- Metadata
- コード中にコメントで @xxx と書かれたメタデータの JSON です。