Comunidad de diseño web y desarrollo en internet online

Recursividad

Citar            
MensajeEscrito el 18 May 2007 06:05 pm
Hola Amigos

Yo tengo una pagina en php con includes y quisiera que cuando de click en alguno de los enlaces, la cabecera o el menu no se actualicen, para que no se demore la pagina en cargar, osea que solo se actualice el contenido y no toda la pagina por ej: la de cristalab, cuando das click en algun link, el logo y toda la cabecera se mantienen quietos y solo carga la info necesaria.

Quisiera saber si esto se hace en php y como se hace, pero sin usar iframes.


Gracias

Maurox

Por Maurox

42 de clabLevel



Genero:Masculino  

Colombia

firefox
Citar            
MensajeEscrito el 18 May 2007 06:14 pm

Código :

por ej: la de cristalab, cuando das click en algun link, el logo y toda la cabecera se mantienen quietos y solo carga la info necesaria.


Eh cristalab si recarga toda la página. Lo que pasa es que no lo notas porque estas navegando en firefox (cualquier página carga más rapido en firefox que en IE por ejemplo) y cristalab usa css (que mejora el tiempo de carga), es eso. Lo que tu planteas sería con lo que no quieres "frames" o en tal caso ajax que no lo recomiendo.

saludos

Por Maikel

BOFH

5575 de clabLevel

22 tutoriales
5 articulos

Genero:Masculino   Team Cristalab

Claber de baja indefinida

firefox
Citar            
MensajeEscrito el 18 May 2007 08:01 pm
pues yo he visto varias paginas con css y navegando en firefox con un cabezal libiano y al ir a algun link se actualiza toda y carga nuevamente la cabecera.
Alguna vez escuche que eso se podia hacer con php y que es una forma de rucursividad para que una pagina cargue mas rapido.

Por Maurox

42 de clabLevel



Genero:Masculino  

Colombia

firefox
Citar            
MensajeEscrito el 22 May 2007 02:03 pm
Yo tambien estoy haciendo una pagina con Includes, igual encuentro que se demora cuando la recarco eso que la tengo con css y javascripts en archivos externos a la pagina.--
Mi estructura es la siguiente:

Código :

<html>
<head>
  <archivo css>
  <archivo js>
</head>

<body>
  <table>
    <hr>
    <td>
      <table>
        <hr>
          <td>
            <------------- Cabezera
          </td>
        </hr>
      </table>
      <table>
        <hr>
          <td>
            *** Include ("pagina.php")
          </td>
        </hr>
      </table>
    </td>
    </hr>
  </table>
<body>
</html>


Y no se por cuando me carga el include en esta parte se ve que carga como cadena.- O sea va a apareciendo lentamente no toda altiro.-

Por york3rs

Claber

561 de clabLevel

1 tutorial

Genero:Masculino  

LA___Chile

msie
Citar            
MensajeEscrito el 22 May 2007 02:20 pm

york3rs escribió:

Yo tambien estoy haciendo una pagina con Includes, igual encuentro que se demora cuando la recarco eso que la tengo con css y javascripts en archivos externos a la pagina.-- ...
Es es por que maquetas con tablas, deberías usar DIV para maquetar tu sitio.

Las tablas son para tabular datos no para maquetar.

Por Reymond

Claber

1111 de clabLevel

5 tutoriales
1 articulo

Genero:Masculino  

Mobile developer

firefox
Citar            
MensajeEscrito el 22 May 2007 02:42 pm
Pero mas que la demora en cargar, la idea es que al recargar la pagina, el encabezado no se actualice, solo el contenido y sin frames, es como si estuvieras haciendo algo en flash y cargaras con loadmovie() un swf y lo remplazaras por otro dentro de tu flash.

Por Maurox

42 de clabLevel



Genero:Masculino  

Colombia

firefox
Citar            
MensajeEscrito el 22 May 2007 02:54 pm
Hasta ahora he hecho eso que quieres pero con Ajax.
Tengo curiosidad, porque no recomiendas Ajax, maikel?

Por Gotenks

7 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 22 May 2007 03:11 pm

Reymond escribió:


Es es por que maquetas con tablas, deberías usar DIV para maquetar tu sitio.
Las tablas son para tabular datos no para maquetar.


Por lo que tengo entendido el DIV me crea una divicion en la pagina pero que beneficios me trae eso, en todos los caso no de como se aplican los DIV.
En el caso de la estructura que mostre como se aplicaria?

Por york3rs

Claber

561 de clabLevel

1 tutorial

Genero:Masculino  

LA___Chile

msie
Citar            
MensajeEscrito el 22 May 2007 03:12 pm
Si es la unica manera con ajax o modificar la pagina con frames.-

Por york3rs

Claber

561 de clabLevel

1 tutorial

Genero:Masculino  

LA___Chile

