Tema: frames y javascript
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 13/06/2013, 07:00
Avatar de oscard41
oscard41
 
Fecha de Ingreso: mayo-2012
Ubicación: Caracas
Mensajes: 288
Antigüedad: 12 años, 7 meses
Puntos: 8
Respuesta: frames y javascript
Cita:
Iniciado por quimfv Ver Mensaje
Te aconsejaria que no pierdas el tiempo con frames.... ajax y divs permiten cosas mucho mejores.

Pero te paso un ejemplo

index.htm

Código HTML: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
  2. <html>
  3. <script language="JavaScript" type="text/JavaScript">
  4. function copiaTexto(){
  5.     frames['mainFrame'].document.getElementById("retexto").innerHTML=frames['leftFrame'].document.getElementById("texto").innerHTML;
  6. }
  7. </script>
  8. <head>
  9. <title>Documento sin t&iacute;tulo</title>
  10. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  11. </head>
  12. <frameset cols="200,*" frameborder="NO" border="0" framespacing="0">
  13.   <frame src="frame1.htm" name="leftFrame" id="leftFrame" scrolling="NO" noresize>
  14.   <frame src="frame2.htm" name="mainFrame" id="mainFrame">
  15. </frameset>
  16. <noframes><body>
  17.  
  18. </body></noframes>
  19. </html>

frame1.htm

Código HTML: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Documento sin t&iacute;tulo</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. </head>
  7. <body>
  8. <span id="texto">Aquí dice algo</span>
  9. </body>
  10. </html>


frame2.htm

Código HTML: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Documento sin t&iacute;tulo</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. </head>
  7.  
  8. <body>
  9. <input name="botCopia" type="button" id="botCopia" value="Copia" onClick="parent.copiaTexto()">
  10. <span id="retexto">Se copiará aquí</span>
  11. </body>
  12. </html>


Gracias por tu respuesta...

los códigos los copie y los pegue tal cual y no me funcionaron... el texto no se copia lo probé en chrome y en mozilla, la consola de errores de mozilla me dice que la propiedad document es indefinida...

y si estoy consiente que con div y ajax se puedes hacer cosas mejores pero esta ves lo estaba haciendo con frames con la intencion de tener el conocimiento de acceder al DOM de los frames pero por lo que veo como que no se puede por que e probado la mayoría de los códigos que e visto en este foro y googleando pero ninguno funciona simplemente no puedo acceder ni siquiera a un ID de un frame