<!DOCTYPE html>
<html>
<head>
<title>Debug Full</title>
<script src="https://apis.google.com/js/client.js" type="text/javascript"></script>
<meta charset="utf-8"/>
<link rel="shortcut icon" href="/favicon.ico"/>
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/>
<style type="text/css">a
/*<![CDATA[*/
html {
}
body {
font-family: 'Ubuntu', 'Lato', sans-serif;
}
.fon{
-webkit-font-smoothing: antialiased;
font-weight: lighter;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
}
div.container {
width: 50%;
padding:auto;
margin:auto;
text-align:center;
box-sizing: border-box;
}
input[type=text], select {
text-align:center;
width: 70%;
padding: 5px 10px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
font-family: 'Ubuntu', 'Lato', sans-serif;
}
.button {
position: relative;
background-color:#004990;
border: none;
color: black;
padding: 5px 10px;
width: 20%;
margin: 8px 0;
text-align:center;
border-radius: 5px;
overflow: hidden;
cursor: progress;
color: #fff;
}
.button:after {
content: "";
background: #004990;
display: block;
position: absolute;
padding-top: 300%;
padding-left: 350%;
margin-left: -20px!important;
margin-top: -120%;
opacity: 0;
transition: all 0.8s
color: #fff;
}
.button:active:after {
padding: 0;
margin: 0;
opacity: 1;
transition: 0s
color: #fff;
}
/*]]>*/
</style>
</head>
<body>
<br><br><br>
<div class="container">
<div style="background-color:#3b5998; border-radius: 10px; border: 1px solid #ccc; border: 1px solid gray;">
<form id="randform" name="randform" onsubmit="return false">
<input class="fon" id="nomer" placeholder="LINK" type="text" value="" autocomplete="off"> <button class="button" onclick="randomString();">Generate</button>
<input class="fon" id="randomfield" placeholder="https://l.facebook.com/l.php?u=...&h=..&s=1" readonly="readonl" type="text" value="" onclick="this.select();" > <button class="button" data-copytarget="#randomfield">Copy</button>
</form>
<script type="text/javascript">
//<![CDATA[
(function() {
'use strict';
document.body.addEventListener('click', copy, true);
function copy(e) {
var
t = e.target,
c = t.dataset.copytarget,
inp = (c ? document.querySelector(c) : null);
if (inp && inp.select) {
inp.select();
try {
document.execCommand('copy');
inp.blur();
t.classList.add('copied');
setTimeout(function() { t.classList.remove('copied'); }, 1500);
}
catch (err) {
alert('please press Ctrl/Cmd+C to copy');
}}}
})();
//]]>
</script>
<p><span id="randomfield"></span></p>
<script language="javascript" type="text/javascript">
function randomString() {
var x = document.getElementById("nomer").value;
var y = "https://l.facebook.com/l.php?u="
var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
var string_length = 7;
var randomstring = '';
for (var i=0; i<string_length; i++) {
var rnum = Math.floor(Math.random() * chars.length);
randomstring += chars.substring(rnum,rnum+1);
}
document.randform.randomfield.value = y+x+"&h="+randomstring+"&s=1";
}
</script>
</div>
</div>
</body>
</html>