msie
Citar            
MensajeEscrito el 22 May 2007 03:33 pm
Sobre el div:
Elemento DIV

york3rs escribió:


Mi estructura es la siguiente:

Código :

<html>
<head>
  <archivo css>
  <archivo js>
</head>

<body>
  <table>
    <hr>
    <td>
      <table>
        <hr>
          <td>
            <------------- Cabezera
          </td>
        </hr>
      </table>
      <table>
        <hr>
          <td>
            *** Include ("pagina.php")
          </td>
        </hr>
      </table>
    </td>
    </hr>
  </table>
<body>
</html>


Yo al menos uso algo así:

Código :

<html>
  <head>
     ... archivos a cargar CSS y JS, Atributos y Titulo.
  </head>
  <body>
  <div id="wrapper">
     <div id="header">
       ... todo lo que contiene el Header 
     </div>
     <div id="nav">
       ... contenido del menu o navegación
     </div>
     <div id="content">
       ... contenido
     </div>
     <div id="sidebar">
       ... contenido del sidebar
     </div>
     <div id="footer">
       ... contenido del footer
     </div>
  </div>
  </body>
</html>

Uso algo así, cuando requiero que alguna parte sea dinamica, para hacer el include por ejemplo para el menu (nav), simplemente quito el DIV, y lo pongo en "nav.php", y en mi archivo base pongo el include hacia "nav.php".

Con esto, puedo modificar todo el diseño de tu pagina con el CSS, solo modificas el CSS y tu pagina puede lucir completamente diferente.

Espero ayudarte.

Por Reymond

Claber

1111 de clabLevel

5 tutoriales
1 articulo

Genero:Masculino  

Mobile developer

firefox
Citar            
MensajeEscrito el 22 May 2007 03:45 pm
Osea el codigo dentro de un DIV quedaria :

Código :

$pagina."php"

<div id="content">
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</div>


Y en la parte dinamica tu borrar el DIV y pornes el include ($pagina), y a la $pagina.php tendria en este caso que comenzar con:
<div id="content"> y finalizar con </div>

Por york3rs

Claber

561 de clabLevel

1 tutorial

Genero:Masculino  

LA___Chile

msie
Citar            
MensajeEscrito el 22 May 2007 03:53 pm
Si, podría ser algo así, te lo dejo más explicito:

Código :

<div id="wrapper">

   <?php include('content.php'); ?>

   <div id="sidebar"> ... </div>
</div>

content.php sería algo así:

Código :

<div id="content">
   ... contenido
</div>


Trata de limitar el uso de las tablas solo a cuando vas a tabular datos, como lo es un query de MySQL (o tu DBMS favorito), en donde vas a mostrar datos tabulados

Por Reymond

Claber

1111 de clabLevel

5 tutoriales
1 articulo

Genero:Masculino  

Mobile developer

firefox
Citar            
MensajeEscrito el 22 May 2007 05:16 pm

york3rs escribió:


Osea el codigo dentro de un DIV quedaria :

Código :

$pagina."php"

<div id="content">
<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</div>



Nonononono, no pongas la tabla dentro del div, no la necesitas, simplemente:

Código :

<div id="content">
CONTENIDO SIN NINGUNA TABLA
</div>


segundo, practicamente la unica forma que existe para que tu pagina cambie dinamicamente (solo una parte) es usando ajax. A estas alturas ya existen muchos frameworks que te permiten hacer eso facilmente.

Yo la verdad no entiendo porque no lo recomienda maikel. Es muy util.

Por neohunter

Claber

563 de clabLevel

1 tutorial

 

Bogota, Colombia

opera
Citar            
MensajeEscrito el 23 May 2007 12:55 am
El contenido que genera ajax no es leido por los motores de busqueda, pues son cargados "al vuelo" asi que las etiquetas html no cambian, solo sus propiedades y ese cambio es algo "imposible" leer por los motores de busqueda. Por eso no recomiendo ajax.

Otra desventaja es que la accesibilidad de la página se compromete enormemente, por ejemplo lo de "abrir enlace en nueva pestaña" no estará disponible entre otros.

Ajax es bueno pero al igual que flash hay que saberlo usar. Algunos detestan flash por el mal uso que le dan.

Como te digo, Cristalab no usa esa cosa que tu llamas "recursividad". Solo xhtml + css recomendado para hacer una web semántica.

saludos

Por Maikel

BOFH

5575 de clabLevel

22 tutoriales
5 articulos

Genero:Masculino   Team Cristalab

Claber de baja indefinida

firefox
Citar            
MensajeEscrito el 23 May 2007 04:19 pm
jump. pues google indexa rss que no? o xml. hay muchas formas de indexar un sitio si usas ajax.

Yo digo que es como toda tecnologia, hay que saberla usar.

Por neohunter

Claber

