2012-02-22 8 views
0

Как добавить фокус в всплывающее окно в этом коде, пожалуйста, помогите мне кому-нибудь.всплывающее окно javascript (как добавить фокус в всплывающее окно)

<script> 

$(document).ready(function() { 

    //select all the a tag with name equal to modal 
    $('a[name=modal]').click(function(e) { 
     //Cancel the link behavior 
     e.preventDefault(); 

     //Get the A tag 
     var id = $(this).attr('href'); 

     //Get the screen height and width 
     var maskHeight = $(document).height(); 
     var maskWidth = $(window).width(); 

     //Set heigth and width to mask to fill up the whole screen 
     $('#mask').css({'width':maskWidth,'height':maskHeight}); 

     //transition effect  
     $('#mask').fadeIn(10); 
     $('#mask').fadeTo("fast",0.8); 

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


     //Set the popup window to center 
     $(id).css('top', winH/8-$(id).height()/2); 
     $(id).css('left', winW/2.5-$(id).width()/2); 

     //transition effect 
     $(id).fadeIn(100); 

    }); 

    //if close button is clicked 
    $('.window .close').click(function (e) { 
     //Cancel the link behavior 
     e.preventDefault(); 

     $('#mask').hide(); 
     $('.window').hide(); 
    });  

    //if mask is clicked 
    $('#mask').click(function() { 
     $(this).hide(); 
     $('.window').hide(); 
    });   

}); 

</script> 
+3

Где вы создаете всплывающее окно? Я не вижу window.open(). – j08691

+0

Не видите всплывающее окно, созданное в коде ..... – Soren

ответ

0

Я думаю, ваша проблема заключается, что вы ожидаете, эта линия

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

, чтобы дать вам ссылку на более window или <div> (ваш код будет почти иметь смысл, если это было дел), и что div был наложением (не всплывающим).

Я думаю, вам нужно найти код, который создает наложение, а затем вы можете «show()« и ». focus()« на одном из полей внутри div.