Preciso que desabilite toda a tela até carregar o site 100%

[RaphaelCorrea 0]

Preciso q toda vez q eu abrir uma pagina no meu site, ela só habilite o conteudo depois de tudo carregado!

[Evandro Oliveira 331]

Faça o layout com tabela que você consegue.

 

Brincadeiras à parte, você pode trabalhar com buffers

[RaphaelCorrea 0]

Não daria certo no meu caso !

[Evandro Oliveira 331]

Porque?

[wilnet 92]

Olá RaphaelCorrea blza!

 

Veja se este exemplo te ajuda.

 

LINK

 

Espero ter ajudado,

 

vlw

[RaphaelCorrea 0]

Ajudou sim em uma parte, mas ainda tem uma parte onde estou com problema...

No caso quando eu clico em salvar em um formulario, se o usuario clicar mais de uma vez seguida, ele ativa varias vezes o script salvando varias vezes o registro.

[wilnet 92]

você pode bloquear esse botão para que seja clicado apenas uma vez, ou até que seu script seja todo processado.

 

Veja um exemplo:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

<script>
$(document).ready(function() {
$('input:submit').click(function(){
$('p').text("Aguarde...");
$('input:submit').attr("disabled", true);
return false;   
});
});
</script>

<form>
<input type="submit">
</form>

<p> </p>

Espero ter ajudado,

 

vlw

[RaphaelCorrea 0]

Ja tentei deste jeito, mas quando eu uso a opção "required" ele desabilita o botao e não volta...

[Vitor Hugo Fadel 1]

É uma requisição Ajax? Cara, se possível posta o código ai pra darmos uma olhada.

[RaphaelCorrea 0]

não, formulario normal, dentro de um iframe..

<form action="salva.php" method="post">

<div style="float:left;margin-left:20px;margin-top:-10px;">

<div style="width:900px;float:left;margin-bottom:10px;">

<div style="width:310px;float:left;">

<span style="color:red;font-weight:bold;">*</span>

Nome:

<input required name="nome" autofocus type="text" class="texto" value="" style="width:300px;"/>

</div>

</div>

</div>

<div class="content" style="height:380px;">

<div class="tabs-content">

<div class="tabs-menu clearfix">

<ul>

<li><a class="active-tab-menu" href="#" data-tab="tab1">Dados Gerais</a></li>

<li><a href="#" data-tab="tab2">Dados Adicionais</a></li>

<li><a href="#" data-tab="tab3">Dados de Contato</a></li>

<li><a href="#" data-tab="tab4">Dados de Configuração</a></li>

</ul>

</div>

<div style="height:280px;">

<div class="tab1 tabs first-tab">

<div style="" class="montatela">

<div style="width:700px;float:left;margin-bottom:10px;">

<div style="width:150px;float:left;float:left;">

<span style="color:red;font-weight:bold;">*</span>

CPF/CNPJ:

<input required name="cpf" type="text" class="texto" value="" style="width:140px;"/>

</div>

<div style="width:150px;float:left;float:left;">

<span style="color:red;font-weight:bold;">*</span>

Data Nascimento:

<input required name="nasc" type="date" class="texto" value="" style="width:140px;"/>

</div>

<div style="width:180px;float:left;float:left;">

<span style="color:red;font-weight:bold;">*</span>

Nome Mae :

<input required name="mae" type="text" class="texto" value="" style="width:170px;"/>

</div>

<div style="width:180px;float:left;float:left;">

<span style="color:red;font-weight:bold;">*</span>

Nome Pai:

<input required name="pai" type="text" class="texto" value="" style="width:170px;"/>

</div>

</div>

</div>

<div style="float:left;width:700px;" >

<input id="cadastrar" required name="cadastrar" type="submit" value="Salvar" class="botao" style="margin-left:20px;margin-top:20px;cursor:hand;padding-right:30px;padding-left:30px;"/>

<a href="clientes.php" target="_parent"><input name="voltar" type="button" class="botao" style="padding:10px;cursor:hand;padding-right:20px;padding-left:20px;" value="Voltar" ></a>

<span style="margin-left:10px;">Campos com <span style="color:red;font-weight:bold;" >*</span> são obrigatórios!</span>

</div>

</form>

[Vitor Hugo Fadel 1]

Você está validando esses dados nessa mesma página ou no 'salva.php'?

[RaphaelCorrea 0]

Nesta pagina, usando o required do HTML!

 

 

ainda não consigui resolver esse problema !

[ExtremsX 58]

usando jquery:

$(function() {
    // o codigo aki só é executado quando a pagina é carregada
    // você pode dar um $('body').show(), $('body').load(), etc
});