Disable all Sundays in jQuery UI Calendar (datepicker) Get link Facebook X Pinterest Email Other Apps May 30, 2015 $("#datepicker").datepicker({ beforeShowDay: function(date) { var day = date.getDay(); return [(day != 0), '']; } }); Get link Facebook X Pinterest Email Other Apps Comments
Set limit wp_nav_menu January 10, 2012 <?php $pages = wp_nav_menu( array( 'container_class' => 'menu1' ,'menu'=> 'Main Navigation','theme_location' => 'menu1', 'menu_class' => 'dropdown', 'echo' =>false,'container' => false ) );?> <ul class="dropdown"> <?php $limit = 5; $pages_list = preg_replace(array('#^ ]*>#','#$#'), '', $pages); $pages_arr = explode("\n", $pages_list); for($i=0;$i<$limit;$i++){ echo $pages_arr[$i]; } ?> </ul> Read more
JavaScript calculate percentage when user scroll web page August 15, 2019 <!doctype html> <html> <head> <title>Color Changing</title> <style type="text/css"> #percentage { position: fixed; } </style> </head> <body> <div id="percentage"></div> <div style="height: 4000px;"></div> </body> <script type="text/javascript"> window.onscroll = function(){ var heightOfWindow = window.innerHeight; var contentScrolled = window.pageYOffset; var bodyHeight = window.document.getElementsByTagName("body")[0].offsetHeight; if(bodyHeight - contentScrolled <= heightOfWindow) { w... Read more
Calculate percentage of a specific element has been scrolled into visible on the screen August 15, 2019 HTML <div class='info-container flex-layout'> <span>Scroll down</span> <span class='percent'>0%</span> </div> <div class='block'></div> <div class='element flex-layout'> <span>Start</span> <span>End</span> </div> <div class='block'></div> CSS body { margin: 0; padding: 0; color: white; } .flex-layout { display: flex; flex-direction: column; justify-content: space-between; } .info-container { position: fixed; z-index: 1; font-size: 2em; height: 100%; width: 100%; align-items: flex-end; color: white; } .block { height: 1000px; background: #333; } .element { align-items: center; background: #000; height: 450px; } JavaScript $(document).ready(function() { $(window).scroll(function() { var windowBottom = $(this).scro... Read more
Comments
Post a Comment