Buenos días tardes y/o noches.
Estoy intentando hacer mi pagina web de forma dinámica, que llame contenido sin necesidad de recargar la pagina, puesto que es una pagina de una sola vista y no múltiples (o esa es la idea). El enlace es este -> Gabriel Yturrino.
Lo intente con Js utilizando el siguiente código:
function abrirUrl(url, container) {
$.get(url, {}, function (data) {
$("#" + container).html(data);
});
}
Pero no lograba que llamara el contenido. Luego vi en un video que con PHP
podría realizarlo, y si funciona, pero el detalle es que para cargar la nueva información, se recarga toda la pagina como si hubieras ingresado nuevamente.
El código PHP
es este:
<?php
//Logica para capturar la pagina que deseas abrir
$pagina = isset($_GET['p']) ? strtolower($_GET['p']) : 'inicio';
//Frangmento de la primera parte del HTML
require_once 'includes/header.php';
//Ubica la pagina a solicitar. Caso contrario rediriege a la pagina 404
@require_once 'pages/' . $pagina . '.php';
//Ultima parte del cuerpo del HTML
require_once 'includes/foot.php'
?>
Este es el código del menú:
<nav class="menu">
<ul>
<li class="<?php echo $pagina == 'inicio' ? 'active' : ''; ?>">
<a href="?p=inicio" class="opciones"><i class="icon-persona"></i><span>Sobre mí</span>
</a></li>
<li class="<?php echo $pagina == 'experiencia' ? 'active' : ''; ?>">
<a href="?p=experiencia" class="opciones"><i class="icon-laboral"></i><span>Experiencia Laboral</span>
</a></li>
<li class="<?php echo $pagina == 'portfolio' ? 'active' : ''; ?>">
<a href="?p=portfolio" class="opciones"><i class="icon-portafolio"></i><span>Portafolio</span>
</a></li>
<li class="<?php echo $pagina == 'estudios' ? 'active' : ''; ?>">
<a href="?p=estudios" class="opciones"><i class="icon-estudios"></i><span>Estudios Realizados</span>
</a></li>
</ul>
</nav>
SPA
. Solo encargate de poner lasmeta tags
y tabaja bien el diseñoresponsive