HTML:
Código:
Jquery:<div id="navigation"> <ul> <li> <a href="/"> Tab One </a> <a href="/tabTwo"> Tab Two </a> <a href="/tabThree"> Tab Three </a> <a href="/tabFour"> Tab Four </a> </li> </ul> </div> <div id="container"> <div id="left"> <?php echo $content['left']; ?> </div> <div id="right"> <?php echo $content['right']; ?> </div> </div>
load : function(url) {
url = url === '/' ? url : url;
jQuery.getJSON(url, { ajax : 1 }, function(data) {
jQuery.each(data, function(k, v) {
$('#' + k + ' section').fadeOut(0, function() {
$(this).replaceWith($(v).hide().fadeIn(0));
});
});
});
}
};
Script Php: (los arrays están en diferentes carpetas)
Código:
class Helper { private static $router = array( '/' => array( 'column' => 'columns/tabOne/columnA.php', 'content' => 'content/tabOne/contentA.php' ), '/index' => array( 'column' => 'columns/tabOne/columnA.php', 'content' => 'content/tabOne/contentA.php' ), '/contentAtabOne' => array( 'column' => 'columns/tabOne/columnA.php', 'content' => 'content/tabOne/contentA.php' ), '/contentBtabOne' => array( 'column' => 'columns/tabOne/columnA.php', 'content' => 'content/tabOne/contentB.php' ), '/tabTwo' => array( 'column' => 'columns/tabTwo.php', 'content' => 'content/tabTwo.php' ), '/tabThree' => array( 'column' => 'columns/tabThree.php', 'content' => 'content/tabThree.php' ), '/tabFour' => array( 'column' => 'columns/tabFour.php', 'content' => 'content/tabFour.php' ) ); //Sus Funciones: public static function getColumn($file = null) { if (array_key_exists($file, self::$router) && is_file(self::$router[$file]['column'])) { ob_start(); require_once(self::$router[$file]['column']); return ob_get_clean(); } } public static function getContent($file = null) { if (array_key_exists($file, self::$router) && is_file(self::$router[$file]['content'])) { ob_start(); require_once(self::$router[$file]['content']); return ob_get_clean(); } } }
Bueno el problema es que todo funciona bien, pero falta corregir los arrays, ya que en el tercer tab (tabThree)puede ser para "Contacto" y no necesito una clave "column". ¿Cómo puedo limpiar y distribuir el código correctamente?
Este es el demo: http://pruebasconjqueryarg.p.ht/
Este es para descargar el sitio: http://www.mediafire.com/download.php?b70rzi6rq7d1b0t
mikepianist.-