Comunidad de diseño web y desarrollo en internet online

Cambiar un div por otro como si fuera un enlace

Citar            
MensajeEscrito el 25 May 2011 01:00 pm
Hola a todos,

Estoy haciendo una web en la que necesito que algunos elementos (casi todos) se mantengan fijos y que solo el div central vaya cambiando, pero no tengo ni la más remota idea de por donde empezar si quiera...

Básicamente lo que quiero es una columna con todos los enlaces a las distintas webs que tengo ya hechas (pagina1.php, pagina2.php,...) y que al pulsar sobre esos enlaces (a ser que se vean como enlaces, no como botones) me cambie la frase del div principal

Código PHP :

<?php include("main.php"); ?>

por esta otra

Código PHP :

<?php include("pagina1.php"); ?>

He pensado en crear un array con las distintas webs y llamar al array. Algo tipo:

Código Javascript :

function div (){
document.write("<?php include('"+Array[i]+".php');?>")
}

Pero no se como modificar la i del array desde los enlaces ni si funcionaria, ¿alguna idea?

Por Sarlit

8 de clabLevel



 

Mal intento de webmaster...

chrome
Citar            
MensajeEscrito el 26 May 2011 02:01 pm
Para hacerlo con PHP (recargando pagina).

Código PHP :

<div id="central">
<?php
$pagina=$_GET['seccion'];
include($pagina.".php");
?>
</div>


Link de ejemplo:
index.php?seccion=pagina

Para hacerlo con JS, o a: te buscas como crear el objeto HTTPRequest de JS, o b: usas un framework, ejemplo con Jquery:

Código Javascript :


function cargapaginas(pagina)
{
$("#central").load(pagina+".php");
}
<div id="central" name="central"></div>

Link de ejemplo:
<a href="#central" onclick="cargapaginas('paginatal')">Enlace a paginatal.php</a>

Saludos

Por neisserian89

65 de clabLevel



 

firefox
Citar            
MensajeEscrito el 26 May 2011 02:02 pm
*httpXMLRequest objeto de js, lo escribí mal.

Por neisserian89

65 de clabLevel



 

firefox
Citar            
MensajeEscrito el 26 May 2011 02:26 pm
Vale, al final lo conseguí hacer con el objeto httpXMLRequest y funciona a la perfección. ¡Muchas gracias por responder!

Por Sarlit

8 de clabLevel



 

Mal intento de webmaster...

chrome

 

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