Foros del Web - Ver Mensaje Individual

destor77 · #1 (**permalink**) 07/10/2009, 13:35

Buenas, estoy intentando hacer el famoso "cargando...." pero no logro hacerlo andar como quiero, ahora lo único que haces es mostrarme el efecto siempre, y no desaparece ni me oculta toda la pagina. En que le estoy errando jeje

el codigo del js es:

Código javascripts:

Ver original$(document).ready(function(){
   $("#preloader").css("display","none");
   $("#wrapper").css("display","block");
});
$(function() {                  
            $("#dialog").dialog({
                bgiframe: true,
                autoOpen: false,
                resizable: false,
                height:140,
                modal: true,
                overlay: {
                    backgroundColor: '#000',
                    opacity: 0.5
                },
                buttons: {
                    'Si': function() {
                        var url =$('#delete').attr("href");                     
                        location.href=url;                      
                    },
                    'Cancelar': function() {
                        $(this).dialog('close');
                    }
                }
            });                    
 
            $('#delete').bind("click", function(){  
               $('#dialog').dialog('open');  
               return false;
            });  
            
            $('#mensaje').click(function(){               
                 $("#mensaje").slideUp();           
            });
            
            
});

mi css es:

Código css:

Ver original/* Basic  ---------------------------------------- */
 
.clear { clear: both; }
 
body {
    background: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #646464;
    text-align: center;
}
 
#wrapper {
    text-align: left;
    width: 930px;
    margin: 0 auto;
    display: none;
}
 
#preloader{                            
    top: 0; right: 10px;
    position:relative;
    z-index:10;
    width: 132px; height: 38px;
    background: url(../images/loading.gif) no-repeat;
    cursor: wait;
    text-shadow: 0px 1px 0px #fefefe;  //webkit 
                              
}

y mi html es:

Código html:

Ver original<?php
/**
 * header.php
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Administración - Websa100</title>
<link rel="shortcut icon" href="images/favicon.ico" />
<!-- CSS -->
<link href="<? echo CSS;?>transdmin.css" rel="stylesheet" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="<? echo CCS;?>ie6.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="<? echo CS;?>ie7.css" /><![endif]-->
 
<!-- JavaScripts-->
<script type="text/javascript" src="<? echo JS;?>jquery.js"></script>
<script type="text/javascript" src="<? echo JS;?>jNice.js"></script>
 
<link type="text/css" href="<? echo CSS;?>ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />  
<script type="text/javascript" src="<? echo JS;?>jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<? echo JS;?>jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="<? echo JS;?>ui.dialog.js" ></script>  
<script type="text/javascript" src="<? echo JS;?>ui.core.js" ></script>  
<script type="text/javascript" src="<? echo JS;?>funciones.js" ></script> 
 
 
 
</head>
 
<body>
    <div id="preloader">Cargando... Espere Por Favor</div>
    <div id="wrapper">          
        <!-- h1 tag stays for the logo, you can use the a tag for linking the index page -->
        <h1><a href="#" title="Websa100"><span>Websa100</span></a></h1>

desde ya muchas gracias