как отобразить div в полях ввода в jquery

#jquery #datepicker #tooltip

#jquery #средство выбора даты #всплывающая подсказка

Вопрос:

я создаю форму jquery. Где мне нужно отображать div только в тех полях ввода, где я нажимаю. (как подсказка .. но не совсем) … да .. вы можете назвать это как datepicker…

Спасибо —- обновлено

Javascript:

  <script>
        $(document).ready(function() {

            $('#months :input').click(function(){
                xpos = $(this).css('left');
                ypos = $(this).css('top');
                var dateField = $(this);

                $('#calender').addClass('calender_visible');
                var m = $('#calender .picker_month :selected').val();
                var y = $('#calender .picker_year :selected').val();


                $('#calender :button').click(function(){
                    dateField.val(m '/' y);
                    $('#calender').removeClass('calender_visible');

                })

            })

        });

        </script>

CSS:

 <style>
    .calender_hidden{
        display:none;
    }

.calender_visible{
    display:block;
    position:relative;
background-color:#CCCCCC;
width:120px;

    height:50px;
  }
</style>

HTML:

     <input name="month2"  />

    <input name="month3"  />

    <input name="month4"  />

    <input name="month5"  />
    </div>




    <div id="calender" class="calender_hidden" > 

    <select  class="picker_month">
        <option value="Jan">Jan</option>
        <option value="Feb">Feb</option>
        <option value="Mar">Mar</option>
        <option value="Apr">Apr</option>
    </select>

    <select  class="picker_year">
        <option value="2001">2001</option>
        <option value="2002">2002</option>
        <option value="2003">2003</option>
        <option value="2004">2004</option>
    </select>
    <input type="button" value="close" />
    </div>

Теперь вопрос в том… я хочу отображать этот маленький календарь только в выбранном мной div… но это не отображается под объектом, на который я нажал… как я меняю положение каждый раз, когда нажимаю на поля ввода.

1. что у вас есть на данный момент?

2. можем ли мы увидеть некоторый html и некоторый код, который вы пробовали, и, возможно, некоторые ошибки, которые вы получаете, если таковые имеются

3. Спасибо!… это могло бы быть приятнее, если бы вы спросили меня, а не отмечали меня. 🙁 . я новичок в jquery. ищу помощь .. мне нужно отобразить всплывающее окно, когда я нажимаю на какой-либо ввод field..ie . кнопка.. в любом случае .. спасибо yuo

4. Я лично не голосовал против вас, однако мой ввод все еще остается в силе, нам нужно увидеть ваш HTML и любой код, который вы пробовали

Ответ №1:

Если вам нужен указатель даты, вы можете использовать его в пользовательском интерфейсе jquery

http://jqueryui.com/demos/datepicker/

1. он не запрашивал средство выбора даты

2. это один из тегов, и он сказал, что это средство выбора даты. Я просто предложил ему использовать библиотеку вместо того, чтобы писать код самому, поскольку у него не было большого опыта работы с jquery

3. Большое спасибо вам обоим за ваших ребят … 🙂 .. действительно .. .. мне нравится разрабатывать все самому .. я начал изучать jquery неделю назад .. и я работаю над этим по 3 часа ежедневно.. это действительно просто… я не только практикую это .. я работаю над реальным проектом (мой университет)…

Ответ №2:

Не уверен, пытаетесь ли вы зафиксировать щелчок для ввода, такого как кнопка, или фокус для ввода, такого как ввод текста. В любом случае, захватить событие в jQuery легко:

 //capture click event
$('input#id').click(function() {
       $('div#id').show();
}
//capture focus event (such as clicking in a text input field)
$('input#id').focus(function() {
       $('div#id').show();
}

Надеюсь, это поможет

Ответ №3:

вам следует взглянуть на jQuery UI, там есть dialog (), который, вероятно, настолько близок, насколько вы сможете, пока не будет разработана всплывающая подсказка