MODAL POPUP

GUSTAVOCANALLI 02/05/2011 01:43:30
#372930

BOA NOITE.

TO COM UM CODIGO JQUERY PARA MODAL POPUP QUE ESTA FUNCIONANDO. POREM, QUANDO INSIRO UM BUTTON NO ASP.NET E CLICO NO MESMO, O POPUP FECHA.

ALGUEM PODERIA ME AJUDAR?

SEGUE ABAIXO O CODIGO DO JQUERY E DO HTML:

JQUERY:

$(document).ready(function() {

$([ô]a[name=modal][ô]).click(function(e) {
e.preventDefault();

var id = $(this).attr([ô]href[ô]);

var maskHeight = $(document).height();
var maskWidth = $(window).width();

$([ô]#mask[ô]).css({[ô]width[ô]:maskWidth,[ô]height[ô]:maskHeight});

$([ô]#mask[ô]).fadeIn(1000);
$([ô]#mask[ô]).fadeTo([Ô]slow[Ô],0.8);

//Get the window height and width
var winH = $(window).height();
var winW = $(window).width();

$(id).css([ô]top[ô], winH/2-$(id).height()/2);
$(id).css([ô]left[ô], winW/2-$(id).width()/2);

$(id).fadeIn(2000);

});

$([ô].window .close[ô]).click(function (e) {
e.preventDefault();

$([ô]#mask[ô]).hide();
$([ô].window[ô]).hide();
});

$([ô]#mask[ô]).click(function () {
$(this).hide();
$([ô].window[ô]).hide();
});

});

HTML:

<div id=[Ô]boxes[Ô]>

<!-- Janela Modal com caixa de diálogo -->
<div id=[Ô]dialog1[Ô] class=[Ô]window[Ô]>
<div class=[Ô]d-header[Ô]>
<input type=[Ô]text[Ô] value=[Ô]usuario[Ô] onclick=[Ô]this.value=[ô][ô][Ô]/><br/>
<input type=[Ô]password[Ô] value=[Ô]Password[Ô] onclick=[Ô]this.value=[ô][ô][Ô]/>
</div>
<div class=[Ô]d-blank[Ô]></div>
<div class=[Ô]d-login[Ô]><input type=[Ô]image[Ô] alt=[Ô]Login[Ô] title=[Ô]Login[Ô] src=[Ô]login-button.png[Ô]/></div>

</div>
<!-- Fim Janela Modal com caixa de diálogo -->

<!-- Máscara para cobrir a tela -->
<div id=[Ô]mask[Ô]></div>

</div>