فهرست منبع

removing example Modernizr load function, imgsizr, and html5 placeholder fallback

added an example responsive query function
eddiemachado 13 سال پیش
والد
کامیت
6fad273bae
1فایلهای تغییر یافته به همراه74 افزوده شده و 55 حذف شده
  1. 74 55
      library/js/scripts.js

+ 74 - 55
library/js/scripts.js

@@ -3,69 +3,88 @@ Bones Scripts File
 Author: Eddie Machado
 
 This file should contain any js scripts you want to add to the site.
-Instead of calling it in the header or throwing it inside wp-head()
-this file will be called automatically in the footer so as not to 
+Instead of calling it in the header or throwing it inside wp_head()
+this file will be called automatically in the footer so as not to
 slow the page load.
 
 */
 
-// Modernizr.load loading the right scripts only if you need them
-Modernizr.load([
-	{
-    // Let's see if we need to load selectivizr
-    test : Modernizr.borderradius,
-    // Modernizr.load loads selectivizr for IE6-8
-    nope : ['selectivizr-min.js']
-	}
-]);
+// as the page loads, call these scripts
+jQuery(document).ready(function($) {
 
-/* imgsizer (flexible images for fluid sites) */
-var imgSizer={Config:{imgCache:[],spacer:"/path/to/your/spacer.gif"},collate:function(aScope){var isOldIE=(document.all&&!window.opera&&!window.XDomainRequest)?1:0;if(isOldIE&&document.getElementsByTagName){var c=imgSizer;var imgCache=c.Config.imgCache;var images=(aScope&&aScope.length)?aScope:document.getElementsByTagName("img");for(var i=0;i<images.length;i++){images[i].origWidth=images[i].offsetWidth;images[i].origHeight=images[i].offsetHeight;imgCache.push(images[i]);c.ieAlpha(images[i]);images[i].style.width="100%";}
-if(imgCache.length){c.resize(function(){for(var i=0;i<imgCache.length;i++){var ratio=(imgCache[i].offsetWidth/imgCache[i].origWidth);imgCache[i].style.height=(imgCache[i].origHeight*ratio)+"px";}});}}},ieAlpha:function(img){var c=imgSizer;if(img.oldSrc){img.src=img.oldSrc;}
-var src=img.src;img.style.width=img.offsetWidth+"px";img.style.height=img.offsetHeight+"px";img.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+src+"', sizingMethod='scale')"
-img.oldSrc=src;img.src=c.Config.spacer;},resize:function(func){var oldonresize=window.onresize;if(typeof window.onresize!='function'){window.onresize=func;}else{window.onresize=function(){if(oldonresize){oldonresize();}
-func();}}}}
-
-// as the page loads, cal these scripts
-$(document).ready(function() {
-
-	
+    /*
+    Responsive jQuery is a tricky thing.
+    There's a bunch of different ways to handle
+    it so, be sure to research and find the one
+    that works for you best.
+    */
+    
+    /* getting viewport width */
+    var responsive_viewport = $(window).width();
+    
+    /* if is below 481px */
+    if (responsive_viewport < 481) {
+    
+    } /* end smallest screen */
+    
+    /* if is larger than 481px */
+    if (responsive_viewport > 481) {
+        
+    } /* end larger than 481px */
+    
+    /* if is above 768px */
+    if (responsive_viewport > 768) {
+    
+        /* load gravatars */
+        $('.comment img[data-gravatar]').each(function(){
+            $(this).attr('src',$(this).attr('data-gravatar'));
+        });
+        
+    }
+    
+    /* off the bat large screen actions */
+    if (responsive_viewport > 1030) {
+        
+    }
+    
 	
 	// add all your scripts here
-
+	
  
 }); /* end of as page load scripts */
 
-// HTML5 Fallbacks for older browsers
-$(function() {
-    // check placeholder browser support
-    if (!Modernizr.input.placeholder) {
-        // set placeholder values
-        $(this).find('[placeholder]').each(function() {
-            $(this).val( $(this).attr('placeholder') );
-        });
- 
-        // focus and blur of placeholders
-        $('[placeholder]').focus(function() {
-            if ($(this).val() == $(this).attr('placeholder')) {
-                $(this).val('');
-                $(this).removeClass('placeholder');
-            }
-        }).blur(function() {
-            if ($(this).val() == '' || $(this).val() == $(this).attr('placeholder')) {
-                $(this).val($(this).attr('placeholder'));
-                $(this).addClass('placeholder');
-            }
-        });
- 
-        // remove placeholders on submit
-        $('[placeholder]').closest('form').submit(function() {
-            $(this).find('[placeholder]').each(function() {
-                if ($(this).val() == $(this).attr('placeholder')) {
-                    $(this).val('');
-                }
-            });
-        });
-    }
-});
 
+/*! A fix for the iOS orientationchange zoom bug.
+ Script by @scottjehl, rebound by @wilto.
+ MIT License.
+*/
+(function(w){
+	// This fix addresses an iOS bug, so return early if the UA claims it's something else.
+	if( !( /iPhone|iPad|iPod/.test( navigator.platform ) && navigator.userAgent.indexOf( "AppleWebKit" ) > -1 ) ){ return; }
+    var doc = w.document;
+    if( !doc.querySelector ){ return; }
+    var meta = doc.querySelector( "meta[name=viewport]" ),
+        initialContent = meta && meta.getAttribute( "content" ),
+        disabledZoom = initialContent + ",maximum-scale=1",
+        enabledZoom = initialContent + ",maximum-scale=10",
+        enabled = true,
+		x, y, z, aig;
+    if( !meta ){ return; }
+    function restoreZoom(){
+        meta.setAttribute( "content", enabledZoom );
+        enabled = true; }
+    function disableZoom(){
+        meta.setAttribute( "content", disabledZoom );
+        enabled = false; }
+    function checkTilt( e ){
+		aig = e.accelerationIncludingGravity;
+		x = Math.abs( aig.x );
+		y = Math.abs( aig.y );
+		z = Math.abs( aig.z );
+		// If portrait orientation and in one of the danger zones
+        if( !w.orientation && ( x > 7 || ( ( z > 6 && y < 8 || z < 8 && y > 6 ) && x > 5 ) ) ){
+			if( enabled ){ disableZoom(); } }
+		else if( !enabled ){ restoreZoom(); } }
+	w.addEventListener( "orientationchange", restoreZoom, false );
+	w.addEventListener( "devicemotion", checkTilt, false );
+})( this );