Advertisement
Guest User

Navegação sem refresh com IF para IE 7,8 e 9

a guest
Sep 19th, 2012
180
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  var $ajax_reload = jQuery.noConflict()
  2.        $ajax_reload(document).ready(function(){
  3.         var content = $ajax_reload('#lateral-esquerda');
  4.  
  5.         //pre carregando o gif
  6.         loading = new Image(); loading.src = 'ico-loading.gif';
  7.         $ajax_reload('#menu a').live('click', function( e ){
  8.         e.preventDefault();
  9.         content.html( '<div style=" width:500px; margin:30px 0 0 0; float:left; height:400px"><img src="js/ico-loading.gif" style="margin:80px 0 0 130px;  float:left" /></div>' );
  10.             var href = $ajax_reload( this ).attr('href');
  11.             $ajax_reload.ajax({
  12.                 url: href,
  13.                 success: function( response ){
  14.                     //forçando o parser
  15.                     var response = $ajax_reload( '<div>'+response+'</div>' );
  16.                     var data = response.find('#lateral-esquerda').html();
  17.  
  18.     if(window.history.pushState) {
  19.             //apenas atrasando a troca, para mostrarmos o loading
  20.                     window.setTimeout( function(){
  21.                         content.fadeOut('slow', function(){
  22.                             content.html( data ).fadeIn();
  23.                             var title = response.find('title').text();
  24.                             document.title = title;
  25.                                 window.history.pushState( href, title, href )
  26.                         });
  27.                     }, 500 );
  28.         } else {
  29.                     //apenas atrasando a troca, para mostrarmos o loading
  30.                     window.setTimeout( function(){
  31.                         content.fadeOut('slow', function(){
  32.                             content.html( data ).fadeIn();
  33.                        
  34.                         });
  35.                     }, 500 );      
  36.        
  37.        
  38.         // comando caso não funcione
  39.         }
  40.  
  41.  
  42.                 }
  43.            
  44.             });
  45.  
  46.         });
  47.     });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement