[Resolvido] Modal Automatico

[Miguel Rocha1 0]

pessoal precisava de uma ajudinha para por o seguinte codigo abrir automaticamente, quando abrem a pagina

 

<script type="text/javascript" language="javascript">
$(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(800);	
$('#mask').fadeTo("slow",0.8);	
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(1800); 
});	
$('.window .close').click(function (e) {
e.preventDefault();
$('#mask').hide();
$('.window').hide();
});	
$('#mask').click(function () {
$(this).hide();
$('.window').hide();
});});
</script>

 

obrigado desde de ja

[William Bruno 1501]

retire a referencia do .click()

 

e altere oq estiver usando o objeto this, para o link que você queria.

[Miguel Rocha1 0]

sera que me poderia dar um exemplo de como ficaria ?

sou iniciante em jquery

[William Bruno 1501]

não rola eu "fazer por você".

 

tente fazer oque eu disse, e poste conforme tiver dúvidas.

Vá fazendo e testando. Debugue apertando Ctrl+Shift+J no Firefox.

[Miguel Rocha1 0]

alterar this para o link que queria como assim?

meter o link da pagina?

[William Bruno 1501]

var id = $(this).attr('href');

alterar para:

 

var id = '#href_que_estava_na_tag_a';

[Miguel Rocha1 0]

 <script type="text/javascript" language="javascript">

$(document).ready(function() {  

$('modal').click(function(e){e.preventDefault();

var id = $(this).attr('#lang');
var maskHeight = $(document).height();
var maskWidth = $(window).width();

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

$('#mask').fadeIn(800); 

$('#mask').fadeTo("slow",0.8);  

var winH = $(window).height();

var winW = $(window).width();

$(lang).css('top', winH/2-$(id).height()/2);

$(lang).css('left', winW/2-$(id).width()/2);

$(lang).fadeIn(1800); });     

$('.window .close').click(function (e) {e.preventDefault();

$('#mask').hide();
$('.window').hide();});     
$('#mask').click(function () {
$(this).hide();
$('.window').hide();});});

</script>

 

assim amigo?

 

<a href="#lang" name="modal"> Teste </a>

 

<script type="text/javascript" language="javascript">

$(document).ready(function() {  

$('modal').click(function(e){e.preventDefault();

var id = '#lang';
var maskHeight = $(document).height();
var maskWidth = $(window).width();

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

$('#mask').fadeIn(800); 

$('#mask').fadeTo("slow",0.8);  

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(1800); });     

$('.window .close').click(function (e) {e.preventDefault();

$('#mask').hide();
$('.window').hide();});     
$('#mask').click(function () {
$(this).hide();
$('.window').hide();});});

</script>

 

consegui amigo

 

codigo final :

 

<script type="text/javascript" language="javascript">

$(document).ready(function() {  

var id = '#lang';
var maskHeight = $(document).height();
var maskWidth = $(window).width();

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

$('#mask').fadeIn(800); 

$('#mask').fadeTo("slow",0.8);  

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(1800); });     

$('.window .close').click(function (e) {e.preventDefault();

$('#mask').hide();
$('.window').hide();});     
$('#mask').click(function () {
$(this).hide();
$('.window').hide();});

</script>

 

obrigado pela ajuda