BEB Old versions

BEB Old versions

[1] Previous versions of BEBBookmarklet Editor Bookmarklet

BEB Version 1.0

[42] Bookmarklet の作成のための百分率符号化フォーム <data:text/html,%3Cp%3EOriginal:%20%3Cbr/%3E%3Ctextarea%20id='before'%20style='width:%20100%25;%20height:%2065%25'%20onchange='document.getElementById%20(&#x27;after&#x27;).value%20=%20encodeURI(document.getElementById%20(&#x27;before&#x27;).value)'%3E%3C/textarea%3E%3C/p%3E%3Cp%3EURI:%20%3Ctextarea%20id='after'%20style='width:%20100%25;%20height:%2020%25'%3E%3C/textarea%3E%3C/p%3E> (名無しさん 2005-06-02 03:58:52 +00:00)

[43] >>42 再編集できるようにしてみた。

<data:text/html,%3Chtml%20lang=%22en%22%20xmlns=%22http://www.w3.org/1999/xhtml%22%3E%0A%3Chead%3E%0A%3Ctitle%3EURI%20percent-encoding%20editor%3C/title%3E%0A%3C/head%3E%0A%3Cbody%3E%0A%3Cp%3EOriginal:%20%3Cinput%20type=%22text%22%20size=%2250%22%20id=%22label%22%20value=%22Item%22%20/%3E%3Cbr/%3E%0A%3Ctextarea%20id='before'%20style='width:%20100%25;%20height:%2065%25'%20onchange=%22%0A%20%20var%20uri%20=%20encodeURI(document.getElementById%20(&#x27;before&#x27;).value);%0A%20%20document.getElementById%20(&#x27;after&#x27;).value%20=%20uri;%0A%20%20document.getElementById%20('result-uri').textContent%20=%20document.getElementById%20('label').value;%0A%20%20document.getElementById%20('result-uri').href%20=%20uri;%0A%22%3E%3C/textarea%3E%3C/p%3E%0A%3Chr/%3E%0A%3Cp%3EURI:%3Cbr/%3E%0A%3Ctextarea%20id='after'%20style='width:%2090%25;%20height:%203em'%3E%3C/textarea%3E%0A%3Cinput%20type=%22button%22%20value=%22edit%22%20onclick=%22%0A%20%20document.getElementById%20('before').value%20=%20decodeURI%20(document.getElementById%20('after').value);%0A%22/%3E%3Cbr/%3E%0ALink:%20%3Ca%20id=%22result-uri%22%3E%3C/a%3E%3C/p%3E%0A%3C/body%3E%0A%3C/html%3E%0A%0A>

(名無しさん 2005-06-02 04:37:14 +00:00)

