Actualizar Solo Una Parte De La Página

Beaker · #1 (**permalink**) 11/03/2012, 11:08

Que tal. Cómo les he comentado, soy nuevo en esto de PHP, y estoy tratando de diseñar una página, y tengo una gran duda. Quiero diseñar una página con distintas secciones,de un lado un menú de loguin, de otro de publicidad, de otro un menú de opciones, etc. Quisiera saber de que forma puedo dividir la página por secciones de forma que cuando selecciones o ingrese por ejemplo mis datos de logueo, sólo me actualice esa parte y no toda la página? Muchas gracias de antemano

xxxivanxxx · #2 (**permalink**) 11/03/2012, 11:15

para eso necesitas utilizar AJAX, te recomiendo que uses JQUERY u otro FRAMEWORK que te facilite el trabajo :)

emprear · #3 (**permalink**) 11/03/2012, 11:24

Cita:

Iniciado por Beaker

Que tal. Cómo les he comentado, soy nuevo en esto de PHP, y estoy tratando de diseñar una página, y tengo una gran duda. Quiero diseñar una página con distintas secciones,de un lado un menú de loguin, de otro de publicidad, de otro un menú de opciones, etc. Quisiera saber de que forma puedo dividir la página por secciones de forma que cuando selecciones o ingrese por ejemplo mis datos de logueo, sólo me actualice esa parte y no toda la página? Muchas gracias de antemano

Algo confuso el caso, es cierto con ajax podés cargar contenido en diferentes secciones (divs, capas), pero para mostrar contenido según estes logueado o no, en alguna parte de tu php deberás recurrir a algún condicional que verifique tal condición (ya sea por sesiones, cookies, ´mySql, etc)
Un detalle, con respecto a utilizar Ajax, si no estás usando una librería para otras cosas, usarla solo para ese propósito no tiene objeto, podés hacerlo simplemente con javascript.
ejemplo
http://foros.emprear.com/ajax/html-css-js-ajax/
Saludos

HiToGoRoShi · #4 (**permalink**) 11/03/2012, 13:06

Depende a que te refieras a usar ajax, o a persitir la cabezera y el footer y que solo cambie el contenido interno ...

1- Usa un framework de javascript , o a punta de javascript puro para el tema de ajax
2- Crea 3 archivos ... header.php, contenido.php y footer.php, realiza un algoritmo que solo cambie contenido.php por la pagina que quieras ejem.

Código PHP:

Ver original//Inicio
header.php
inicio.php
footer.php
 
//Publicidad
header.php
publicidad.php
footer.php
 
//Contacto
header.php
contacto.php
footer.php

3- Usa iframes

ArmandBelmont · #5 (**permalink**) 11/03/2012, 13:07

Aqui hay dos cuestiones importantes, una de ellas es que hablas de como hacer las secciones, esto lo haces con maquetacion CSS, para poder usar divs y dividir en secciones tu página, o meterte a utilizar HTML5 el cual esta ya contiene las secciones.

http://www.desarrolloweb.com/articulos/1823.php

Por otro lado, tenemos esa parte de solo actualizar una sección, en esta opción tienes que usar AJAX, ya que PHP en si no permite Request asincronos al servidor jQuery es una muy buena opcion el cual te permitira manipular el DOM mas facilmente q hacerlo desde javascript puramente o si no quieres meterte a jQuery, entonces usas xajax q es el proyecto ajax para php.

En mi recomendación en especial, deberias usar jQuery, aprender usar todos los beneficios q este conlleva y poderlo usar para manipular el DOM.

kSebaPerez · #6 (**permalink**) 11/03/2012, 14:23

Creo que a lo que te referis es a tener partes fijas. Eso lo haces con la funcion include()
Esta funcion inserta el contenido de un archivo en otro en momento de ejecucion.
Supongamos que tenes dos paginas: seccion1.php y seccion2.php
Lo que vos queres es que ambas secciones compartan ciertos contenidos, como la parte superior de la pagina.

Entonces crearas un archivo llamado "top.php" con el siguiente contenido:

<html>
<head>
<title>Este es el titulo</title>
</head>
<body>
<div id="nav">Esta es la barra de navegacion</div>

Y un "bottom.php" con el siguiente:

</body>
</html>

Luego seccion1.php tendria el siguiente contenido:

<?php include("top.php"); ?>
<h1>Este es Seccion1</h1>
<p>Contenido</p>
<?php include("bottom.php"); ?>

Y bien, mira el codigo fuente de la pagina ya cargada para ver como genero con todos los archivos uno nuevo. Asi simplemente tenes que modificar el contenido de las secciones y todas compartiran el top y el bottom a partir de archivos unicos.