CodeIgniter ¿ Menu de navegacion ?

HiToGoRoShi · #1 (**permalink**) 02/01/2011, 21:05

Amigos me estoy iniciando con CI, mi primer framework para aplicaciones web...

Mi gran duda es esta, como hago un simple menu de navegacion algo asi como esto, obviamente sin ajax y que se mantenga siempre ese link de navegacion

Al dar click en el lINK 1 , que se carge en el cuadro negro de abajo ese link ... en fin espero su ayuda

Lo que se me ocurrio a mi es esto, declarar en el constructor mi array de navegacion, algo simple no mas Inicio, Quienes Somos, Contacto; y luego pasarlo a mi vista $this->load->view('home',$navegacion);

Una ves teniendo eso, supongo que se vera siempre el link de navegacion no ?, mi duda como seria hacer cargar el contenido en el div de abajo ?, sin usar AJAX

JaimeSavines · #2 (**permalink**) 02/01/2011, 22:06

No se como trabaja CI pero como es MVC pues fijate el la doc como hacer uso de las vistas que basicamente y lo de las ligas pues debe de tener sus helpers.

masterpuppet · #3 (**permalink**) 02/01/2011, 22:12

No soy usuario de CodeIgniter, pero te dejo unos links que te pueden servir de guía:

http://www.phpeveryday.com/articles/...rary-P230.html
http://codeigniter.com/wiki/Displaying_Multiple_Views/
http://codeigniter.com/forums/viewthread/69180/#340942

Prueba y nos comentas.

Saludos.

HiToGoRoShi · #4 (**permalink**) 02/01/2011, 23:40

Gracias colegas su ayuda fue bastante util, igual para aquellas personas interesadas y con ayuda en español les dejo aqui el link

http://nomeaclaro.wordpress.com/2009...n-codeigniter/

PD: muy interesante eso de crear una clase para llamar a los menus, asi puedo crear un objeto de mi menu desde cualquier parte

HiToGoRoShi · #5 (**permalink**) 03/01/2011, 07:42

Hola amigos, lei los tutos e igual solo encontre como mostrar varias vistas, no como navegar al dar click en los enlaces y que sea mostrado en la parte de abajo

NUCKLEAR · #6 (**permalink**) 03/01/2011, 11:17

Y de donde sale el contenido que quieres mostrar de una BD? muestra lo que has hecho hasta ahora.

HiToGoRoShi · #7 (**permalink**) 03/01/2011, 13:30

lo tengo asi .... y lo quiero plantar asi:

Código PHP:

Ver original<?php
class Home extends Controller
{
    private $nav = 'body';
    
    public function __construct()
    {
        parent::Controller();
        $this->load->helper('url');
        
        //Cabezera
        $data = array('titulo' => 'Anexcons SRL');
        $this->load->view('home/header',$data);
        //Menu
        $this->load->view('home/menu',false);
        //Cuerpo
        $this->load->view('home/' . $this->nav);
        //Pie de pagina
        $this->load->view('home/footer');
    }
    
    public function index()
    {
 
    }
    
    public function nuevoUsuario()
    {
        $this->nav = 'registro';
    }
}
?>

Esta bien hecho cargar todo en el constructor ? , porque sino lo cargo en el constructor no se muestra las demas partes de la pagina y no quiere ir declarando todo de nuevo, supongo que se debe declarar toda de una sola ves no ?

Y la cosa es esto, cuando yo haga click en un link en etsa funcion se carge la nueva pagina y muestre los demas tal como esta...

Código PHP:

Ver original$this->load->view('home/registroUsuario');

Osea el tercer view que cargo es el contenido, y justamente quiero saber como mandarle a que carge otra pagina sin tener que copiar todas lsa cargas de los views en diferentes funciones

NUCKLEAR · #8 (**permalink**) 03/01/2011, 15:55

Hay distintas maneras de llamar a las vistas no necesariemante desde el controller, los puedes llamar tambien desde otras vistas.

