Foros del Web - Ver Mensaje Individual

estrella2684 · #3 (**permalink**) 04/06/2013, 11:18

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
 
<script src="js/libs/jquery-1.7.2.min.js" ></script>
      <style>
 
#map-canvas, #map_canvas {
  height: 30%;
  width:20%;
  
}
 
@media print {
  html, body {
    height: auto;
  }
 
  #map-canvas, #map_canvas {
    height: 650px;
  }
}
 
</style>
    
</head>
 
<body>
 
<a href="rest.php" class="mnu_load" data-hash="#rest.php"  alt="Globalisimo - Restaurantes, Bares, Tijuana, San Diego">prueba</a>
<a href="rest.php?id=3" class="mnu_load" data-hash="#rest.php?id=3"  alt="Globalisimo - Restaurantes, Bares, Tijuana, San Diego">prueba</a>
<br />
 
 
                       
                    </div>
<div class="contenedor">aqui esta cargando
<div id="map-canvas" ></div>
 
 
<script type="text/javascript">
function initialize() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644),
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
 
  var map = new google.maps.Map(document.getElementById('map-canvas'),
      mapOptions);
      //document.getElementById('map-canvas').style.position="inherit";
}
 
function loadScript() {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = 'https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&' +
      'callback=initialize';
  document.body.appendChild(script);
}
 
 
 
            //para cargar secciones
    (function($){
        
        var contenido = $('div.contenedor'), url_anterior = '', extension = '.php', original = window.location; 
        $('a.mnu_load').each(function(){ //Cambiamos los href por el contenido del atributo data-hash
            
            $(this).attr('href', $(this).data('hash'));
        });
        $('a.mnu_load').on('click', function(e){    
                        var hash = $(this).attr('href'); 
                        
        
            
            e.preventDefault();  
            revisarURL(hash).done(function(){
                window.location.href = hash; // Buen hash, cambiemoslo en la URL            
            }).fail(function(){
                window.location.href = '#error';
            }).always(function(datos){
                contenido.html(datos);
            });
            
            //cambiar titulo
            var titulo=$(this).attr('alt');
        
        if(!titulo){
            document.title ='Globalisimo Un Mundo de Opciones - Restaurantes, Clasificados, Noticias, Eventos, Tijuana, San Diego';
            }else{
        document.title = titulo;
        }
            
        });
        
        revisarURL(); // Si hay un hash en la URL (ej, copiamos y pegamos en una conversación) cargará la URL correcta.
        setInterval(function(){
            revisarURL().fail(function(){
                window.location.href = '#error';
            }).always(function(datos){
                contenido.html(datos);
            });
        },250); // Revisamos cualquier cambio en el Hash cada 250 milisegundos
        
        function revisarURL (hash){
            var deferred = $.Deferred();
            if (!hash) { // Esto ocurre cuando se pulsa el botón de atrás o adelante en el navegador o al pasar una URL con hash
                hash = window.location.hash;
            }
            if (!hash) { // Esto puede pasar si es la primera URL - index.html en nuestro caso
                var url = window.location.pathname; // Obtenemos la URL completa
                var archivo = url.substring(url.lastIndexOf('/')+1); // Nos quedamos con el nombre del archivo (index.html)
                hash = archivo.replace(extension,''); // Le quitamos la extensión para convertirlo en "hash"
            }
            if (hash !== url_anterior){ 
                url_anterior = hash; 
                cargarPagina(hash).done(
                    function(data){ 
                        var html = $(data);
                        var filtrado = html.find('.contenedor');
                        deferred.resolve(filtrado.html());
                    }
                ).fail(function(){ // La URL no existe                  
                    //deferred.reject('<p>La página no existe.</p>'); // Rechazamos nuestro deferred        
                });
            }
            return deferred.promise(); // Devolvemos una promesa, no un deferred
        }
 
 
        function cargarPagina(hash){
            url = hash.replace('#','');  //Quitamos la almohadilla
            
            loadScript();   
 
            
            var re  = /^([a-zA-Z_])+.php?/; 
if (!re.test(url))
                {
                url=url + extension;
                }else{
                    url=url;
                    }
            return $.ajax({
                type: "GET",
                url: url,
                async: true,
                dataType: "html"});         
                
                
                
        }
    })(jQuery);
  </script>
 
 
     
</body>
</html>