[44] >>43 UI を整えてみました。 <data:application/xhtml+xml,%0A%3C?xml-stylesheet%20href=%22http://suika.fam.cx/www/style/html/xhtml%22%20media=%22all%22%20?%3E%0A%3Chtml%20lang=%22en%22%20xmlns=%22http://www.w3.org/1999/xhtml%22%0A%20%20%20%20xmlns:h2=%22http://www.w3.org/2002/06/xhtml2/%22%3E%0A%3Chead%3E%0A%3Ctitle%3EURI%20percent-encoding%20editor%3C/title%3E%0A%3Cstyle%20type=%22text/css%22%20media=%22all%22%3E%0A.nonpara%20%7B%0A%20%20text-indent:%200%20!important;%0A%7D%0Ah,%20p%20%7B%0A%20%20margin-top:%200;%0A%20%20margin-bottom:%200;%0A%7D%0A%3C/style%3E%0A%3C/head%3E%0A%3Cbody%3E%0A%3Csection%3E%0A%3Ch2:h%3EOriginal%20(Decoded)%20Form%3C/h2:h%3E%0A%3Cp%20class=%22nonpara%22%3E%3Clabel%3ELabel:%0A%20%20%3Cinput%20type=%22text%22%20size=%2250%22%20id=%22label%22%20value=%22Item%22%20/%3E%3C/label%3E%3C/p%3E%0A%3Cp%20class=%22nonpara%22%3E%3Clabel%20for=%22before%22%20style=%22display:%20block%22%3ECode:%3C/label%3E%0A%3Ctextarea%20id='before'%20style='width:%20100%25;%20height:%2015em'%20onchange=%22%0A%20%20var%20uri%20=%20encodeURI(document.getElementById%20(&#x27;before&#x27;).value);%0A%20%20document.getElementById%20(&#x27;after&#x27;).value%20=%20uri;%0A%20%20document.getElementById%20('result-uri').textContent%20=%20document.getElementById%20('label').value;%0A%20%20document.getElementById%20('result-uri').href%20=%20uri;%0A%22%3E%3C/textarea%3E%3C/p%3E%0A%3C/section%3E%0A%3Csection%3E%0A%3Ch2:h%3EEncoded%20Form%3C/h2:h%3E%0A%3Cp%20class=%22nonpara%22%3E%3Clabel%20for=%22after%22%20style=%22display:%20block%22%3EURI:%3C/label%3E%0A%3Ctextarea%20id='after'%20style='width:%2090%25;%20height:%203em'%3E%3C/textarea%3E%0A%3Cinput%20type=%22button%22%20value=%22edit%22%20onclick=%22%0A%20%20document.getElementById%20('before').value%20=%20decodeURI%20(document.getElementById%20('after').value);%0A%22/%3E%3C/p%3E%0A%3Cp%20class=%22nonpara%22%3E%3Clabel%3ELink:%20%3Ca%20id=%22result-uri%22%3E%3C/a%3E%3C/label%3E%3C/p%3E%0A%3C/section%3E%0A%3C/body%3E%0A%3C/html%3E>

(名無しさん 2005-06-02 05:34:06 +00:00)

[45] >>44 百分率符号化対象を少し調整してみました。