Normalmente lo que hago es crear el template principal (el layout) y dentro llamo a las vistas que necesito directamente o tomando una variable como referencia:

Ejm:

layout_view.php

Código HTML:

Ver original<html>
 
<title><?php ($title) ? print $title : NULL; ?> </title>
...
...
 
<menu>
<?php $this->load->view('menu_view'); ?>
</menu>
 
<cuerpo>
<?php $this->load->view('content_view') ?>
</cuerpo>
 
</html>
....
...

Desde el controller simplemente llamo al template_view:

Código PHP:

Ver originalfunction action(){
 
$data['loquesea'] = "el contenido a enviar al view";
$this->load->view('template_view', $data);
 
}

Cuando te envia el arreglo a la vista lo puedes tomar e imprimir directamente como variable, a menos que envies otro arreglo.

EJM:

Código PHP:

Ver originalfunction index(){
 
$data['title'] = "El titulo de mi WEB";
$this->load->view('template_view', $data);
 
}

EL contructor solo lo usarias para validar usuarios, cargar librerias o modelos,
Las otras vistas o partials tambien pueden recibir e imprimir variables que le envies desde el controller.

HiToGoRoShi · #9 (**permalink**) 03/01/2011, 20:57

Ok perfecto tu idea, me parece mas ordenada solamente ahora necesito saber como hacer para pasarle a este LOAD

Código HTML:

Ver original<?php $this->load->view('content_view') ?>

que tecnicamente es el que cargara los contenidos del sitio web, osea se que puedo pasarle valores por defectos, objetos y arrays pero no me refiero a eso, sino supongamos quiero abrir una nueva pagina talvez un formulario de registro, o contactenos, o una galeria de imagenes y no quiero pasar por variable todo el codigo html para imprimir eso, lo que se me ha ocurrido ahora es hace resto y diganme si esta bien o que otra manera mas profesional existe.

Código PHP:

Ver original<?php $this->load->view($_POST['contenido']) ?>

Asi cuando reciba una pagina, automaticamente este sabra que tiene que cargar !!

NUCKLEAR · #10 (**permalink**) 04/01/2011, 11:20

Como lo planteas esta bien, creas por ejemplo un partial (form_view.php)

en tu template_view.php

Código PHP:

Ver original<?php $this->load->view($page) ?>

Dessde el controller le envias el partial que quieras mostrar:

Ejm:

Código PHP:

Ver originalfunction form(){
 
$data['page'] = 'form_view';
$this->load->view('template_view', $data);
 
}

Es solo cuestión de buscar lo mas conveniente. Para no repetir los actions le puedes pasar el nombre del partial por URL también. En fin es solo de practicar u probar

Saludos .

HiToGoRoShi · #11 (**permalink**) 05/01/2011, 08:29

Perfecto colega, justo lo habia hecho asi antes de ver el ejemplo :), una pregunta extra .....

Supongamos si manejo sessiones y quiero restringir acceso a ciertas paginas, todavia nose las funciones pero seria algo asi...

Código PHP:

Ver originalif(session==true)
{
$this->load->view('form_vie');
}else
{
echo 'la pagina no existe';
}

gomeznil · #12 (**permalink**) 06/01/2011, 12:14

Hola tengo un problema similar, en la pagina que estoydesarrollnado estoy usando codeigniter
tengo este Controlador

Código PHP:

  class Inicio extends  Controller{

    function __construct(){

        parent::Controller();

    }

   public function index(){

        $data['main_content']='contenidos/contenido';

        $this->load->view('template', $data);

    }

   public function videos(){

        $data['main_content']='contenidos/contenido_videos';

        $this->load->view('template', $data);

    }    

}

Despues tengo este template que esta en mis vistas

Código PHP:

  <?php

$this->load->view('common/header');

$this->load->view('common/navegacion');

$this->load->view($main_content);

$this->load->view('common/footer');

?>

Tambien tengo esta vista de navegacion

