Janela bloquei a pagina

[falcao544 11]

Olá pessoal, não sei se é o lugar certo, mas tem vezes que entro em alguns sites e quando você entra aparece de cara uma janela, ou com uma mensagem ou com um formulario para assinar o newsletter ou se cadastrar! Mas essa janela ela "bloqueia" o site, tipo, ela não permite que você clique nos links ou navegue pelo site até que você feche essa janela e o fundo fica meio embaçado! E então pessoal como faz isso?

 

 

Valeu!

[William Bruno 1501]

cria uma DIV e joga ela por cima de tudo... position absolute mesmo..

 

normalmente, fazem um 'overlay' por trás desses modais, ai é a mesma idéia.. uma DIV posicionada absolutamente em relação ao body do documento, e o conteudo dela, seja o form de newsletter, seja qq outra coisa, posicionada em fixed..

 

basicamente a parte dificil aqui é css puro.

[falcao544 11]

Conhece algum exemplo pronto?

[Paulo de Tarso F. M. 24]

Tá uma lista de exemplos prontos:

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://planetozh.com/projects/lightbox-clones/

[falcao544 11]

Valeu! E só pra saber qual o nome disso que eu quero??

 

Valeu! Acho que encontrei o que eu queria nesse site:

 

http://prototype-window.xilinus.com/index.html

 

Mesmo eu tendo achado tem como me ajudar a colocar esses efeitos? Poruqe eu não sei como põe!

eu coloquei esse código no meu HTML:

 

<script type="text/javascript" src="effects.js">

Dialog.alert("Hello", options: {method: 'get'}, {className: "alphacube", width:540, okLabel: "Close"});

</script>

 

Mas não funciona!

[Paulo de Tarso F. M. 24]

Bom, o nome disso é Lightbox ou Janelas modais. Agora, para poder implementar em seu site terá que ler a documentação do plugin escolhido. Normalmente eles possuem uma área explicando como instalar/utilizar, parâmetros que podem ser informados/alterados, etc.

[falcao544 11]

O que eu quero é tipo assim, eu sou o admin do sistema, ai eu seleciono uma pessoa logada no site e mando pra ela uma msg! Aí eu queria que essa mensagemn aparecece nessa Janela Modal! Tem como me ajudar? Eu achei esse artigo do Maujor:

 

http://www.maujor.com/blog/2009/04/16/janela-modal-com-jquery/

 

 

A parte do PHP eu já sei fazer, mas essa janela modal não por isso quero a ajuda de alguem!

 

 

Muito obrigado!

[Paulo de Tarso F. M. 24]

Mas aí que está, você tem que nos informar exatamente qual é a dificuldade... Esse é o objetivo do fórum, tirar dúvidas e auxiliar na resolução de problemas, e não "fazer o trabalho para os outros"...

 

Nós demos os nomes para você, agora você tem que estudar como funciona e montar alguma coisa... Se algo não estiver dando certo, nos informe um link para a página com o problema e analisaremos os códigos em busca de erros e possíveis soluções...

 

Um tutorial voê já tem, agora é seguir as etapas e construir um modelo que se encaixe no seu projeto... Se estiver com dificuldade em entender o tutorial, mesma coisa, nos informe então o que não está entendendo no mesmo...

 

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[falcao544 11]

Vou criar um exemplo:

 

Eu vejo o usuario logado aí eu pego e digito a mensagem e envio, nisso a mensagem é armazenada em um campo chamado Prioridade! Aí assim que o usuario dá um refresh na página é verificado se existem mensagens nesse campo, para aquele usuário! Se tiver exibe em uma caixa modal se não continua normal, aí o certo seri dá um simples echo"";?

 

Porque no tutorial do Maujor ensina usando links e eu quero usando um Verificação!

 

Olhe um exemplo de código:

 

<?php
mysql_connect("", "", "");
mysql_select_db("");
$privado=mysql_query("SELECT privado FROM tabela WHERE usuario='$usuario'");//Eu sei que nao criei essa varival $usuario porque é so um exemplo
if(mysql_num_rows($usuario)>=1){
 echo"";//Aqui é o problema não sei como colocar essa janela modal para ser exibida! e ao usuario clicar ok a //mensagem tem que ser excluida e como eu nao sei ajax pensei em fazer com que o usuario fosse redirecionado
exit();
}
?>

[Paulo de Tarso F. M. 24]

Meu caro falcao544, você disse que não sabe Ajax, mas nesse caso seria a melhor opção mesmo... Com Ajax você verifica se existe alguma mensagem automaticamente sem aguardar que o usuário dê o refresh na página, tipo, a cada X segundos... Bem melhor...

 

Recomendação: utilize jQuery para isso...

 

http://forum.imasters.com.br/public/style_emoticons/default/seta.gif http://api.jquery.com/category/ajax/

 

 

E é assim, a página que faz essa consulta no banco de dados irá retornar o conteúdo da janela modal... Agora, montar a janela modal, siga o tutorial e volte aqui quando empacar de novo...

 

http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

[falcao544 11]

Deixa quieto! To lendo um livro sobre JavaScript depois que eu terminar ele ai eu volto a mexer com isso! VOu usar alert msm! Mesmo assim Muito obrigado pela atenção e paciência!