acceder a frame con jquery

[jmm87]

hola buen dia
tengo el siguiente frame:

Código HTML:

<iframe name="frame" id="frame "src="inicio.html" width="100%" height="300" frameborder="0" scrolling="no" AllowTransparency>
                Texto alternativo para navegadores que no aceptan iframes
                </iframe>
 

y una lista que cargar htmls externos en el frame:

Código HTML:

<ul id="menu">
                            <li><a href="inicio.html" target="frame">Inicio</a></li>
                            <li><a href="historia.html" target="frame">Historia</a></li>
                            <li><a href="productos.html" target="frame">Equipos de Frio</a></li>
                            <li><a href="revestimientos.html">Revestimiento Termico</a></li>
                            <li><a href="repuestos.html" target="frame">Repuestos A/A</a></li>
                            <li><a href="Contacts.html" target="frame">Contacto</a></li>
                        </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!!

[Lobito14]

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:

$('#frame').acciones...
 
ó
 
$('iframe#frame').acciones...
 

Espero que te sea de ayuda, un saludo.

[jmm87]

Código Javascript:

<script type="text/javascript">
    $(document).ready(function(){
       $('#organizacion').click(function(){
        $('#contenido').fadeOut(1000);
        $('#contenido').load('http://www.climatizacionserper.com.ar/organizacion.html');
        $('#contenido').fadeIn(1000);
        $("#contenido").css({"height":"300px","width":"565px","overflow-y":"visible","overflow-x":"hidden"});
        });
    });
</script>
 

y al boton le digo

Código HTML:

<li><a id="organizacion">Organizacion</a></li>
 

y no funciona :S

[Lobito14]

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:

$('#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:

$('#contenido').load('carpeta/organizacion.html');
 

Saludos.