Código PHP:

 
<div class="interior" id="indentmenu">

          <ul id="menu_principal">      

            <li><a href="<?php echo base_url()?>" class="current">Musica</a></li>

            <li><a href="<?php echo site_url('inicio/videos/')?>">Videos</a></li>

            <li><a href="#">Peliculas</a></li>

            <li><a href="#">Series</a></li>

          </ul>

    </div>

Y tengo este javascript que funciona muybien
<javascript>
function aggEvento(){
var links = document.getElementById('indentmenu').getElementsB yTagName('a');
for(i=0; links[i]; i++){
links[i].onclick = function(){
var links = document.getElementById('indentmenu').getElementsB yTagName('a');
for(j=0; links[j]; j++){
links[j].className = "";
}
this.className ="current";
}
}
}
</javascript>

Todos estos codigos hacen una pagina donde se tiene una cabecera, menu de navegacion, contenido, footer
Todo funciona bien pero el problema que tengo es cuando en mi menu de navegacion (por primera ves apunta a una pestaña llamada "musica") doy click en otra pestaña llamada "videos" el efecto de cambio de navegacion no funciona, osea tengo una fecha apuntando a "musica" y al cambiar a "videos" la fecha por un segundo se queda en "videos" despues vuelve a la pestaña "musica" porque pasa eso ??? la verdad no estoy seguro pero tiene que ver algo con el template ojo: el contenido cambia perfectamente solo el problema es que en el menu de navegacion la fechita no cambia de pestaña para ver el ejemplo entren a [URL="http://www.playno.net"]http://www.playno.net[/URL]
Saben tiene que ver algo con el direccionanmiento porque cuando en mi navegacion en las etiquetas <li><a href="#">Videos</a></li> en el href se escribe "#" todo funciona bien pero oviamente no cambia de contenido

bueno si pudieran ayudarme les agradeseriamucho porque llevo 3 dias parado sin saber que hacer

NUCKLEAR · #13 (**permalink**) 06/01/2011, 16:05

Eso no es de Codeigniter es mas bien un problema de planteamiento.
La "flechita no cambia" por que no le pasas como referencia la clase "current"

<li><a href="http://www.playno.net/video" class="current">Videos</a></li>

Tienes varias maneras de verificar en que estado se imprimira la clase current, podrias usar switch/case o if/else o comparar tomando los parametros por url asi podrias determinar en que pagina estas. Si es un menu dinámico el planteamiento será otro.

gomeznil · #14 (**permalink**) 07/01/2011, 11:14

Hola gracias por la respuesta la verdad soy novato en esto pero no entiendo como paso la clase "current" si la primera ves apunta a la primera pestaña "musica" al hacer click en la pestaña "videos" que cosa tengo que enviar como variable?

Código PHP:

 
<li><a href="<?php echo base_url()?>" class="current">Musica</a></li>

 <li><a href="<?php echo site_url('inicio/videos/')?>">Videos</a></li>

Perdon por ser novato :P

NUCKLEAR · #15 (**permalink**) 07/01/2011, 11:56

Puedes crear una function para eso, pero en vista de que se te va a hacer complicado lo mas facil es tomar el parametro por url para saber la ubicación de la página:

http://loquesea.com/video

Código PHP:

Ver original<div class="interior" id="indentmenu"> 
          <ul id="menu_principal">       
            <li><a href="<?php echo base_url()?>" class="<?php ($this->uri->segment(1)=='') ? print 'current' : NULL; ?>">Musica</a></li> 
            <li><a href="<?php echo site_url('inicio/videos/')?>" class="<?php ($this->uri->segment(1)=='video') ? print 'current' : NULL; ?>">Videos</a></li> 
...etc....
            <li><a href="#">Peliculas</a></li> 
            <li><a href="#">Series</a></li> 
          </ul> 
    </div>

Referencia sobre la clase Uri http://codeigniter.com/user_guide/libraries/uri.html

gomeznil · #16 (**permalink**) 07/01/2011, 14:32

Hola NUCKLEAR muy buena tu solucion te estoy muy agradecido gracias, con esta solucion adios javascript ;) graicas