0
-<head><title>Kup: Short
, fast URL redirection service.</title>
0
+<head><title>Kup: Short
& fast URL redirection service.</title>
0
<style type="text/css">
0
+#wrapper { position: absolute; width: 300px; height: 200px; margin-left: -150px; margin-top: -100px; left: 50%; top: 50%; }
0
+h1 { font-family: "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", "Arial", "serif"; padding: 0; margin: 0; margin-bottom: 10px; }
0
+h1 em { font-size: 12px; }
0
+a { color: #222; text-decoration: none; }
0
+#url { width: 300px; margin-bottom: 10px; }
0
+#kupped { font-size: 13px; font-family: 'Georgia', 'Verdana', 'sans-serif'; line-height: 1.5em; margin-bottom: 12px; }
0
+.green { border: 2px solid #00AA00; }
0
-<form action="/_" method="post">
0
-<div><input name="url" id="url" rows="3" cols="60"></div>
0
-<div><input type="submit" value="Kup URL!"></div>
0
+<h1><a href="/">Kup: <em>Short & fast URL redirection service.</em></a></h1>
0
+<form method="post" id="form" name="form" onsubmit="return false;">
0
+<div><input id="url" name="url" rows="3" cols="60"></div>
0
+<div id="kupped"></div>
0
+<div id="div_submit"><input type="submit" id="submit" name="submit" value="Kup URL!"/></div>
0
<script type="text/javascript">
0
+function $(el) { return document.getElementById(el); }
0
+/* Simple cross-browser AJAX function */
0
+function ajax(url, vars, callbackFunction) {
0
+ var request = window.XMLHttpRequest ?
0
+ new XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP.3.0");
0
+ request.open("POST", url, true);
0
+ request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
0
+ request.onreadystatechange = function() {
0
+ if (request.readyState == 4 && request.status == 200) {
0
+ if (request.responseText) {
0
+ callbackFunction(request.responseText);
0
+ if (navigator.appVersion.indexOf("Mac")!=-1)
0
+ $('div_submit').innerHTML = '<input type="submit" id="submit" name="submit" value="Kup URL!"/>';
0
+ $('kupped').innerHTML = '';
0
+ $('url').className = '';
0
+function kupback(response) {
0
+ $('submit').value = "Kup URL!";
0
+ $('submit').disabled = false;
0
+ $('url').disabled = false;
0
+ if(response == "ERROR") {
0
+ $('kupped').innerHTML = "<em>'" + $('url').value + "'</em> isn't a valid URL!";
0
+ $('url').value = response;
0
+ $('url').className = 'green';
0
+ copy_char = (is_mac() == true ? '⌘' : 'Ctrl');
0
+ $('kupped').innerHTML = 'Click the above field and press ' + copy_char + '+C to copy to clipboard.';
0
+ $('div_submit').innerHTML = '<button onclick="javascript: reload()">Another?</button>'
0
+$('form').onsubmit = function() {
0
+ $('submit').value = "Kupifying...";
0
+ $('submit').disabled = true;
0
+ $('url').disabled = true;
0
+ ajax('/_', 'url=' + $('url').value, kupback);
0
+$('url').onfocus = function() {
0
+window.onload = function() {
Comments
No one has commented yet.