tweaking showme, adding buildme

getify · getify · commit 5e9fbff119bb · 2013-05-21T01:37:12.000-04:00
diff --git a/buildme.html b/buildme.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Build a Show-Me URL</title>
+</head>
+<body>
+<h1>Build a Show-Me URL</h1>
+<p>
+<textarea id="source" cols="100" rows="30"></textarea><br>
+<input type="button" id="buildit" value="build"><br>
+<input id="showmeurl" size="100">
+</p>
+<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
+<script src="buildme.js"></script>
+</body>
+</html>
diff --git a/buildme.js b/buildme.js
@@ -0,0 +1,20 @@
+(function(){var t="undefined"!=typeof window?window:exports,r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n=function(){try{document.createElement("$")}catch(t){return t}}();t.btoa||(t.btoa=function(t){for(var o,e,a=0,c=r,f="";t.charAt(0|a)||(c="=",a%1);f+=c.charAt(63&o>>8-8*(a%1))){if(e=t.charCodeAt(a+=.75),e>255)throw n;o=o<<8|e}return f}),t.atob||(t.atob=function(t){if(t=t.replace(/=+$/,""),1==t.length%4)throw n;for(var o,e,a=0,c=0,f="";e=t.charAt(c++);~e&&(o=a%4?64*o+e:e,a++%4)?f+=String.fromCharCode(255&o>>(6&-2*a)):0)e=r.indexOf(e);return f})})();
+
+(function(global,$){
+
+	function buildit() {
+		var src = $source.val();
+		src = btoa(src);
+		$showmeurl.val("http://getify.github.io/showme.html#data:text/html;charset=utf-8;base64," + src);
+	}
+
+	var $source, $showmeurl;
+
+	$(document).ready(function(){
+		$source = $("#source");
+		$showmeurl = $("#showmeurl");
+
+		$("#buildit").click("click",buildit);
+	});
+
+})(window,jQuery);
diff --git a/showme.html b/showme.html
@@ -2,11 +2,11 @@
 <html>
 <head>
 <title>Show Me</title>
-<script src="jquery.js"></script>
+<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
 <style>#showcode{background-color:#eee;border:1px solid #000;font-weight:bold;font-size:16px;}</style>
 </head>
 <body>
-<pre id="showcode"></pre>
+<pre id="showcode"><code></code></pre>
 <script src="showme.js"></script>
 </body>
 </html>
diff --git a/showme.js b/showme.js
@@ -7,7 +7,7 @@
 		if (str.match(/^data:text\/html.*?base64,/)) {
 			str = str.replace(/^data:text\/html.*?base64,/,"");
 			str = atob(str);
-			$("#showcode").text(str);
+			$("#showcode code").text(str);
 			document.write(str);
 		}
 	}

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@`
`7`	`7`	`if (str.match(/^data:text\/html.*?base64,/)) {`
`8`	`8`	`str = str.replace(/^data:text\/html.*?base64,/,"");`
`9`	`9`	`str = atob(str);`
`10`		`- $("#showcode").text(str);`
	`10`	`+ $("#showcode code").text(str);`
`11`	`11`	`document.write(str);`
`12`	`12`	`}`
`13`	`13`	`}`