form-links

https://script.google.com/macros/s/AKfycbxIT6DjdNamALlEDfNmvowqm2vC9VRMeFueSbjbR5MblhnYygbblydH-ecABxsWozi-Ug/exec https://script.google.com/macros/s/AKfycbz7p8UGwaXc2qXC2hfOrZPIkHfJgho4J-wIA6-PX48apFu6dpkBHomjIM6MAMQugsRkxw/exec https://script.google.com/macros/s/AKfycbwSp5wHR5GmgIUi452rifdht1-iW2NtnRM76yXsOK40Ag0HwnkaP-K9EmulXRH9be6d/exec https://script.google.com/macros/s/AKfycbzTz1whaOdjSYc_x7I4LB4pO24GVxwj1kS3mLlNhd20QvIiH14XZhrViCzp5eA6mAlr/exec https://script.google.com/macros/s/AKfycbwTqoQ78Vo2x8zM9LqUcsIY8yrFsarPmt7RmCTJa43pRvn-47O70drs8vViOCOlmYUt/exec https://script.google.com/macros/s/AKfycbze1uW8_QN8WPKleHtt_Z3lfT32KYjvzcDQabzAKZGt3K_wwClhWbFXTH5ui94Ofi2Pyg/exec https://script.google.com/macros/s/AKfycbwoho15TXam0JwZUNhYt8ysoOQfrP_ylMyhvAgTT4rFynHvkpCLoKSaPzUIuVuU_Y1P/exec Auto Display Text 
<html><head>
 <style>
   body{position:fixed;margin-top:px; margin-top:-320px;margin-left:-80px;} 
   .bigdiv{width:300px;height:570px;overflow-y:scroll;margin-top:-20px; margin-left:85px;}
 
   .iframe{width:992px;height:410px;margin-top:;
   }

 .vid{background-color:lightgray;width:; height:50px;}
   .title{border:1px solid white;margin-top:-20px;}
 </style>
<style>

   #box {
     display: none;
     border: 1px solid white;
     padding:;
   }

  #inputBox{height:30px;width:220px}
</style>

</head>
<body><div class="vid"><div>OStistVid</div></div><div class="bigdiv">

<iframe class="iframe" onclick=""


src="" frameborder="0" style="margin-top:2px;"></iframe>
<div class="title"><a href="" ></a> </div>
<div id="ouput" style="margin-top:-1px;background-color:gray;width:90px;height:40px;color:white;text-align:center;border:1px solid white;">


  

<span class="likebtn-wrapper"></span><script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//w.likebtn.com/js/w/widget.js");</script>

</div>
<div id="comment"   style="margin-top:-42px;background-color:black;width:88px;height:40px;color:white;background-color:gray;margin-left:106px;text-align:center;border:1px solid white;">Comment


</div>
  <div  id="discription" style="color:white;background-color:gray;height:40px;width:90px;margin-left:208px;margin-top:-42px;text-align:center;border:1px solid white;">

Discription


</div>

  


<div id="box" style="width:278px;color:red;">
<form method="post" autocomplete="off" name="google-sheet">
        <input type="text" id="commentInput" name="Comments" class="form-control" placeholder="Your Comment *"style="width:185px;" required />

        <input type="submit" name="submit" class="btnSubmit btn-block" value="Comment" />
    </form>
    <iframe  src="https://script.google.com/macros/s/AKfycbyZ6SD3Uyl9_Z1Uhwps0R3Tklgj5CpCMhhKBdtCYFZLyWdZgcew3M7FIRMXGZSP3aH2Rw/exec" scrolling="no" width="100%" height="500" style="border:none;">  </iframe>
    <script>
        const scriptURL = 'https://script.google.com/macros/s/AKfycbxIT6DjdNamALlEDfNmvowqm2vC9VRMeFueSbjbR5MblhnYygbblydH-ecABxsWozi-Ug/exec';
        const form = document.forms['google-sheet'];
        const commentInput = document.getElementById('commentInput');

        // Function to handle form submission
        form.addEventListener('submit', e => {
            e.preventDefault();
            fetch(scriptURL, {
                method: 'POST',
                body: new FormData(form)
            })
            .then(response => {
                // Clear the input field after successful submission
                commentInput.value = '';
                // Optionally, you can add a redirection logic here
            })
            .catch(error => console.error('Error!', error.message));
        });
      </script>

</div>

</div>
  
   <div id="box2" style="width:278px;color:red; display:none; background-color:white; margin-left:5px;" ><div class='dis'>
  helo </div><div>
  hey </div>
</div>




<script>
document.getElementById("discription").addEventListener("click", function() {
  var box = document.getElementById("box");
  if (box.style.display === "block") {
   box.style.display = "none";
  } else {
   box2.style.display = "block";
  }
});
</script>
<script>
document.getElementById("comment").addEventListener("click", function() {
  var box2 = document.getElementById("box2");
  if (box2.style.display === "block") {
   box2.style.display = "none";
  } else {
   box.style.display = "block";
  }
});
</script>



 <script>
  var codeList = JSON.parse(localStorage.getItem('codeList')) || [];
  
  function injectCode() {
  var inputBox = document.getElementById('inputBox');
  var code = inputBox.value;
  
  if (code) {
  codeList.unshift(code);
  localStorage.setItem('codeList', JSON.stringify(codeList));
  console.log('Code List:', codeList);
  
  inputBox.value = '';
  
  updateCodeList();
  }
  }
  
  updateCodeList();
  
  function updateCodeList() {
  var codeListContainer = document.getElementById('resultBox');
  codeListContainer.innerHTML = '';
  
  for (var i = 0; i< codeList.length; i++) {
  var code = codeList[i];
  var listItem = document.createElement('div');
  listItem.innerHTML = '<div style ="border:1px solid black;width:;">' + code + '</div><br>';
  
  codeListContainer.appendChild(listItem);
  }
  }
  
  function removeCode(index) {
  codeList.splice(index, 1);
  localStorage.setItem('codeList', JSON.stringify(codeList));
  updateCodeList();
  }
 </script>
</body></html>
23+23/2*6




Comments

Post a Comment