[Jquery-Es] consulta sobre contenido dinámico...

Mar Ago 7 08:51:59 PDT 2007

Gente del grupo,

David me ha aportado su ayuda y realizandole estas pocas modificaciones....

                var app = {
                inicializar: function() {
                $("ul#menu li a").click(function() {
                // El id lo sacas del href, no hay que inventar cosas raras
                //$("#contentArea").load("contenido.php
?o="+this.href.split('?o=')[1]);
//este es mi modificacion pero funciona igual que la anterior*
                var cod = $(this).attr("href");
                $("#contentArea").load("contenido.php
?o="+cod).fadeIn("normal");
                            });
                        }
                } //fin de app

            $(document).ready(app.inicializar());

dentro del body.....

<ul id="menu">
 <li><a href="#1">Contenido 1</a></li>
 <li><a href="#2">Contenido 2</a></li>
 <li> .... </li>
</ul>

logre que funcionara de igual manera que lo que David me ha enviado....
es decir...carga "todo" el contenido de la pagina rpc.php
y yo necesito que carge un pedacito determinado
el rpc para quien no lo vio es un case que tiene n valores

pero lo que necesito es....

   - pasar un parámetro (la dirección); // de aqui mi duda en mi mail
   anterior...
   - levantar del href el código (por eso el #1...#n

aqui les paso algo que no anda para nada
si alguien me puede "apuntalar" se los agradezco
            var app = {
                inicializar: function(e) {
                $("ul#menu li a").click(function() {
                var cod = $(this).attr("href");
//esto no anda para nada...
//como se puede concatenar esto? (me refiero a .(load(e+cod))
                $("#contentArea").load(e+cod).fadeIn("normal");
                            });
                        }
                } //fin de app

//cual es el modo correcto de esto?
            $(document).ready(app.inicializar("rpc.php?o="));

el rpc.php es algo asi...

<?php

    $cOption = $_GET['o'];

    switch($cOption) {
        case 1:
            echo 'AQUI ESTOY EN EL LINK!!! 1 ';
            break;
        case 2:
            echo 'AQUI EN EL LINK 2!!!';
            break;

        default:
            echo 'Whoops, didn\'t understand that option:
<i>'.$cOption.'</i>';
    }

?>

Saludos!,
C!

El día 7/08/07, David Arango <arango en gmail.com> escribió:
>
> On 8/7/07, cesar c <cessar5 en gmail.com> wrote:
> > estas son mis dudas...
> >
> >    1. esto funciona bien...pero esta utilizando la "potencia" de jquery
> >       correctamente?.
>
> No, porque lo bueno de jQuery es que te permite sacar el javascript
> del html de forma muy sencilla.
>
> >    2. Veo  "<body onLoad="loadContent(1);"> y en <a
> >       href="javascript:loadCont......> hay algo que no me cierra.....(de
> >       aquí la pregunta 1)
>
> Es lo que digo, ese código está fatal, esos enlaces hay que escribirlos
> bien:
>
> <ul id="menu">
>   <li><a href="contenido.php?o=1">Contenido 1</a></li>
>   [...]
> </ul>
>
> El onload es otra cagada, si el contenido con ID 1 se va a incluir
> siempre en la primera carga del documento lo que tienes que hacer es
> servir el html con ese contenido ya dentro (no cargarlo luego con
> ajax):
>
> <div id="#contentArea">
>   <p>Contenido correspondiente al enlace 1</p>
> </div>
>
> Además he visto que usa un rpc.php para gestionar las llamadas ajax...
> lo ideal sería que contenido.php se encargase de gestionar las
> peticiones ajax y las "normales".
>
> El código javascript quedaría así:
>
> var app = {
>   inicializar: function() {
>     $("ul#menu li a").click(function() {
>       // El id lo sacas del href, no hay que inventar cosas raras
>       $("#contentArea").load("rpc.php?o="+this.href.split('?o=')[1]);
>     });
>   }
> }
>
> $(document).ready(app.inicializar);
>
> No lo he probado, pero es como creo que debería quedar.
>
> --
> David Arango, el único desarrollador con una orden de alejamiento de
> Jeffrey Zeldman
> Simplelogica.net, ahora con un 33,3% más de intromisión en listas de
> correo
>
> Cuando no hago otra cosa escribo en mildiez.net
>
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: http://lists.scriptia.net/pipermail/jquery-es-scriptia.net/attachments/20070807/78fbd5f4/attachment.htm 