vincular contenido en el iframe de una segunda pagina

zm2175 · #1 (**permalink**) 23/02/2007, 21:32

Hola amigos, esto me ha estado quitando el sueño.
Estoy trabajando en un sitio con bastantes iframes, debido a que me permite cargar aplicaciones externas sin alterar el diseño. El problema me surgio cuando quize vincular paginas dentro del iframe de otra pagina...

Me explico:
Tengo una pagina "index.htm". En ella existe un link que apunta a "bajada.htm" que contiene un iframe llamado "texto" que contiene la pagina "contenido.htm". Por ende cuando presiono el link en "index.htm" me carga "bajada,htm" con el iframe y su "contenido.htm".

El problema es que necesito crear un segundo link en "index.htm" que apunte a "bajada.htm", PERO que en vez de que cargue en el iframe "contenido.htm" que cargue "pagina2.htm"

Me explique bien? alguien sabe como hacer esto? Me imagino que es con script y el famoso location, pero me pillo

saludos y gracias

locojars · #2 (**permalink**) 24/02/2007, 11:30

Si estas trabajando con PHP podrias enviar una variable y validarla por ejemplo:

Código PHP:

  if(isset($variable))

{

   mostrar iframe..

}

else

{

pagina2.htm

}

Talvez si nos dices en que lenguajes estas trabajando o si solo estas usando JavaScript, para ver si te podemos ampliar un poco mas la ayuda.

Salu2,
jars

zm2175 · #3 (**permalink**) 24/02/2007, 11:36

Gracias por tu ayuda locojars, pero estoy trabajando en html complementado con javascript.
Ojala existiera una solucion semejante en javascript, pues lo hace mas compatible con asp o xml.

muchas gracias

farve · #4 (**permalink**) 25/02/2007, 17:12

hola tengo el mismo problema que tu, la diferencia es que tu te explicas bien y yo!!!

yo me imagino que se podra hacer enviando atraves de la url una variable y en la pagina que tiene el iframe que lea la variable, pero no se como hacerlo y estoy igual de loco que tu.

aki dejo el post
haber si esta sabia gente nos lo soluciona

saludos

ArtuAgui · #5 (**permalink**) 26/02/2007, 08:31

Hola,

Puedes probar a crear los links así:

Código:

<a href="bajada.htm?pag=contenido1.htm">Link 1</a><br>
<a href="bajada.htm?pag=contenido2.htm">Link 2</a>

En la página "bajada.htm" tendrás una variable llamada pag que has recibido por GET, y su valor puede ser "contenido1.htm" o "contenido2.htm"
Luego sólo te queda cargarla en le iframe "texto".

Saludos,
-ArtuAgui-

zm2175 · #6 (**permalink**) 26/02/2007, 19:53

Gracias por tu aporte ArtuAgui, pero en la parte de generar la variable me perdi...

Pues yo puedo crear un js con la instruccion var = pag y leerla desde bajada.htm, pero no entendi el tema de recibido por GET, pues son links href y no desde un form, cierto?

Muchas gracias y agradezco tu interes...

ArtuAgui · #7 (**permalink**) 27/02/2007, 09:17

Para capturar la página del ejemplo que te he puesto, utiliza este código:

Código:

<script>
   var Pag = window.location.href;
   var Pos = Pag.indexOf("=", Pag);
   var pag = Pag.substring(Pos+1,Pag.length));
</script>

Ahora, la variable pag contendrá contenido1.htm o contenido2.htm

Saludos,
-ArtuAgui-

farve · #8 (**permalink**) 27/02/2007, 18:25

hola, yo tambien ando un poco liado con el tema.

intento hacer un croquis mas o menos igual a como dice zm2175 de todas la paginas para aclararme:

este es el codigo de la pagina index.html

Código:

<html><head><title>Hola</title></head><body>
	Aqui uno pone lo que  quiera
	<br>
	<a href="pagA.html">enlace a la pagina A(pagA.html) que tiene un iframe con la pagina por defecto parte.html</a>
	<br>
	<a href="pagA.html?pagsrc=parte2.html">enlace a la pagina A(pagA.html), pero la varible pagscr es parte2.html</a>
