Mercurial > hg > nodescore
changeset 18:6ad0cde69558
added visibility toggle to preview div
| author | tzara <rc-web@kiben.net> |
|---|---|
| date | Mon, 09 Jul 2012 11:02:42 +0100 |
| parents | 156151cf3641 |
| children | a56434dee146 |
| files | www/m/5.html www/m/js/nodescore-client.js |
| diffstat | 2 files changed, 27 insertions(+), 4 deletions(-) [+] |
line wrap: on
line diff
--- a/www/m/5.html Sun Jul 08 23:59:23 2012 +0100 +++ b/www/m/5.html Mon Jul 09 11:02:42 2012 +0100 @@ -31,9 +31,8 @@ <div id="live"> </div> <div id="preview"> <img src="img/thumbs/1.html.png"/> </div> -<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> -<div style="height: 0px; visibility: hidden;"> +<div style="height: 0px; visibility: hidden; display: none;"> <div id="unit01"> <img src="img/1280x800/music1.jpg" width="1280px"/> </div> <div id="unit02"> <img src="img/1280x800/music2.jpg" width="1280px"/> </div> <div id="unit03"> <img src="img/1280x800/music3.jpg" width="1280px"/> </div> @@ -47,9 +46,11 @@ </div> </div> - + </div> </div> + + </body></html>
--- a/www/m/js/nodescore-client.js Sun Jul 08 23:59:23 2012 +0100 +++ b/www/m/js/nodescore-client.js Mon Jul 09 11:02:42 2012 +0100 @@ -83,4 +83,26 @@ } -//////////////////////////////////////////////// \ No newline at end of file +//////////////////////////////////////////////// +// keyboard controls +// SPACE to toggle visibilty of preview +// etc +// etc +//////////////////////////////////////////////// +function toggle_visibility(id) { + var e = document.getElementById(id); + if(e.style.display == 'block') + e.style.display = 'none'; + else + e.style.display = 'block'; +} + +$(document).keypress(function(e){ + var checkWebkitandIE=(e.which==32 ? 1 : 0); + var checkMoz=(e.which==32 ? 1 : 0); + if (checkWebkitandIE || checkMoz) { + toggle_visibility('preview') + } + }); + +////////////////////////////////////////////////