Фокус в поле ввода всплывающих окон - PullRequest
Новая
       22

Фокус в поле ввода всплывающих окон

0 голосов
/ 22 ноября 2011

Я хотел бы сделать всплывающее окно с очень простой формулой, но когда оно всплывет, мне бы хотелось, чтобы в поле ввода было поле FOCUS. Это не похоже на работу.

Код формы здесь: http://jquery.com/demo/thickbox/

Вы можете мне помочь? 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ThickBox 3.1</title>
<style type="text/css" media="all">
@import "thickbox.css";
</style>

<link rel="alternate stylesheet" type="text/css" href="css/1024.css" title="1024 x 768" />

<script src="jquery-latest.js" type="text/javascript"></script>
<script src="thickbox.js" type="text/javascript"></script>
<script src="js/global.js" type="text/javascript"></script>
</head>
<body>
            <p style="padding-top:10px"><input alt="#TB_inline?height=100&amp;width=300&amp;inlineId=myOnPageContent" onClick="document.getElementById('myControl').focus();" title="Type in new Bnumber" class="thickbox" type="button" value="Show" /> 
            <div id="myOnPageContent">
                <center>
                <br><br>
                <form name="input" action="" method="post">
                    <table>
                        <tr>
                        <td>
                            <b>Username: </b> <input id="myControl" type="text" name="user" />
                        </td>
                        </tr>
                        <tr align="right">
                        <td>
                            <input type="submit" value="Submit" />
                        </td>
                        </tr>
                    </table>
                </form>
                </center>
            </div>
</body>
</html>

1 Ответ

1 голос
/ 22 ноября 2011

Если в заголовке файла, который вы поместили, 

$(document).ready(function() {
    $('#firesPopup').click(function(){
         setTimeout($('#myControl').focus(), 1000);
    });
});

Теперь это фокусируется на поле ввода?После того, как вы нажмете на кнопку, всплывающее окно сработает, оно будет ждать 1 секунду, прежде чем поместит фокус на поле ввода.

...