</body>
</html>

este el de la pagina pagA.html

Código:

<html><head><title>esto es la pagA</title></head><body>
	estas en la pagina pag A
	<br>
	<iframe src="parte.html" name="parte" frameborder="3" width="759" height="500" marginwidth="0" marginheight="0" AllowTransparency></iframe>
</body>
</html>

el problema es que no se que codigo tengo que poner para que lea cual es el valor de la variable pagsrc y como aplicarselo al iframe .
por lo que me farta el codigo.

ahora pongo las dos paginas supuestas que cargaria el iframe.(por si acaso

)

parte.html

Código:

<html><head><title>esto es la pagina parte.html</title></head><body>
	esto es la pagina parte.html
</body>
</html>

y esta parte2.html

Código:

<html><head><title>esto es la pagina parte2.html</title></head><body>
	esto es la pagina <b>parte2.html</b>
</body>
</html>

pues lo dicho que me falta como hacer que el iframe lea el contenido de la variable pagsrc.

saludos y gracias.

zm2175 · #9 (**permalink**) 27/02/2007, 19:20

Muchas gracias ArtuAgui nuevamente por tu voluntad, pero me falta solo la puntada final.

En mi pagina index.htm ya tengo los links:

Código:

<a href="bajada.htm?pag=contenido1.htm">Link 1</a><br>
<a href="bajada.htm?pag=contenido2.htm">Link 2</a>

En mi pagina bajada.htm ya tengo el script:

Código:

<script>
   var Pag = window.location.href;
   var Pos = Pag.indexOf('=', Pag);
   var pag = Pag.substring(Pos+1,Pag.length);
</script>

Pero dentro de bajada.htm tengo el iframe id="texto" que contiene ya una pagina main.htm, el problema es como relaciono a ese ID para que la instruccion de contenido1.htm cargue ahi? Hasta el momento la pagina bajada.htm carga perfecto, pero no el contenido del iframe.

Muchas gracias y de esta no te molesto mas...

farve · #10 (**permalink**) 03/03/2007, 13:34

hola, como dije yo tambien ando liado con el tema,

he estado mirando y apartir de esta web he exo algo pero a medias

en la pagina principal pones el enlace mas ? y el nombre del parametro un = y el valor:

Código:

<a href="pagA.html?iframe=parte2.html">link</a>

y en la pagina a abrir
este codigo, que lo entiendo a medias(creo que no es necesario al completo, pero yo lo dejo asi)
entre head y head esto

Código:

<script language="JavaScript">
  var remplaza = /\+/gi; 
  var url = window.location.href;
  
  url = unescape(url);
  url = url.replace(remplaza, " ");
  url = url.toUpperCase();
  
  function obtener_valor(variable) 
  { 
    var variable_may = variable.toUpperCase();
	var variable_pos = url.indexOf(variable_may);
	
	if (variable_pos != -1) 
	 {
	    var pos_separador = url.indexOf("&", variable_pos);
		
		if (pos_separador != -1) 
		{
		    return url.substring(variable_pos + variable_may.length + 1, pos_separador);
		} else
		{
		    return url.substring(variable_pos + variable_may.length + 1, url.length);
		}
	 } else 
	   {
	      return "NO_ENCONTRADO";
	   }
  }
</script>

en el body:

Código:

<script language="JavaScript">

  var valor = obtener_valor("iframe");
</script>

supuestamente ya tienes el valor del parametro iframe en la variable valor.

lo que me falta es aplicarle ese valor al src del iframe, he probado con estilos pero no va, las dimensiones si, pero el src no.
en head:

Código:

<style type="text/css">
<!--
.Estilo {
	width: 500;
	height: 400;
	src: PARTE2.HTML;
}
-->
</style>

en body

Código:

<iframe class="Estilo" name="parte" frameborder="3" marginwidth="0" marginheight="0" AllowTransparency></iframe>

haber si se te ocurre algo.
saludos