MY CODES

FLOATING WIDGET-1

.

.

.

.

<div id="mboxbutton" alt="MEGA MENU" title="MEGA MENU"
style="position: fixed; top:0px; left:0px; width:160px; height: 20px; padding: 5px; text-align: center; cursor: pointer; background:#255720; border:0;border-radius: 5px; font:13px arial; color:#FFFFFF; z-index: 1000;" onclick="togglembox()"><b>OPEN MENU ▼</b></div>
<div id="mboxdiv" style="display: none; position: fixed; top:0px; left:261px; width: 960px; height:760px; background:transparent; padding:0px; line-height: 0;border:0; z-index: 1000;"></div>
<script type="text/javascript">
var mbvis = false;
var mbload = false;
var mbcookie = "mboxvis=";
function togglembox () {
var mbdiv = document.getElementById("mboxdiv");
var mbbut = document.getElementById("mboxbutton");
if (!mbvis) {
if (!mbload) {
mbdiv.innerHTML = '<iframe frameborder="0" height="760" src="https://docs.google.com/spreadsheets/d/1250n3upxFNUwA50hSL73OZK0fvXv0CHmFF1OTE_443M/pubhtml?gid=1951055053&amp;single=true&amp;widget=true&amp;headers=false" width="960"></iframe>';
mbload = true;}
mbdiv.style.display = "BLOCK";
mbbut.innerHTML = "CLOSE MENU ▼";}
else {mbdiv.style.display = "none"; mbbut.innerHTML = "OPEN MENU ▼";}
mbvis = !mbvis; document.cookie = mbcookie+((mbvis)?1:0);}
var mbcookiei = document.cookie.indexOf(mbcookie);
if (mbcookiei >= 0) {
if (document.cookie.substring(mbcookiei+mbcookie.length, mbcookiei+mbcookie.length+1) === "1") {
togglembox();}}
</script>