videoadder

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 onload="loadSavedInputs()"> <div id="box" style="width:278px;color:red;"> <input type="text" id="inputBox" placeholder="इनपुट दर्ज करें"> <button onclick="injectCode()">Save</button> <p id="resultBox"style="width:332px;height:px; color:red;"></p> </div> </div> <div id="box2" style="width:278px;color:red; display:none;" ><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>

OStistVid
gyan2gyam
Comment
Discription

Comments