Jump to content

Jquery Dialog + Lights Off/On


nunolevezinho
 Share

Recommended Posts

Olá estou a fazer uma página com um anúncio publicitário.

Quero que quando os utilizadores abrirem a página apareça um dialog com a tal publicidade e que tudo o resto da página fique negro (lights off), quando eles fecharem o dialog a página fica normal (lights on)

Já consegui quase tudo!

Só me falta que ao fechar a dialog, as luzes liguem novamente, o que não estou a conseguir :S

O meu código:

 $("#shadow").css("height", $(document).height()).hide();
 $("#shadow").toggle();

function luzes()
{
  $("#shadow").toggle();
}

 //Campanha
 var $dialogCampanha = $('<div></div>')
  .html('<div align="center" id="campanha_praia"><a href="http://www.dompedro.com/pt/DomPedro/OsHot%C3%A9is/AlgarveDomPedroPortobelo/tabid/566/Default.aspx"><img src="images/vilamoura-beach.png"/></a></div>')
  .dialog({
autoOpen: true,
width: 430,
resizable: false,
closeOnEscape: true,
closeText: 'Fechar',
beforeClose: luzes(),
title: 'Passe Férias no Algarve'
  });

<style>
#shadow {background-image:url(images/shade1x1.png); position:absolute; left:0; top:0; width:100%; z-index:100;}
</style>

Fim da página:

<div id="shadow"></div>

Se eu não meter o atributo beforeClose, ele funciona, mas nao liga as luzes.

Se eu meter o atributo beforeClose, ele não apaga as luzes sequer.

Source: http://docs.jquery.com/UI/Dialog

Edited by nunolevezinho
Link to comment
Share on other sites

Usa classes para o CSS, não uses id's.

O que deves fazer é retirar essa classe dos nodes do DOM quando é para fazer lights on.

Ajudava mais se usasses HTML4 ou HTML5, mesmo assim.

Edited by brunoais

"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Link to comment
Share on other sites

Fiz uma função para depois chamar quando fechar o dialog. Mas ela, mal que a página carrega, executa-a automaticamente 😕 isso é normal?

Depende do código.

De qq modo, eu uso pouco o jQuery, não sei as manhas de funcionamento dele.

Edited by brunoais

"[Os jovens da actual geração]não lêem porque não envolve um telecomando que dê para mirar e atirar, não falam porque a trapalhice é rainha e o calão é rei" autor: thoga31

Life is a genetically transmitted disease, induced by sex, with death rate of 100%.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.