usar dos SCRIPT en una sola accion

[jmm87]

hola buen dia
necesito que los botones de esta lista

Código HTML:

<ul id="menu">
                            <li><a href="inicio.html">Inicio</a></li>
                            <li><a href="historia.html" target="frame">Historia</a></li>
                            <li><a id="productos">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>
 

carguen con jquery un html dentro de un frame(ejemplo: historia.html)

Código HTML:

<iframe name="frame" id="frame "src="inicio.html" width="100%" height="300" frameborder="0" scrolling="no" AllowTransparency>
                Su navegador no soporta frames
                </iframe>
 

y antes de cargarlo ejecute esta funcion:

Código java:

$(document).ready(function(){
        //eliminamos el scroll de la pagina
        $("body").css({"overflow-y":"hidden"});
        //guardamos en una variable el alto del que tiene tu browser que no es lo mismo que del DOM
        var alto=$(window).height();
        //agregamos en el body un div que sera que ocupe toda la pantalla y se muestra encima de todo
        $("body").append("< div id="pre-load-web">< div id="imagen-load">< img src="http://www.climatizacionserper.com.ar/loading.gif" alt="" />Cargando productos...</ div></ div>"); 
        //le damos el alto 
       $("#pre-load-web").css({height:alto+"px"}); 
       //esta sera la capa que esta dento de la capa que muestra un gif 
       $("#imagen-load").css({"margin-top":(alto/2)-30+"px"}); 
})     
$(window).load(function(){ 
$("#pre-load-web").fadeOut(1000,function() { //eliminamos la capa de precarga $(this).remove();
//permitimos scroll 
$("body").css({"overflow-y":"auto"}); }); 
 
})
 

para poder hacer un preload.
si alguien me puede ayudar me harian un favor!!
el tema es que el html de inserta en el frame(que no ocupa toda la pantalla).. y el preload que se ejecuta tiene q cubrir toda la pantalla no solo el sector del frame
Me hago entender?

[maycolalvarez]

puedes perfectamente añadir la llamada a una función en el onclick de cada vinculo:

Código HTML:

<li><a onclick="ejecutar(); return true;" href="inicio.html">Inicio</a></li>
 

o asignarlo desde jquery.

eso si, las funciones que tienes como anónimas debes de darle nombre, de otro modo no podrás asociar

de hecho pudes colocar el resultado de la función como return e impedir al devolver false que se cargue el iframe.

[sphiros]

Para esto puedes usa [URL="http://fancybox.net/"]Fancybox[/URL] o [URL="http://lokeshdhakar.com/projects/lightbox2/"]Lightbox[/URL] son fáciles de usar y ya tienen integrado el preload que necesitas.