563 de clabLevel

1 tutorial

 

Bogota, Colombia

opera
Citar            
MensajeEscrito el 23 May 2007 07:26 pm
Geez... rss o xml que vendria siendo lo mismo, es otra cosa distinta a ajax. El XML o RSS tu lo abres por un navegador y le das ver codigo fuente y ves el código, con un codigo generado por ajax NO.

saludos

Por Maikel

BOFH

5575 de clabLevel

22 tutoriales
5 articulos

Genero:Masculino   Team Cristalab

Claber de baja indefinida

firefox
Citar            
MensajeEscrito el 23 May 2007 07:48 pm
Por eso mismo.

Si pones una imagen con algun mensaje dentro de la imagen (texto grafico) google no la indexara porque google no interpreta imagenes. si pones img alt="" con el mismo mensaje google lo tomara en cuenta, aun cuando no sabe leer imagenes.

Simple como eso.

Y solo porque google no lee imagenes no vamos a dejar de usar imagenes en nuestros websites. Lo que necesitamos son soluciones. y el RSS es una solucion para que google pueda indexar contenido dinamico, basicamente por el hecho que tu mencionas, al RSS se le ven las naguas, como diria mi abuelita. No cambia luego de que ha sido cargado por completo.

A lo que voy es que a veces hay que tomarse un poco de tiempo en diseñar para los buscadores, asi como tambien debemos invertir tiempo en diseñar usabilidad para los usuarios. Y AJAX en mi opinion (o cualquier tecnologia para la transmision de datos dinamicos en web) es una necesidad.

Por neohunter

Claber

563 de clabLevel

1 tutorial

 

Bogota, Colombia

opera
Citar            
MensajeEscrito el 23 May 2007 07:57 pm

Maikel escribió:


Ajax es bueno pero al igual que flash hay que saberlo usar. Algunos detestan flash por el mal uso que le dan.


:wink:

Por neohunter

Claber

563 de clabLevel

1 tutorial

 

Bogota, Colombia

opera
Citar            
MensajeEscrito el 23 May 2007 08:05 pm
Si pones una imagen con algun mensaje dentro de la imagen (texto grafico) google no la indexara porque google no interpreta imagenes. si pones img alt="" con el mismo mensaje google lo tomara en cuenta, aun cuando no sabe leer imagenes.

Simple como eso.

Y solo porque google no lee imagenes no vamos a dejar de usar imagenes en nuestros websites


No dije que no se usara ajax, solo que no lo recomendaba para lo que él pide... Exacto tal como me citaste.

Por Maikel

BOFH

5575 de clabLevel

22 tutoriales
5 articulos

Genero:Masculino   Team Cristalab



Ultima edición por Maikel el 24 May 2007 12:42 am, editado 1 vez

Claber de baja indefinida

firefox
Citar            
MensajeEscrito el 23 May 2007 09:31 pm
Lo mejor que pueden hacer, es poner talento, aprender y sacar conclusiones de que tecnología es mejor, según su criterío y experiencia. Hay que pensar en el público meta, el objetivo de la aplicación, el ambiente, la inversión, y demás factores que ayuden a determinar que tecnología se adecua mejor. Siempre habrá quien diga que algo es mejor que otro. Yo he probado de casi todo, siempre uso lo que para mí es mejor.

¿Qué sería de gmail sin AJAX?
¿Qué sería de nike.com sin Flash?
¿Qué sería de cristalab sin XHTML?
¿Qué sería de Maik sin PHP?
¿Qué sería de mí, sin Flex?


Saludos ^^

Por Dano

BOFH

4273 de clabLevel

14 tutoriales
4 articulos
10 ejemplos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Lugar estratégico para vigilarte

firefox
Citar            
MensajeEscrito el 23 May 2007 10:00 pm

Dano escribió:

Hay que pensar en el público meta, el objetivo de la aplicación, el ambiente, la inversión, y demás factores que ayuden a determinar que tecnología se adecua mejor...


*Mi meta es que todo mundo pueda ver mi página...
*Ah, entonces con ajax no.

Por Darel

725 de clabLevel

5 tutoriales

 

I'm a human

firefox
Citar            
MensajeEscrito el 24 May 2007 05:17 am
que seria de nosotros sin un computador y una conexion a internet.

Yo seria un guitarrista exitoso.

Por neohunter

Claber

563 de clabLevel

1 tutorial

 

Bogota, Colombia

opera
Citar            
MensajeEscrito el 24 May 2007 05:26 am

Darel escribió:


*Mi meta es que todo mundo pueda ver mi página...
*Ah, entonces con ajax no.


Que estupides es esa? acaso gmail no es quizas el servicio de correo electronico mas usado del mundo, y no nos encanta a todos su usabilidad? yo puedo ver mi gmail desde mi PDA.

