Eliminar iframe

desarrollandoweb2000 · #1 (**permalink**) 25/01/2013, 13:07

Hola a todos!!! tengo una consulta, estoy desarrollando una web que trabaja con iframe para mostrar el contenido, que me permite navegar en las opciones del menu mostrando el contenido en el iframe, de esa manera la pagina nunca se actualiza y queda siempre en la url index.
Asi que tengo que tratar de conseguir lo mismo pero sin iframe ,por las desventajas de este, lograr que la url siempre se mantenga en index y que no se recargue o actualice.
Que opciones puede existir, teniendo en cuanta que no puedo implementar framework, debo crear un templates personalizado. Un detalle más es que las páginas que contienen los datos a mostrar tienen implementado xajax.

Gracias por la ayuda

#2 (**permalink**) 25/01/2013, 13:23

Hola amigo , haber si te entendido , quieres navegar por la url donde siempre aparezca http://miweb.com/ como la pagina de toda la web las demas paginas y directorios no navegables y que ademas para navegar no se recarge y/o aztualize esto es asi?

que estructura tienes aztualmente , como tienes creados los directorios , tu sitemap

#3 (**permalink**) 25/01/2013, 13:34

quieres una web similar a tuenti por ejemplo.

con php solo esto es inviable ya que no se puede ejecutar archivos sin enviar la peticion al servidor y para esto hay que recargar , pero php+javascript seguro que si ,

y para navegar solo desde el index puedes echar un vistazo a frameworks para que entiendas la estructura , por ejemplo codelgniter

desarrollandoweb2000 · #4 (**permalink**) 25/01/2013, 14:03

hola !!!gracias por responder. te cuento mejor mi estructura es asi: tengo el index.php y varias carpetas que contienen archivos php con estructura html. Estos archivos contienen toda la info a mostrar

/index.php
/carpeta1/archivos.php
/carpeta2/archivos.php
/carpeta3/archivos.php
...
/carpetan/archivos.php

En el index.php tengo un menu y un div id=datos.
Las opciones del menu llaman a una función mostrar_datos pasando como parámetro el enlace a los archivos de las carpetas. Esta función mostrar_datos (hecha en javascript) toda el parámetro enlace para mostrarlo mediante el iframe

function mostrar_datos(enlace_archivo) {

var obj = document.getElementById("datos");

resp= '<IFRAME id="info" name="info" src="'+enlace_archivo+'""></IFRAME>';

obj.innerHTML = resp;
}

Al trabajar de esta manera cada vez que accedo a una opcion del menu me muestra el contenido en el iframe, sin cambiar la url en el navegador.

Necesito mantener lo mismo pero sacando el iframe. Probe trabajar mostrando el contenido en un div, pero el problema es que los archivos trabajan con xajax.

gracias!!

#5 (**permalink**) 25/01/2013, 14:11

puedes subir el index

desarrollandoweb2000 · #6 (**permalink**) 25/01/2013, 14:19

El index.php tiene basicamente esto

<html>
<head>
<title>Documento sin título</title>
<link rel="stylesheet" type="text/css" href="estilos.css">
<script src='funcion.js' type='text/javascript'/></script>
</head>

<body>
<div id="menu">
<ul>
<li><a href="javascript:mostrar_datos('/carpeta1/archivo1.php);">opcion1</a></li>
<li><a href="javascript:mostrar_datos('/carpeta2/archivo2.php);">opcion1</a></li>
</ul>
</div>

<div id="datos">

</div>

</body>
</html>

el archivo funcion.js tiene la funcion mostrar_datos.

#7 (**permalink**) 25/01/2013, 14:22

tu problema viene en la carga de las paginas echa un vistazo aqui

http://www.actualidadjquery.es/2010/...jax-de-jquery/

lo amoldas a tu gusto en vez de botones creas un menu o algo asi , en el ejemplo es con un boton

desarrollandoweb2000 · #8 (**permalink**) 25/01/2013, 15:03

Muchas gracias webankenovi!!!te agradezco tu tiempo y ayuda!!muy bueno lo estoy probando. El único problema me surge con los links a otros archivos de la carpeta que tengo en los archivos que llamo en el menú. alguna idea? voy a seguir probando y modificando. Gracias

#9 (**permalink**) 25/01/2013, 15:11

me alegro de nada , te refieres a los links que tienes el el contenido cargado ¿? al pulsar te recarga la pagina verdad?¿

desarrollandoweb2000 · #10 (**permalink**) 25/01/2013, 15:16

exacto! me abre en la pagina el contenido del link al que accedo.

#11 (**permalink**) 25/01/2013, 15:20

creo que es pasando un id en el link llamando a la funcion igual que en el ejemplo que te di al cargar la pagina que el boton lleva un id , incluso con una clase pero no estoy muy seguro

desarrollandoweb2000 · #12 (**permalink**) 25/01/2013, 15:32

Dale muchas gracias!!!voy a probar!gracias por tu tiempo!

dashtrash · #13 (**permalink**) 25/01/2013, 16:34

Yo no lo haría así, pero una solución rápida al problema de los links, si tienes demasiados: con jQuery (más sencillo), o con javascript base, encontrar todos los links de la página, borrarles el href, y añadirles un onclick a una función javascript, que reciba como parámetro la url original donde apuntaba el link.
Con Ajax, cargas el link (posiblemente con un parámetro extra, para indicar al php que no incluya cabeceras, menus, etc). Y la respuesta, la estableces como contenido del <div> con el que hayas sustituido el iframe.

#14 (**permalink**) 25/01/2013, 16:41

yo no se mucho sobre javascript le di una solucion rapida si tu sabes alguna mejor exponsela.

saludos

dashtrash · #15 (**permalink**) 25/01/2013, 17:21

Cita:

Iniciado por webankenovi

yo no se mucho sobre javascript le di una solucion rapida si tu sabes alguna mejor exponsela.

saludos

Lo siento, no me expresé bien..Cuando decía que "yo no lo haría así", me refería a mi propia solución, no a la tuya.La tuya parte de modificar los links (que es la forma más "normal" de hacerlo).La que yo decía parte de no eliminar los links (si hay demasiados).Pero es un "hack", por eso decía que yo no lo haría.

#16 (**permalink**) 25/01/2013, 17:42

te entendi mal entonces pero aun asi yo creia que te referias a la carga de las paginas.