2010-08-14 01:19:34

License: MIT License

Fork: 9

Fav: 5

View: 18841

Play
Stop
Reload

Fullscreen

Smart Phone

Fork tree

Readme
JavaScript 0 lines
HTML 38 lines
CSS 2 lines

CSSを手軽に追加するブックマークレット(IE6対応)

<a href="javascript:(function(t,b,s,c){if(!window.addCss){window.addCss={};}if(!window.addCss.cnt){window.addCss.css=document.createElement('style');window.addCss.css.type='text/css';document.getElementsByTagName('head')[0].appendChild(window.addCss.css);window.addCss.cnt=document.styleSheets.length-1;}t=document.createElement('textarea');t.setAttribute('style',['width:300px','height:80px','position:fixed','right:0','top:10px','z-index:1000'].join(';'));b=document.createElement('input');b.type='button';b.value='Add';b.setAttribute('style',['position:fixed','right:15px','top:95px','z-index:1000'].join(';'));b.onclick=function(){window.addCss.css.appendChild(document.createTextNode(t.value));document.body.removeChild(t);document.body.removeChild(b);};document.body.appendChild(t);document.body.appendChild(b);})();">Add Style</a>

IE用のものも作ってみました
<a href="javascript:(function(t,b,db){t.style.cssText='width:300px;height:150px;position:absolute;right:0;top:0;z-index:1000;';b.type='button';b.value='Add';b.style.cssText='position:absolute;right:0;top:155px;z-index:1000;';b.onclick=function(){if(t.value){document.createStyleSheet().cssText=t.value;}db.removeChild(t);db.removeChild(b);};db.appendChild(t);db.appendChild(b);})(document.createElement('textarea'),document.createElement('input'),document.body);">Add Style for IE</a>

ミニファイ前のも置いときます
<pre>
(function(t,b,s,c){
if(!window.addCss){window.addCss={};}
if(!window.addCss.cnt){
window.addCss.css=document.createElement('style');
window.addCss.css.type='text/css';
document.getElementsByTagName('head')[0].appendChild(window.addCss.css);
window.addCss.cnt=document.styleSheets.length-1;
}

t=document.createElement('textarea');
t.setAttribute('style',['width:300px','height:80px','position:fixed','right:0','top:10px','z-index:1000'].join(';'));
b=document.createElement('input');
b.type='button';
b.value='Add';
b.setAttribute('style',['position:fixed','right:15px','top:95px','z-index:1000'].join(';'));
b.onclick=function(){
window.addCss.css.appendChild(document.createTextNode(t.value));
document.body.removeChild(t);
document.body.removeChild(b);
}
document.body.appendChild(t);
document.body.appendChild(b);
})();
</pre>

CSSを手軽に追加するブックマークレット(IE6対応)

CSSの記法で、ちょっとしたスタイルを見ているサイトに追加するブックマークレット。 ちょっと内容を変更しました。WebKitでも動きます。 使い方は通常のブックマークレットと同じで、下のリンクをお気に入りに登録してスタイルを追加したいサイトで実行してください。 <a href="javascript:(function(t,b,s,c){if(!window.addCss){window.addCss={};}if(!window.addCss.cnt){window.addCss.css=document.createElement('style');window.addCss.css.type='text/css';document.getElementsByTagName('head')[0].appendChild(window.addCss.css);window.addCss.cnt=document.styleSheets.length-1;}t=document.createElement('textarea');t.setAttribute('style',['width:300px','height:80px','position:fixed','right:0','top:10px','z-index:1000'].join(';'));b=document.createElement('input');b.type='button';b.value='Add';b.setAttribute('style',['position:fixed','right:15px','top:95px','z-index:1000'].join(';'));b.onclick=function(){window.addCss.css.appendChild(document.createTextNode(t.value));document.body.removeChild(t);document.body.removeChild(b);};document.body.appendChild(t);document.body.appendChild(b);})();">Add Style</a> IE用のものも作ってみました <a href="javascript:(function(t,b,db){t.style.cssText='width:300px;height:150px;position:absolute;right:0;top:0;z-index:1000;';b.type='button';b.value='Add';b.style.cssText='position:absolute;right:0;top:155px;z-index:1000;';b.onclick=function(){if(t.value){document.createStyleSheet().cssText=t.value;}db.removeChild(t);db.removeChild(b);};db.appendChild(t);db.appendChild(b);})(document.createElement('textarea'),document.createElement('input'),document.body);">Add Style for IE</a> ミニファイ前のも置いときます <pre> (function(t,b,s,c){ if(!window.addCss){window.addCss={};} if(!window.addCss.cnt){ window.addCss.css=document.createElement('style'); window.addCss.css.type='text/css'; document.getElementsByTagName('head')[0].appendChild(window.addCss.css); window.addCss.cnt=document.styleSheets.length-1; } t=document.createElement('textarea'); t.setAttribute('style',['width:300px','height:80px','position:fixed','right:0','top:10px','z-index:1000'].join(';')); b=document.createElement('input'); b.type='button'; b.value='Add'; b.setAttribute('style',['position:fixed','right:15px','top:95px','z-index:1000'].join(';')); b.onclick=function(){ window.addCss.css.appendChild(document.createTextNode(t.value)); document.body.removeChild(t); document.body.removeChild(b); } document.body.appendChild(t); document.body.appendChild(b); })(); </pre> body { background-color: #DDDDDD; font: 12px sans-serif; } em { font-style: normal; font-weight: bold;}

Play on jsdo.it games
- Author
- Share
- ブログに埋め込む
- QR
- Tag
Download

Complete!

Description What kind of game?

Control Device

	Smartphone Controllerjsdo.it WebSocket Controller»
	Mouse
	Keyboard
	Touch Device

Fullscreen

Activated
Inactivated

jsdo.it games から削除する Submit

edo_m18

URL
http://css-eblog.com

CSS-EBLOGの管理人やってます。

Size

Width: px
Height: px

code

<script type="text/javascript" src="http://jsdo.it/blogparts/sk05/js"></script>

QR Code

Discussion

Questions on this code?

Favorite by

sw_lucchini

fingaholic

kamem

Forked

sort by

forked: CSSを手軽に追加するブックマークレット(I

teetteet

2/38/2
- Firefox
- WebKit
- add
- bookmarklet
- css

forked: CSSを手軽に追加するブックマークレット(I

kazunoko

2/38/2
- Firefox
- WebKit
- add
- bookmarklet
- css

forked: CSSを手軽に追加するブックマークレット(I

Atsushi.Kinj

2/38/2
- Firefox
- WebKit
- add
- bookmarklet
- css

forked from: CSSを手軽に追加するブックマーク

higaaaaaaaaa

2/38/2
- Firefox
- WebKit
- add
- bookmarklet
- css

CSSを手軽に追加するブックマークレット(IE6対応)

Description What kind of game?

Control Device

Fullscreen

Author

Default Panel

Size

code

Discussion

Tags

Favorite by

Forked