iPad用ブックマークレット配布ページ

機能

追加手順

スクリプト(ブックマークのURLにコピペ)

javascript:if(PI_BM==null){var PI_BM = {blowser : PI_Blower,$ : function(s){return document.getElementById(s)},window_ : {},closeElementID : "PI_BM_Window_close",openElementID : "PI_BM_Window_open",close : function(){this.$(this.openElementID).style.display = "none";this.$(this.closeElementID).style.display = "block";}, open : function(){this.$(this.openElementID).style.display = "block";this.$(this.closeElementID).style.display = "none";},/* viewport */viewportToWideFlg:false,viewportElement:null,viewportToWide : function(){if(! this.viewportToWideFlg){this.viewportToWideFlg = true;var el = document.createElement("div");el.id = "PI_BM_Wider";el.style.width = "2000px";el.style.height = '1px';viewportElement = el;document.body.insertBefore(el, document.body.firstChild);} else {var s = viewportElement.style.width;ss = s.split("px");viewportElement.style.width = (Number(ss[0])+2000) + "px";}},/* contrast */contlastElement:null,setContrastFirstFlg:true,setContrast : function(_n){var n = Number(_n);if (this.setContrastFirstFlg) {this.setContrastFirstFlg = false;var el = document.createElement("div");el.id = "PI_BM_contrast";el.style.zIndex = "99999990";el.style.backgroundColor = "#000000";el.style.opacity = (n > 0) ? n: 0;el.style.position = "fixed";el.style.top = "0px";el.style.left = "0px";el.style.width = (PI_Blower.getPageWidth()+10) + "px";el.style.height = (PI_Blower.getPageHeight() +10)+ "px";contlastElement = el;document.body.insertBefore(el, document.body.firstChild);} else {contlastElement.style.opacity = n + Number(contlastElement.style.opacity);}if(el.style.opacity < 0) el.style.opacity = 0 ;if(el.style.opacity > 1) el.style.opacity = 1 ;},/* text */laergeText : function(_n){var elements = document.getElementsByTagName("*");if(elements.length > 0){for(var i = 0;i<elements.length;i++){if(elements[i].className != "noscale"){var size_ = elements[i].style.fontSize;var size;if(elements[i].style.fontSize != ""){size = Number(size_.substr(0,size_.length-2));} else{size = 16;}size = size * _n;elements[i].style.fontSize= size + "px";/*elements[i].style.lineHeight="1.6em";*/}}}}};var PI_Blower = {scrollViewport : function (_n){this.setPositionY(this.getViewportHeight() * _n,"relative");},scrollToTop : function (_n){this.setPositionY(0,"absolute");},scrollToBottom : function (_n){this.setPositionY(this.getPageHeight(),"absolute");},setPositionY : function(_n,_type){var tar;if(_type =="absolute"){tar = _n;} else {tar = window.scrollY + _n;}document.body.scrollTop = tar;this.setElementPos( document.getElementById("PI_BM_Window").div ,null , this.getPositionY() );},getPositionY : function(){return window.scrollY},getPageWidth : function (){return (document.body.clientWidth > document.body.scrollWidth) ? document.body.clientWidth : document.body.scrollWidth},getPageHeight : function (){return (document.body.clientHeight > document.body.scrollHeight) ? document.body.clientHeight : document.body.scrollHeight },getViewportWidth : function (){return window.innerWidth ;},getViewportHeight : function (){return window.innerHeight;},setElementPos : function (_element,_x,_y){if(_x != null) _element.style.left = _x + "px";if(_y != null) _element.style.top = _y + "px";}};;var el = document.createElement("div");el.innerHTML = '<style type="text/css">#PI_BM_Window{ position: absolute;z-index:99999999; width: 60px; padding: 5px; background: #ffffff;border:solid 1px #cccccc;} #PI_BM_Window h2{ font-size: 12px; margin: 5px 0 0 0; padding: 5; } #PI_BM_Window ul{ list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 0; } #PI_BM_Window ul li{ display: block; margin: 0 0 1px 0; padding: 0 0 0 0; width: 60px; text-align: center; color: #ffffff; font-family: Arial, Helvetica, sans-serif; } #PI_BM_Window ul li a{ padding: 10px; font-size: 12px; display: block; background: #666666; color: #ffffff; text-decoration: none; } #PI_BM_Window ul li #PI_BM_navi_close,#PI_BM_Window ul li #PI_BM_navi_open{ border: 1px solid #cccccc; padding: 10px; font-size: 14px; display: block; background: #ffffff; color: #666666; text-decoration: none; } #PI_BM_Window ul li #PI_BM_navi_close{margin:10px 0 0 0;} </style><div id="PI_BM_Window" ><div id="PI_BM_Window_open"><h2 class="noscale">viewport</h2><ul><li><a href="javascript:PI_BM.viewportToWide();" class="noscale">wide</a></li></ul><h2 class="noscale">color</h2><ul><li><a href="javascript:PI_BM.setContrast(0.1);" class="noscale">dark</a></li><li><a href="javascript:PI_BM.setContrast(-0.1);" class="noscale">bright</a></li></ul><h2 class="noscale">text</h2><ul><li><a href="javascript:PI_BM.laergeText(1.25);" class="noscale">lerge</a></li><li><a href="javascript:PI_BM.laergeText(1/1.25);" class="noscale">small</a></li></ul><!--h2>scroll</h2><ul class="listNormal"><li><a href="javascript:PI_Blower.scrollToTop();">top</a></li><li><a href="javascript:PI_Blower.scrollViewport(-1);">&and;</a></li><li><a href="javascript:PI_Blower.scrollViewport(1);">&or;</a></li><li><a href="javascript:PI_Blower.scrollToBottom();">bottom</a></li></ul--><ul><li><a href="javascript:PI_BM.close();" id="PI_BM_navi_close" class="noscale">close</a></li></ul></div><div id="PI_BM_Window_close" style="display:none;"><ul><li><a href="javascript:PI_BM.open();" id="PI_BM_navi_open" class="noscale">open</a></li></ul></div></ul></div>';document.body.insertBefore(el,document.body.firstChild)};void(0);

詳しい解説

詳しい解説については、こちらのページも参照してください。
iPadサファリ用ブックマークレットをアップ | PIXEL LAB


作成日:2010/06/11