GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr DIIGO Start.me feedburner

SHOW / HIDE WIDGET BUTTON

SHOW HIDE BUTTON
SHOW / HIDE WIDGET 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>

1 σχόλιο:

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".