<data:application/xhtml+xml,%0A%3C%3Fxml-stylesheet%20href=%22http://suika.fam.cx/www/style/html/xhtml%22%20media=%22all%22%20%3F%3E%0A%3Chtml%20lang=%22en%22%20xmlns=%22http://www.w3.org/1999/xhtml%22%0A%20%20%20%20xmlns:h2=%22http://www.w3.org/2002/06/xhtml2/%22%3E%0A%3Chead%3E%0A%3Ctitle%3EURI%20percent-encoding%20editor%3C/title%3E%0A%3Cstyle%20type=%22text/css%22%20media=%22all%22%3E%0A.nonpara%20%7B%0A%20%20text-indent:%200%20!important;%0A%7D%0Ah,%20p%20%7B%0A%20%20margin-top:%200;%0A%20%20margin-bottom:%200;%0A%7D%0A%3C/style%3E%0A%3C/head%3E%0A%3Cbody%3E%0A%3Csection%3E%0A%3Ch2:h%3EOriginal%20%28Decoded%29%20Form%3C/h2:h%3E%0A%3Cp%20class=%22nonpara%22%3E%3Clabel%3ELabel:%0A%20%20%3Cinput%20type=%22text%22%20size=%2250%22%20id=%22label%22%20value=%22Item%22%20/%3E%3C/label%3E%3C/p%3E%0A%3Cp%20class=%22nonpara%22%3E%3Clabel%20for=%22before%22%20style=%22display:%20block%22%3ECode:%3C/label%3E%0A%3Ctextarea%20id=%27before%27%20style=%27width:%20100%25;%20height:%2020em%27%20onchange=%22%0A%20%20var%20uri%20=%20document.getElementById%20%28%26%23x27;before%26%23x27;%29.value;%0A%20%20if%20%28uri.match%20%28/%5Ejavascript:/%29%29%20%7B%0A%20%20%20%20uri%20=%20%27javascript:%27%20+%20encodeURIComponent%20%28uri.substring%20%2811%29%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%27/g,%20%27%2527%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%28/g,%20%27%2528%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%29/g,%20%27%2529%27%29;%0A%20%20%7D%20else%20if%20%28uri.match%20%28/%5Edata:/%29%29%20%7B%0A%20%20%20%20uri%20=%20%27data:%27%20+%20encodeURI%20%28uri.substring%20%285%29%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%23/g,%20%27%2523%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%26amp;/g,%20%27%2526%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%27/g,%20%27%2527%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%28/g,%20%27%2528%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%29/g,%20%27%2529%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%3F/g,%20%27%253F%27%29;%0A%20%20%7D%20else%20%7B%0A%20%20%20%20uri%20=%20encodeURI%20%28uri%29;%0A%20%20%7D%0A%20%20document.getElementById%20%28%26%23x27;after%26%23x27;%29.value%20=%20uri;%0A%20%20var%20label%20=%20document.getElementById%20%28%27label%27%29.value;%0A%20%20document.getElementById%20%28%27result-uri%27%29.textContent%20=%20label;%0A%20%20document.getElementById%20%28%27result-uri%27%29.href%20=%20uri;%0A%20%20document.getElementById%20%28%27result-sw%27%29.value%20=%20%27%5BCITE%5B%27%20+%20label%20+%20%26quot;%5D%5D%5Cn%26quot;%0A%20%20%20%20%20%20+%20%27%26lt;%27%20+%20uri%20+%20%27%26gt;%27;%0A%22%3E%3C/textarea%3E%3C/p%3E%0A%3C/section%3E%0A%3Csection%3E%0A%3Ch2:h%3EEncoded%20Form%3C/h2:h%3E%0A%3Cp%20class=%22nonpara%22%3E%3Clabel%20for=%22after%22%20style=%22display:%20block%22%3EURI:%3C/label%3E%0A%3Ctextarea%20id=%27after%27%20style=%27width:%2090%25;%20height:%203em%27%3E%3C/textarea%3E%0A%3Cinput%20type=%22button%22%20value=%22edit%22%20onclick=%22%0A%20%20document.getElementById%20%28%27before%27%29.value%20=%20decodeURIComponent%20%28document.getElementById%20%28%27after%27%29.value%29;%0A%22/%3E%3C/p%3E%0A%3Cp%20class=%22nonpara%22%3E%3Clabel%3ELink:%20%3Ca%20id=%22result-uri%22%3E%3C/a%3E%3C/label%3E%3C/p%3E%0A%3Cp%20class=%22nonpara%22%3E%3Clabel%20style=%22display:%20block%22%20for=%22result-sw%22%3ESuikaWiki:%3C/label%3E%0A%3Ctextarea%20id=%22result-sw%22%20style=%22width:%20100%25;%20height:%205em%22%3E%3C/textarea%3E%3C/p%3E%0A%3C/section%3E%0A%3C/body%3E%0A%3C/html%3E%0A> (名無しさん)

