Foros del Web » Programando para Internet » Javascript »

getElementById de otra pagina

Estas en el tema de getElementById de otra pagina en el foro de Javascript en Foros del Web. Que tal amigos Necesito hacer un getElementById de otra pagina distinta de la que esta mi codigo para poder manipular ese div, es esto posible ...
  #1 (permalink)  
Antiguo 18/06/2010, 08:46
 
Fecha de Ingreso: marzo-2006
Mensajes: 41
Antigüedad: 18 años, 1 mes
Puntos: 0
getElementById de otra pagina


Que tal amigos

Necesito hacer un getElementById de otra pagina distinta de la que esta mi codigo para poder manipular ese div, es esto posible ?

Ejemplo (por si no quedo claro)

Pagina1.html

<div id="MyDiv"> Hola </div>

Pagina2.html

"Aca quiero traer el contenido de ese div de Pagina1.html"





Gracias....
  #2 (permalink)  
Antiguo 18/06/2010, 09:00
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 19 años, 10 meses
Puntos: 834
Respuesta: getElementById de otra pagina

Si la página está en tu mismo dominio, podrías usar AJAX y REGEXP o DOM para hacerlo. Si no, necesitarás lenguaje de servidor para tomar los datos de manera directa o para generar un proxy que permita tomarlos de manera indirecta.
Dependiendo de tus posibilidades te sugiero que consultes en el foro correspondiente.
  #3 (permalink)  
Antiguo 18/06/2010, 10:44
Avatar de bng5  
Fecha de Ingreso: junio-2009
Ubicación: 127.0.0.1
Mensajes: 269
Antigüedad: 14 años, 10 meses
Puntos: 24
Respuesta: getElementById de otra pagina

Si estás usando iframes (supongo eso por las tags del post) podés sin problemas.
Te recomiendo que uses DOM Inspector o similar para ubicar el div en cuestión y después plasmarlo en el código.

Panino5001: no entendí que querés hacer con expresiones regulares.
  #4 (permalink)  
Antiguo 18/06/2010, 11:37
Avatar de bng5  
Fecha de Ingreso: junio-2009
Ubicación: 127.0.0.1
Mensajes: 269
Antigüedad: 14 años, 10 meses
Puntos: 24
Respuesta: getElementById de otra pagina

Voy a explicar como acceder a un elemento HTML de un iframe usando DOM.
DOM es una librería orientada a objetos.
La idea no es que copies y pegues y ya, tendrías que entender el código que te paso y estudiar POO para sacar algo realmente provechoso para vos.

El método getElementBy del objeto document te sirve para obtener referencias a los elementos HTML de ese documento.
Como el div "MyDiv" al que querés acceder se encuentra en otro documento tendremos que usar el objeto document de el documento donde se encuentra, a través del iframe.

Código HTML:
<iframe id="iframePagina1" src="Pagina1.html"></iframe> 

Código Javascript:
Ver original
  1. // usamos el iframe para acceder al objeto document de Pagina1.html
  2. var iframeDocument = document.getElementById('iframePagina1').contentDocument;
  3.  
  4. // usando el método getElementById de ese objeto accedemos a 'MyDiv'
  5. var miDiv = iframeDocument.getElementById('MyDiv');
  6.  
  7. /*
  8. Listo, la variable miDiv es una referencia al div en cuestión con todos sus métodos y atributos
  9. */

Referencia: http://www.w3schools.com/jsref/dom_obj_frame.asp

Última edición por bng5; 18/06/2010 a las 11:45
  #5 (permalink)  
Antiguo 18/06/2010, 11:55
 
Fecha de Ingreso: marzo-2006
Mensajes: 41
Antigüedad: 18 años, 1 mes
Puntos: 0
Respuesta: getElementById de otra pagina

Gracias bng5 , me entendiste a la perfeccion algo asi queria
Lo voy probar y despues te digo

Etiquetas: getelementbyid, iframe
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:17.