Los de google seguramente dijeron... usemos ajax para que nadie peuda ver ni usar gmail. cierto?

Ajax y flash son buenas tecnologias (y no creo que este una en contra de la otra), personalmente pienso que si alguna de las dos te parece mal enfocada es porque tienes una idea tan vaga de todo este tema que deberias dedicarte a otra cosa.

Ahora lo que si es valido es decir que en cierto desarrollo, cierta X tecnologia esta mal enfocada. Pero ambas funcionan bien.

Repito y apoyo todo lo que dijo dano.

Por neohunter

Claber

563 de clabLevel

1 tutorial

 

Bogota, Colombia

opera
Citar            
MensajeEscrito el 25 May 2007 04:27 pm

neohunter escribió:

y no nos encanta a todos su usabilidad?

¿justificas a Ajax mediante Google?

wikipedia escribió:


Navegadores que no permiten AJAX

* Opera 7 y anteriores
* Microsoft Internet Explorer para Windows versión 4.0 y anteriores
* Microsoft Internet Explorer para Macintosh, todas las versiones
* Dillo
* Navegadores basados en texto como Lynx y Links
* Navegadores para incapacitados visuales



Dime, ¿Sabes en qué casos google utiliza Ajax?
¿Cómo te cercioras de que la "versión" de google que ves en tu PDA utiliza Ajax?, lo pregunto en serio, porque creo que Ajax todavía no es compatible con algunos dispositivos móviles (corrijanme si no es así).

Por Darel

725 de clabLevel

5 tutoriales

 

I'm a human

firefox
Citar            
MensajeEscrito el 25 May 2007 04:50 pm
Gmail, tiene una version TOTALMENTE funcional sin AJAX. Se activa automáticamente cuando detecta que el visitante no tiene javascript habilitado.

Saludos ^^

Por Dano

BOFH

4273 de clabLevel

14 tutoriales
4 articulos
10 ejemplos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Lugar estratégico para vigilarte

firefox
Citar            
MensajeEscrito el 25 May 2007 05:46 pm
AJA SI!. ese es justo mi punto. Gmail usa ajax cuando el navegador soporta ajax cuando no, no lo utiliza. Asi se debe pensar cuando se realiza un desarrollo bajo cualquier tecnologia medianamente nueva.

Nombro a Gmail porque es un muy buen ejemplo y una puesta en practica perfecta de la tecnologia ajax. Ademas Google usa Flash (flex) y Ajax en analytics y finance, y lo hace de una forma maravillosa.

Referente a tu lista de navegadores que NO soportan ajax. Esa cantidad de navegadores no representa ni la mas minima parte de el publico que accesa a un sitio web.

-Cuantas personas usan versiones anterior al a version 7 de opera(que es de pago) ?
No conozco ni he conocido jamas una sola.

-Cuantas personas usan Internet Explorer 4.0 o anteriores.
La ultima vez que vi correr esta version de IE fue quizas hace unos 7 años. y si corre ha de ser en lugares con recursos verdaderamente limitados. Donde practicamente NO existe el internet.

Ademas considero que las dos entradas anteriores no significan el mercado que quiere atacar ninguno de tus clientes.

-Ie para Mac
-.... en serio?... oh por dios... en serio no soporta javascript?

-navegadores basados en texto como lynx, y dispositivos portatiles como PDA o celulares.
Los usuarios de estos navegadores necesitan la informacion rapida y directa, ademas en estos casos y de menos por ahora la usabilidad en estos dispositivos la debe brindar el navegador y no el desarrollador. Navegar en internet a traves de un teclado numerico es la cosa mas frustante que puede. Yo soy un usuario frecuente de una pda, HP Ipaq 6945 (que es toda una maravilla) y se que gmail no usa ajax ahi. (y me alegro porque muchos proveedores de internet GPRS cobra por cada KB).

Yo defiendo y justifico el uso de ajax y flash en un desarrollo web siempre y cuando este pensando en usabilidad y no en decoracion

Por neohunter

Claber

563 de clabLevel

1 tutorial

 

Bogota, Colombia

opera
Citar            
MensajeEscrito el 25 May 2007 05:51 pm

neohunter escribió:

...Yo defiendo y justifico el uso de ajax y flash en un desarrollo web siempre y cuando este pensando en usabilidad y no en decoracion


Todo resumido en un par de lineas. U_Un

Por Reymond

Claber

1111 de clabLevel

5 tutoriales
1 articulo

Genero:Masculino  

Mobile developer

firefox
Citar            
MensajeEscrito el 25 May 2007 05:51 pm
Y ya el tema se torno en una discusión fuera del tema. Cerremos el tema.

Thanks everyone for your opinions

Por Maikel

BOFH

5575 de clabLevel

22 tutoriales
5 articulos

Genero:Masculino   Team Cristalab

Claber de baja indefinida

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.