Facebook Google plus YouTube Pinterest Tumblr DIIGO Start.me NETVIBES feedburner

Παρασκευή, 30 Σεπτεμβρίου 2016

SHOW / HIDE BUTTON

SHOW HIDE BUTTON
Ο παρακάτω κώδικας μας επιτρέπει με το πάτημα ενός button να εμφανίζουμε και να κρύβουμε ένα widget κερδίζοντας έτσι χώρο στο blog μας. Εσείς απλά τοποθετήστε ένα κώδικα στη θέση του δικού μου κώδικα iframe και αλλάξτε την περιγραφή του κουμπιού που έχω επισημάνει με κίτρινα γράμματα. Τα υπόλοιπα αφήστε τα ως έχουν. Δείτε το κουμπί σε λειτουργία ακριβώς κάτω από εδώ .






<style>
.widgethidden {display:none}
.widgetshown {display:inline}
</style>
<script>
function togglewidget(postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="widgetshown") {whichpost.className="widgethidden";}
else { whichpost.className="widgetshown";}}
</script>
<a wtitle="click to expand" href="javascript:togglewidget('UniqueName')">
<button style="width:auto; height:28px; background:#FF6600; color:#FFFFFF; font:14px Arial;">SHOW / HIDE WIDGETS LIST</a></button><br />
<div class="widgethidden" id="UniqueName">
<iframe frameborder="0" height="3000" width="960" src="https://docs.google.com/spreadsheets/d/1aLXP3gygj2TILXQkEmfF-CBe5sqp7y5zlLk92pQU1tE/pubhtml?widget=true&amp;headers=false"></iframe>
</div>

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου