BigScreen : JavaScript Full Screen API

Plugin jQuery: BigScreen : JavaScript Full Screen API

Thông tin cơ bản

Tiêu đề BigScreen : JavaScript Full Screen API
Link Demo http://www.jqueryrain.com/?http://brad.is/coding/BigScreen/
Link chi tiết https://github.com/bdougherty/BigScreen
Phân loại e Java Script
Ngày tạo 02/11/2012
Nội dung BigScreen is a simple library for using the JavaScript Full Screen API.BigScreen makes it easy to use full screen on your site or in your app. It smoothes out browser inconsistencies and bugs, especially if the element you’re working with is inside of an </code>. It will also intelligently fall back to the older video full screen API if the element contains a <code><video></code> and the older API is available.</p><div > <a target="_blank" rel="nofollow" href="javascript:void(0)" onclick="VHV.redirect('aHR0cHM6Ly9naXRodWIuY29tL2Jkb3VnaGVydHkvQmlnU2NyZWVu', 1)" target="_blank">Read More</a> <a target="_blank" rel="nofollow" href="javascript:void(0)" onclick="VHV.redirect('aHR0cDovL3d3dy5qcXVlcnlyYWluLmNvbS8/aHR0cDovL2JyYWQuaXMvY29kaW5nL0JpZ1NjcmVlbi8=', 1)" target="_blank">Demo</a></div> </div></td> </tr> <tr valign="top"> <td><label class="formInputLabel">Ảnh</label><div class="formLabelBreakInput"><a href="javascript:void(0)" onclick="VHV.redirect('/upload/s/20141029/25a2c6e0793fbb14a80cd1ac62d6ab93javascript-bigscreen.jpg');" target="_blank"><img src="/upload/s/20141029/25a2c6e0793fbb14a80cd1ac62d6ab93javascript-bigscreen.jpg" title="" onerror="this.src='/Colombo/Default/skins/Default/images/no-image-news.gif'" style="max-width:600px" /></a> </div></td> </tr> </table> <br clear="all"/> </div> </div> </td> </tr> </table> </div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Truyện chèn vào giữa --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-6941288364364372" data-ad-slot="3983176045"></ins> <script> (adsbygoogle = window.adsbygoogle \|\| []).push({}); </script> <div class="nextRelatedItems"> <h3>Các mục liên quan:</h3> <ul> <li><a href="/Plugin-jQuery/DeviantArt-API-Instant-Search-App-using-jQuery-Ajax-%26-PHP">DeviantArt API Instant Search App using jQuery Ajax & PHP</a></li> <li><a href="/Plugin-jQuery/Mikes-Modal-Library-%3A-Facebook-like-modal-box-in-jQuery">Mikes Modal Library : Facebook like modal box in jQuery</a></li> <li><a href="/Plugin-jQuery/Grid%7EA%7ELicious-%3A-A-jQuery-Responsive-Grid-Layout">Grid-A-Licious : A jQuery Responsive Grid Layout</a></li> <li><a href="/Plugin-jQuery/Floater-%3A-jQuery-impressive-Re%7Eordering-of-blocks">Floater : jQuery impressive Re-ordering of blocks</a></li> <li><a href="/Plugin-jQuery/jQuery-Super-Notice-Plugin">jQuery Super Notice Plugin</a></li> <li><a href="/Plugin-jQuery/jsDraw2DX-%3A-SVG-Graphics-Library-for-JavaScript-Html5">jsDraw2DX : SVG Graphics Library for JavaScript Html5</a></li> <li><a href="/Plugin-jQuery/Numeral.js-%3A-Format-%26-Manipulate-Numbers-With-JavaScript">Numeral.js : Format & Manipulate Numbers With JavaScript</a></li> <li><a href="/Plugin-jQuery/How-to-Create-Lazy%7ELoading-Images-with-jQuery">How to Create Lazy-Loading Images with jQuery</a></li> <li><a href="/Plugin-jQuery/ShopSlider-%3A-jQuery-Responsive-Shop-Slider-with-Tab">ShopSlider : jQuery Responsive Shop Slider with Tab</a></li> <li><a href="/Plugin-jQuery/Make-a-better-FAQ-page-with-jQuery">Make a better FAQ page with jQuery</a></li> <li><a href="/Plugin-jQuery/Crumble-%3A-jQuery-Feature-Tour">Crumble : jQuery Feature Tour</a></li> </ul> </div> Nguồn: <a href="javascript:void(0)" onclick="VHV.redirect('aHR0cDovL3d3dy5qcXVlcnlyYWluLmNvbS8yMDEyLzExL2JpZ3NjcmVlbi1qYXZhc2NyaXB0LWZ1bGwtc2NyZWVuLWFwaS8=', true)" rel="nofollow">www.jqueryrain.com/2012/11/bigscreen-javascript-full-screen-api/</a> </div> <div class="fb-comments" data-href="http://vinabase.com/Plugin-jQuery/BigScreen-%3A-JavaScript-Full-Screen-API" data-width="100%" data-numposts="10" data-colorscheme="light"></div><br /><br /> <div id="fb-root"></div> </div><div id="module9" class="ModuleWrapper" ><div class="form-comment-news"> <div id="list-comments"> <div class="no-data">Chưa có phản hồi</div> </div> <div id="pagination9" class="default-pagination"></div> </div> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Permalink for Post</h4> </div> <div class="modal-body"> <div class="bb-code"> <span style="display:block">Nhúng vào diễn đàn</span> <input style="width:100%" type="text" dir="ltr" class="textCtrl fillSpace" id="bb_code_link_snippet" value='[URL=""][/URL]'> </div> <div class="bb-code"> <span style="display:block">Nhúng vào trang Website</span> <input style="width:100%" type="text" dir="ltr" class="textCtrl fillSpace" id="html_link_code" value='<a href=""></a>'> </div> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div> </div><div id="module10" class="ModuleWrapper" ><div class="post-comment"> <div id="message-form10" class="clearfix"> <form class="form-comment" id="form10"> <div class="notice">Bạn vui lòng <a href="/?page=login">Đăng nhập</a> để bình luận</div> <input type="hidden" name="securityToken" value="778f91da98d1a17a3dfe"><input type="hidden" name="submitFormId" value="10"><input type="hidden" name="moduleId" value="10"></form> </div> <div class="clear-both"></div> </div> <style type="text/css"> .post-comment form label { display:block; font-weight: bold; line-height: 20px; color:#323232; } .post-comment form input[type=text] { width: 250px; } .post-comment form input[type=text], .post-comment form textarea { border: 1px solid #a5a5a5; width:90%; margin:auto; } </style> </div><div id="module11" class="ModuleWrapper" > <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; table-layout:fixed; clear:both;" ><tbody><tr valign="top"> <td class="default-column1" style=";"><div id="module12" class="ModuleWrapper" ><div class="theme-blocks"></div></div></td> <td class="default-column2" style=";padding-left:5px;"><div id="module13" class="ModuleWrapper" ><div class="theme-blocks"></div></div></td> </tr></tbody></table> </div></div> </div> <div class="region-bottom"></div> </div> </div> <div id="page-footer"> <div class="footer"><div id="module15" class="ModuleWrapper" moduleRootId="1215478"> <ul class="list-adversting"> <li class="last-items"></li> </ul> <div class="clear-both"></div> </div><div id="module16" class="ModuleWrapper" ><div class="container"> <div class="row"> <div class="footer-address clearfix"> <div class="content-address"><p>VinaBase. © 2014. \| <a href="http://vinabase.com/dieu-khoan-su-dung.html" rel="nofollow" title="Điều khoản sử dụng">Điều khoản sử dụng</a> \| <a href="http://vinabase.com/chinh-sach-bao-mat.html" rel="nofollow" title="Chính sách bảo mật">Chính sách bảo mật</a>  (Website đang chờ xin cấp phép)</p> </div> </div> </div> </div> </div></div> </div> </div> </div> <div class="bg-page-bottom"></div> <div id="footer-editer"></div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]\|\|function(){ (i[r].q=i[r].q\|\|[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-22927833-17', 'auto'); ga('require', 'displayfeatures'); ga('send', 'pageview'); </script><!--[if IE 6]> <script src="http://vinabase.com/3rdparty/fix_ie/DD_belatedPNG.js"></script> <script type="text/javascript"> DD_belatedPNG.fix('.mask,img'); </script> <![endif]--> <script type="text/javascript"> var cb = function() { var styles = { '/EStore/Software/skins/Vinabase/style.css?v=1.448':1 }; var myNav = navigator.userAgent.toLowerCase(), ie8 = ((myNav.indexOf('msie') != -1) && (parseInt(myNav.split('msie')[1]) < 9)); for(var i in styles) { if(!ie8 && (i.indexOf('style.css') == -1)) { var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = i; var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h); } } }; var raf = window.requestAnimationFrame \|\| window.mozRequestAnimationFrame \|\| window.webkitRequestAnimationFrame \|\| window.msRequestAnimationFrame; if (raf) raf(cb); else if (window.addEventListener){ window.addEventListener('load', cb); } else if (window.attachEvent){ window.attachEvent('onload', cb); } </script> <script type="text/javascript"> rootURL = 'http://vinabase.com/'; staticURL = '/'; </script> <script type="text/javascript" src="/3rdparty/jQuery/jquery-1.11.0.min.js"></script><script type="text/javascript" src="/lib.js?v=1.448"></script> <script type="text/javascript" src="/3rdparty/Bootstrap/dist/js/bootstrap.min.js"></script> <script type="text/javascript" src="/3rdparty/Bootstrap/offcanvas.js"></script> <script type="text/javascript"> (function() { if ( jQuery.ajaxPrefilter ) { var rURL = /^([^\/]+)/, rEsc = /(\-\|\.)/, protocol = rURL.exec( document.location.href )[ 1 ].replace( rEsc, "\\$1" ), rDomains = {}; jQuery.ajaxPrefilter(function( options ) { var strip = options.stripDomain, rDomain, sDomain; if( strip ) { rDomain = rDomains[ strip ]; if ( !rDomain ) { sDomain = "^(?:" + protocol + ")?\\/\\/" + strip.replace( rEsc, "\\$1" ); rDomains[ strip ] = rDomain = new RegExp( sDomain, "i" ) } options.url = options.url.replace( rDomain, "" ); } }); } })( jQuery ); jQuery.ajaxSetup({ stripDomain: "vinabase.com" }); VHV.serverTime = 1737420484; $.extend(VHV,{ rootURL:rootURL, staticURL:staticURL, language: 'vi', version:'1.448', loadingImage:'/Colombo/Default/skins/Default/images/loading.gif', isDebug:false, urlMode:'rewrite', site:'9506', defaultPortalPath:'', defaultPortalId:'Colombo', exportUser:0}); $.extend(VHV.App, { mainPackage:'Colombo', portal:'9506', site:'9506' }); if($.browser.msie && VHV.urlMode == 'ajax') { VHV.urlMode = 'rewrite'; } VHV.href = '?'+decode64('X1VSTENvZGU9UGx1Z2luLWpRdWVyeS9CaWdTY3JlZW4tOi1KYXZhU2NyaXB0LUZ1bGwtU2NyZWVuLUFQSSY='); VHV.init(); VHV.User = {"id":"guest","privileges":[]}; VHV.localTime = Math.round(new Date().getTime()/1000); ; VHV.load('3rdparty/jQuery/dlmenu/css/component.css'); VHV.load('3rdparty/jQuery/dlmenu/modernizr.custom.js',function(){ VHV.load('3rdparty/jQuery/dlmenu/jquery.dlmenu.js',function(){ $('#dl-menu17').dlmenu(); }); }); $('#menu-navigation>.menu-item>a').click(function() { $(this).toggleClass('active'); }); $('#sidr-close').click(function(){ $('#sidr-main').slideToggle(500).animate({ left: '-300px' }) }); $('.sf-menu>li').hover(function(){ $(this).find('.dropdown').stop().animate({ opacity:1 }).css('display','block'); },function(){ $(this).find('.dropdown').stop().animate({ opacity:0 }).css('display','none'); }); $('.search-toggle').click(function(){ $(this).parents('.alignright').find('.the-search-form').slideToggle(500).animate({ opacity: 1 }); });; </script> <script type="text/javascript" id="script48413"> $('#autocomplete48413').click(function(){ VHV.load('3rdparty/jQuery/jqueryui/themes/smoothness/jquery-ui.css'); VHV.load('3rdparty/jQuery/jqueryui/jquery-ui.min.js', function(){ $('#autocomplete48413').autocomplete({ source: VHV.Model('Software.DataRecord.autocomplete').url({"service":"Software.DataRecord.autocomplete","type":"Entity","field":"code"}) ,minLength: 0 ,autoFocus: true ,focus: function( event, ui ) { if(ui.item && ui.item.id) { $('#input48413').val(ui.item.id); } } ,select: function( event, ui ) { $(this).val(ui.item.value); $('#input48413').data('autocompleteItem', ui.item).val( ui.item.id ).change(); return false; } }).change(function(){ }).data( 'uiAutocomplete' )._renderItem = function( ul, item ) { return $( "<li></li>" ) .data( "item.autocomplete", item ) .append( "<a>" + item.label + (item.desc?"<br><em>" + item.desc + "</em>":'')+"</a>" ) .appendTo( ul ); }; }); }); </script> <script type="text/javascript">;$('#form18 input[name=type]').next().attr('placeholder', "Chủ đề..."); VHV.ExecQueue.add(function(){ $('#form18 input[name=type]').val('Plugin.JQuery'); $('#form18 .ui-autocomplete-input').val('Plugin jQuery'); }, function(){ return $('#form18 .ui-autocomplete-input').length; }); $('#mobile-toggle').click(function(){ $('#sidr-main').slideToggle(500).animate({ left: 0 }) });;if(!VHV.readyFlags[8]) VHV.readyFlags[8] = {}; VHV.readyFlags[8][48414] = 1; VHV.load('3rdparty/jQuery/jqueryui/themes/smoothness/jquery-ui.css'); VHV.load('3rdparty/jQuery/jqueryui/jquery-ui.min.js', function(){ $('#input48414').tabs({ collapsible: false }); VHV.readyFlags[8][48414] = 0; });;$('.objectDetail img:gt(2)').hide().each(function(){ $(this).attr('data-original', this.src).attr('src', '/EStore/Default/skins/Default/images/lazyload.png'); }).show(); VHV.load('3rdparty/jQuery/lazyload/lazyload.min.js',function(){ $(".objectDetail img").lazyload({ effect : 'fadeIn' }); }); VHV.load('http://vinabase.com/EStore/Default/skins/Default/admin.css'); (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/vi_VN/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();;$('.content-comment img').each(function() { imgSrc = $(this).attr('src'); $(this).wrap('<a href="'+imgSrc+'" class="highslide cursor" onclick="return hs.expand(this)"></a>'); }); VHV.using ($.extend( $.parseJSON(decode64('eyJkZWZhdWx0TGF5b3V0IjoiR2xvYmFsLnNpbXBsZUxpc3RpbmciLCJsYXlvdXQiOiJGb3J1bVRvcGljLnJlcGx5TGlzdCIsImhhc1BhZ2luYXRpb24iOjEsImhhc0NvbnRyb2xsZXIiOjEsIml0ZW1zUGVyUGFnZSI6IjEwIiwidG90YWxJdGVtcyI6MCwib3JkZXJCeSI6ImNyZWF0ZWRUaW1lIiwicGFnZU5vIjoxLCJjbGFzcyI6InNpbXBsZUxpc3RpbmciLCJzZXJ2aWNlIjoiU29mdHdhcmUuRm9ydW0uUmVwbHkuc2VsZWN0QWxsIiwiZW5kVGl0bGUiOiIiLCJiZWdpblRpdGxlIjoiIiwiaW5kZXgiOjUsIm1vZHVsZVBvc2l0aW9uIjowLCJwYXRoIjoiQ01TIiwidG9waWNJZCI6IjU0NTIzMmYzN2Y4YjlhNTQ1YzhiNGI0NyJ9')),{"module":"CMS.Listing","page":"objectDetail","id":"9","modulePosition":"0","moduleParentId":"-1"}),{ itemsPerPage: "10", totalItems: 0, perPage:decode64('MQ=='), nextText:"Tiếp", prevText:"Trước", startText:'', endText:'', linkTo:'javascript:void(0);' }); $('.default-pagination').addClass('thumbnail-pagination'); VHV.load('3rdparty/jQuery/emoticons/css/jquery.emotions.icq.css'); VHV.load('3rdparty/jQuery/emoticons/js/jquery.emotions.js', function(){ $('.postContentWrapper').emotions(); }); function quoteReply(obj, id) { $('input[name="fields[quoteId]"]').val(id); $('.quoteReplyContent').html($(obj).parent().parent().find('.content-comment').html()); $('.quoteReplyUser').html($(obj).parent().parent().parent().find('.fullname h3').html()); $('.quoteReplyTime').html($(obj).parent().find('span:first').html()); $('.quoteReplyRegion').show(); var editorId = $('textarea', $('.quoteReplyRegion').parent()).attr('id'); if(window.CKEDITOR && CKEDITOR.instances && CKEDITOR.instances[editorId]) { location = '#quoteReplyRegion'; CKEDITOR.instances[editorId].focus(); } } CKEDITOR_BASEPATH = '/3rdparty/ckeditor-4.3.3/'; $('.editReplyButton').click(function(){ var id = $(this).attr('rev'); if(!$(this).data('editorLoaded')) { $(this).data('editorLoaded', true); var id = $(this).attr('rev'); var obj = $('#replyContent'+id).attr('contentEditable', 'true'); var editor = CKEDITOR.inline( 'replyContent'+id, { shiftEnterMode : CKEDITOR.ENTER_P, startupFocus : true, toolbar : [ [ 'Bold', 'Italic', 'Underline', 'Strike', 'RemoveFormat', 'NumberedList', 'BulletedList', 'JustifyLeft', 'JustifyCenter', 'JustifyBlock', 'Link', 'Unlink', 'FontSize', 'TextColor', 'BGColor', 'Image', 'Flash', 'Table' ] ] }); editor.on('key', function(ev) { if (ev.data.keyCode==13) { ev.cancel(); VHV.alert("Shift + Enter để xuống dòng. Enter để lưu, Esc để hủy bỏ. Đang lưu..."); VHV.Model('Software.Forum.Reply.edit')({ id: ev.editor.name.replace('replyContent', ''), 'fields[content]': ev.editor.getData() }, function(){ VHV.alert("Save successfully!"); ev.editor.focusManager.blur(); }); } if (ev.data.keyCode==27) { ev.cancel(); ev.editor.focusManager.blur(); } }); editor.on('instanceReady', function( ev ) { ev.editor.focus(); } ); } else { editor = CKEDITOR.instances['replyContent'+id]; editor.focus(); } }); function replyLike(that, id) { if(!that.data('lockLike')) { that.data('lockLike', '1'); var count = that.parent().find('strong'), value = count.length?parseInt(count.html().replace('(', '').replace(')', '')):0, oldLabel = that.html(); if(!value) value = 0; if(oldLabel == 'Thích') { that.html('Đã thích').parent().addClass('active'); count.html('('+(value + 1)+')'); } else { that.html('Thích').parent().removeClass('active'); count.html((value > 1)?'('+(value - 1)+')':''); } VHV.Model('Software.Forum.Reply.like')({ id: id, unlike: (oldLabel == 'Thích')?0:1 }, function(){ that.data('lockLike', 0); }); } } $('.content-comment table,.replyContent table').addClass('table').wrap('<div class="table-responsive" style="overflow-x:auto;"></div>');;VHV.using ($.extend( $.parseJSON(decode64('eyJzZXJ2aWNlIjoiIiwibGF5b3V0IjoiRm9ydW1Ub3BpYy5yZXBseVBvc3QiLCJpdGVtSWQiOiIiLCJpdGVtVHlwZSI6IkRhdGFUeXBlLkZvcnVtUmVwbHkiLCJzdWJtaXRTZXJ2aWNlIjoiU29mdHdhcmUuRm9ydW0uUmVwbHkuZWRpdCIsInJlcXVpcmVMb2dpbiI6IjEiLCJjb21tZW50U3RhdHVzIjoiMCIsImluZGV4Ijo2LCJtb2R1bGVQb3NpdGlvbiI6MCwicGF0aCI6IkNNUyIsInJlcGx5T2JqZWN0VHlwZSI6IkRhdGFUeXBlLlBsdWdpbi5KUXVlcnkifQ==')),{"module":"CMS.Form","page":"objectDetail","id":"10","modulePosition":"0","moduleParentId":"-1"}),{ rules: { 'fields[fullName]': 'required', 'fields[content]': { required: true, depends: function(){ if(window.CKEDITOR) { for (var instance in CKEDITOR.instances ) { if($('#'+instance).length) { CKEDITOR.instances[instance].updateElement(); } } } }, minlength: 10 } }, messages: { 'fields[fullName]': 'Yêu cầu nhập', 'fields[content]': { required: 'Yêu cầu nhập', minlength: 'Không nhỏ hơn 10 ký tự' } }, success: function(result){ if(typeof(result) == 'string') { if(result.indexOf('{') != -1) { eval('result = '+result+';'); } else { result = { status: result }; } } switch(result.status) { case 'SUCCESS': VHV.alert('Đăng phản hồi thành công'); var cm = $('.form-comment-news').parent(); if(cm.length) { CKEDITOR.instances[$('#form10 textarea').attr('id')].setData(''); $('#quoteReplyRegion').hide(); $('.editReplyButton').each(function(){ var id = $(this).attr('rev'); var obj = $('#replyContent'+id).attr('contentEditable', 'true'); if(CKEDITOR.instances['replyContent'+id]) { CKEDITOR.remove(CKEDITOR.instances['replyContent'+id]); } }); $('.editReplyButton').data('editorLoaded', 0); VHV.App.modules[cm.attr('id').replace('module', '')].reload(); } else { setTimeout(location.reload, 1000); } break; case 'FAIL': VHV.alert('Có lỗi khi đăng phản hồi'); break; case 'NOT_LOGIN': VHV.alert('Bạn chưa đăng nhập'); //location.reload(); break; } } });;;$('.tb-footer').find('.list-adversting').addClass('fotter-adversting'); </script> </body> </html>