setCssScript
by
tukihatu
2013-02-07 [2013/02/07 19:02:46]
どのページでもユーザCSSを追記できるブックマークレット cookie記憶復元(保存できる文字数に注意が必要です)
@@ -29,8 +29,8 @@
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;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;border-top:1px solid #666666;text-align:left;color:#000000;">\
+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追記</div>\
<form method="post" action="" onsubmit="return false;"><div style="width:100%;font-weight:bold;">\
@@ -58,10 +58,10 @@
function setCssScript_change(){
if(setCssScript_setchange == 1){
setCssScript_setchange = "2";
- setCssScript_mainO.setAttribute('style','position:fixed;top:0;width:100%;z-index:10000000001;');
+ setCssScript_mainO.setAttribute('style','font-size:10px;position:fixed;top:0;width:100%;z-index:10000000001;');
}else{
setCssScript_setchange = "1";
- setCssScript_mainO.setAttribute('style','position:fixed;bottom:0;width:100%;z-index:10000000001;');
+ setCssScript_mainO.setAttribute('style','font-size:10px;position:fixed;bottom:0;width:100%;z-index:10000000001;');
}
}
//文字消す
/*
* @title setCssScript
* @description どのページでもユーザCSSを追記できるブックマークレット cookie記憶復元(保存できる文字数に注意が必要です)
* @include http://*
* @license tukihatu
*/
//setCssScript V1.0
//ユーザがCSSを直接書き込めるブックマークレット
//javascript:"http%3A%2F%2Flet.st-hatelabo.com%2Ftukihatu%2Flet%2FgYC-y5a7ovXcDw.bookmarklet.js%20%28arg%29".replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28"script"%29%3Bs.charset%3D"utf-8"%3Bs.src%3Durl%2B"%3Fs%3D"%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B;(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');
//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追記</div>\
<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:10px;"><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:10px;"><a href="javascript:;" onclick="setCssScript_close();" style="background:#FFF;border:2px solid #333399;padding:5px 10px;cursor:pointer;">閉じる</a></span><span style="display:inline-block;padding-left:10px;"><a href="javascript:;" onclick="setCssScript_change();" style="background:#FFF;border:2px solid #333399;padding:5px 10px;cursor:pointer;">表示上下切替</a></span></div>\
</div></form>\
</div></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);
}
//表示位置上下切替・デフォルトは下
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'));
}
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 です。