Cursor Wait mientras se carga Iframe

joselegolas · #1 (**permalink**) 04/07/2013, 12:24

Hola a todos,

Tengo un formulario que al hacer clic en el submit me muestra el resultado en un iFrame, bien, lo que quiero es que mientras no se carge el resultado del iFrame, el cursor se cambie por el

Código CSS:

Ver originalcursor:wait;

¿Podríais indicarme qué debo hacer? gracias

pzin · #2 (**permalink**) 04/07/2013, 12:33

Pues tendrías que añadir una clase a body mediante JavaScript, y que la clase contenga algo como:

Código CSS:

Ver originalbody.cargando {
  cursor: wait;
}

joselegolas · #3 (**permalink**) 04/07/2013, 13:12

La verdad que no se hacer eso que tu dices con javascript, si me orientas un poco mas te lo agradecería, lo que quiero hacer es algo como cuando en Foros del Web le das a enviar respuesta, que te sale el cursor wait hasta que se termina la accion de enviar respuesta

memoadian · #4 (**permalink**) 05/07/2013, 00:29

pues como dijo pzin, es muy sencillo

Código HTML:

Ver original<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
 
    <!--======== Basic Page Needs =========-->
 
    <meta charset="utf-8">
    <title></title>
 
    <!--======== Styles =========-->
 
    <style type="text/css">
        body{
            min-height:700px;
        }
        .cargando{
            cursor:wait;
        }
    </style>
 
    <!--======== Scripts =========-->
 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $('button').click(function(){
            $('body').addClass('cargando');
        });
    });
    </script>
</head>
<body>
    <button>Click me!</button>
</body>
</html>