Foros del Web » Programando para Internet » Jquery »

acceder a frame con jquery

Estas en el tema de acceder a frame con jquery en el foro de Jquery en Foros del Web. hola buen dia tengo el siguiente frame: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < iframe name = "frame" id = "frame " src = "inicio.html" ...
  #1 (permalink)  
Antiguo 15/05/2013, 07:50
 
Fecha de Ingreso: octubre-2012
Mensajes: 202
Antigüedad: 7 años, 1 mes
Puntos: 0
acceder a frame con jquery

hola buen dia
tengo el siguiente frame:
Código HTML:
Ver original
  1. <iframe name="frame" id="frame "src="inicio.html" width="100%" height="300" frameborder="0" scrolling="no" AllowTransparency>
  2.                 Texto alternativo para navegadores que no aceptan iframes
  3.                 </iframe>

y una lista que cargar htmls externos en el frame:

Código HTML:
Ver original
  1. <ul id="menu">
  2.                             <li><a href="inicio.html" target="frame">Inicio</a></li>
  3.                             <li><a href="historia.html" target="frame">Historia</a></li>
  4.                             <li><a href="productos.html" target="frame">Equipos de Frio</a></li>
  5.                             <li><a href="revestimientos.html">Revestimiento Termico</a></li>
  6.                             <li><a href="repuestos.html" target="frame">Repuestos A/A</a></li>
  7.                             <li><a href="Contacts.html" target="frame">Contacto</a></li>
  8.                         </ul>

lo que quiero hacer es hacer lo mismo pero con JQUERY para poder ponerle algun efecto cuando cargar el html dentro del frame.
Se podra? gracias a quien ayude!!
  #2 (permalink)  
Antiguo 16/05/2013, 07:04
Avatar de Lobito14  
Fecha de Ingreso: abril-2010
Mensajes: 222
Antigüedad: 9 años, 8 meses
Puntos: 17
Respuesta: acceder a frame con jquery

En el código que muestras, tu iframe tiene un id frame, mediante ese id puedes acceder con jQuery de la siguiente forma:

Código Javascript:
Ver original
  1. $('#frame').acciones...
  2.  
  3. ó
  4.  
  5. $('iframe#frame').acciones...

Espero que te sea de ayuda, un saludo.
  #3 (permalink)  
Antiguo 16/05/2013, 08:22
 
Fecha de Ingreso: octubre-2012
Mensajes: 202
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: acceder a frame con jquery

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2.     $(document).ready(function(){
  3.        $('#organizacion').click(function(){
  4.         $('#contenido').fadeOut(1000);
  5.         $('#contenido').load('http://www.climatizacionserper.com.ar/organizacion.html');
  6.         $('#contenido').fadeIn(1000);
  7.         $("#contenido").css({"height":"300px","width":"565px","overflow-y":"visible","overflow-x":"hidden"});
  8.         });
  9.     });
  10. </script>

y al boton le digo

Código HTML:
Ver original
  1. <li><a id="organizacion">Organizacion</a></li>

y no funciona :S
  #4 (permalink)  
Antiguo 16/05/2013, 13:43
Avatar de Lobito14  
Fecha de Ingreso: abril-2010
Mensajes: 222
Antigüedad: 9 años, 8 meses
Puntos: 17
Respuesta: acceder a frame con jquery

Creo que el problema está en que la función load() de jQuery carga contenido desde el servidor desde donde se está ejecutando. En el hosting donde tengas la web, si quieres cargar el archivo organizacion.html pues en la función load debes llamar con la ruta relativa a ese archivo, si por ejemplo estas en el index.html y organizacion.html está en el mismo directorio, en load lo llamarías así:

Código Javascript:
Ver original
  1. $('#contenido').load('organizacion.html');

Si está en otro directorio que no es desde el que estás ejecutando este archivo .html, pues la ruta que sea:

Código Javascript:
Ver original
  1. $('#contenido').load('carpeta/organizacion.html');

Saludos.

Etiquetas: frame, html, javascript
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 17:14.