[92] Bookmarklet Editor 改訂版 <data:application/xhtml+xml,%0A%3C%3Fxml-stylesheet%20href=%22http://suika.fam.cx/www/style/html/xhtml%22%20media=%22all%22%20%3F%3E%0A%3Chtml%20lang=%22en%22%20xmlns=%22http://www.w3.org/1999/xhtml%22%0A%20%20%20%20xmlns:h2=%22http://www.w3.org/2002/06/xhtml2/%22%3E%0A%3Chead%3E%0A%3Ctitle%3EURI%20percent-encoding%20editor%3C/title%3E%0A%3Cstyle%20type=%22text/css%22%20media=%22all%22%3E%0A.nonpara%20%7B%0A%20%20text-indent:%200%20!important;%0A%7D%0Ah,%20p%20%7B%0A%20%20margin-top:%200;%0A%20%20margin-bottom:%200;%0A%7D%0A%3C/style%3E%0A%3Cscript%20type=%22text/javascript%22%3E%0A%20%20document.isModified%20=%20false;%0A%3C/script%3E%0A%3C/head%3E%0A%3Cbody%20onbeforeunload=%22return%20document.isModified%20%3F%20false%20:%20true%22%3E%0A%3Csection%3E%0A%3Ch2:h%3EOriginal%20%28Decoded%29%20Form%3C/h2:h%3E%0A%3Cp%20class=%22nonpara%22%3E%3Clabel%3ELabel:%0A%20%20%3Cinput%20type=%22text%22%20size=%2250%22%20id=%22label%22%20value=%22Item%22%20/%3E%3C/label%3E%3C/p%3E%0A%3Cp%20class=%22nonpara%22%3E%3Clabel%20for=%22before%22%20style=%22display:%20block%22%3ECode:%3C/label%3E%0A%3Ctextarea%20id=%27before%27%20style=%27width:%20100%25;%20height:%2020em%27%20onchange=%22%0A%20%20var%20uri%20=%20document.getElementById%20%28%26%23x27;before%26%23x27;%29.value;%0A%20%20if%20%28uri.match%20%28/%5Ejavascript:/%29%29%20%7B%0A%20%20%20%20uri%20=%20%27javascript:%27%20+%20encodeURIComponent%20%28uri.substring%20%2811%29%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%27/g,%20%27%2527%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%28/g,%20%27%2528%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%29/g,%20%27%2529%27%29;%0A%20%20%7D%20else%20if%20%28uri.match%20%28/%5Edata:/%29%29%20%7B%0A%20%20%20%20uri%20=%20%27data:%27%20+%20encodeURI%20%28uri.substring%20%285%29%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%23/g,%20%27%2523%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%26amp;/g,%20%27%2526%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%27/g,%20%27%2527%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%28/g,%20%27%2528%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%29/g,%20%27%2529%27%29%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20.replace%20%28/%5C%3F/g,%20%27%253F%27%29;%0A%20%20%7D%20else%20%7B%0A%20%20%20%20uri%20=%20encodeURI%20%28uri%29;%0A%20%20%7D%0A%20%20document.getElementById%20%28%26%23x27;after%26%23x27;%29.value%20=%20uri;%0A%20%20var%20label%20=%20document.getElementById%20%28%27label%27%29.value;%0A%20%20document.getElementById%20%28%27result-uri%27%29.textContent%20=%20label;%0A%20%20document.getElementById%20%28%27result-uri%27%29.href%20=%20uri;%0A%20%20document.isModified%20=%20true;%0A%22%3E%3C/textarea%3E%3C/p%3E%0A%3C/section%3E%0A%3Csection%3E%0A%3Ch2:h%3EEncoded%20Form%3C/h2:h%3E%0A%3Cp%20class=%22nonpara%22%3E%3Clabel%20for=%22after%22%20style=%22display:%20block%22%3EURI:%3C/label%3E%0A%3Ctextarea%20id=%27after%27%20style=%27width:%2090%25;%20height:%203em%27%3E%3C/textarea%3E%0A%3Cinput%20type=%22button%22%20value=%22edit%22%20onclick=%22%0A%20%20if%20%28document.isModified%29%20%7B%0A%20%20%20%20if%20%28!confirm%20%28%27The%20code%20is%20modified.%20%20Continue%20anyway%3F%27%29%29%20%7B%0A%20%20%20%20%20%20return;%0A%20%20%20%20%7D%0A%20%20%7D%0A%20%20document.getElementById%20%28%27before%27%29.value%20=%20decodeURIComponent%20%28document.getElementById%20%28%27after%27%29.value%29;%0A%20%20document.isModified%20=%20false;%0A%22/%3E%3C/p%3E%0A%3Cp%20class=%22nonpara%22%3E%3Clabel%3ELink:%20%3Ca%20id=%22result-uri%22%3E%3C/a%3E%3C/label%3E%3C/p%3E%0A%3C/section%3E%0A%3C/body%3E%0A%3C/html%3E%0A%0A> (名無しさん 2007-07-27 13:58:51 +00:00)