-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmasterStylist.html
1 lines (1 loc) · 3.48 KB
/
masterStylist.html
1
<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><script async src="https://www.googletagmanager.com/gtag/js?id=G-GT9SGNE9P7"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-GT9SGNE9P7")</script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4885726053170676" crossorigin="anonymous"></script><style>form{background-color:#eee;border-radius:5px;padding:10px;margin:10px}form input#slider{transition:width .5s ease-in-out}form input#angleSlider{display:none}footer{position:fixed;bottom:0;width:100%;text-align:center;font-size:12px;color:#999}</style></head><body><table><tr></table><form><h3>Please select your phone number below</h3><div>Phone:<span id="phoneDisplay">(30) 339-669-214</span></div><input id="slider" type="range" min="10000000000" max="99999999999" value="55555555555" title="Hint: use keyboard arrows to change value" style="transition:width .5s ease-in-out"><hr><div><input id="advancedMode" type="checkbox"><label for="advancedMode">Advanced Mode</label><input id="angleSlider" type="range" min="-10" max="10" step="0.02" style="display:none" value="0"></div><input id="submit" type="submit" value="Submit"></form><table><tr><th>Exporter</th><th>Consignee</th></tr><tr><th>Description</th><th>Quantity</th><th>Unit</th><th>Weight</th><th>Total</th></tr><tr><td>Chrome Votive Holder</td><td>120</td><td>Pieces</td><td>40kg</td><td>$180.00</td></tr><tr><td>Mercury Glass Pillar Holder</td><td>120</td><td>Pieces</td><td>50kg</td><td>$264.00</td></tr><tr><td>Stainless Steel Tea Light Holder</td><td>120</td><td>Pieces</td><td>40kg</td><td>$132.00</td></tr><tr><td>Crystal Glass Taper Holder</td><td>150</td><td>Pieces</td><td>50kg</td><td>$321.60</td></tr></table><script>var slider=document.getElementById("slider"),angleSlider=document.getElementById("angleSlider"),phoneDisplay=document.getElementById("phoneDisplay"),advancedModeCheckbox=document.getElementById("advancedMode"),angle=0,speed=0,friction=.99,value=Number(slider.value);function PhoneNumberToDisplay(e){return"("+e.toString().substr(0,2)+") "+e.toString().substr(2,3)+"-"+e.toString().substr(5,4)+"-"+e.toString().substr(8,2)}function UpdatePhone(){angle=Number(angleSlider.value),value=Number(slider.value),speed+=1e3*Math.sin(angle*Math.PI/180),speed*=friction,(value+=Math.round(1e5*speed))>slider.max?(value=slider.max,speed*=-1):value<slider.min&&(value=slider.min,speed*=-1),slider.value=value,phoneDisplay.innerHTML=PhoneNumberToDisplay(value)}setInterval(UpdatePhone,10),advancedModeCheckbox.addEventListener("change",function(){this.checked?(document.getElementById("angleSlider").style.display="block",slider.style.width="100%"):(document.getElementById("angleSlider").style.display="none",slider.style.width="197px",angleSlider.style.display="none",angleSlider.value=0,slider.style.transform="rotate(0deg)")}),slider.oninput=function(){speed=0};var advancedMode=!(angleSlider.oninput=function(){angle=Number(angleSlider.value),slider.style.transform="rotate("+angle+"deg)"});advancedModeCheckbox.addEventListener("change",function(){advancedMode=advancedModeCheckbox.checked}),document.getElementById("submit").addEventListener("click",function(e){confirm("Is this your Phone Number?\n"+PhoneNumberToDisplay(value))?alert("Thank you for your submission!"):alert("Please contact your phone administrator to change your phone number to "+PhoneNumberToDisplay(value)),e.preventDefault()})</script></html>