jquery의 입력 필드에 div를 표시하는 방법

jquery 양식을 만들고 있습니다. 어디에서 내가 클릭하는 입력 필드에만 div를 표시해야하는지. (도구 팁 ..하지만 정확히 같은) ... 나중에 .. 당신이 ---- jquery의 입력 필드에 div를 표시하는 방법

감사합니다 ... 날짜 선택기처럼 호출 할 수 있습니다 업데이트
자바 스크립트 :

<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>

이제 문제는 난 단지 내가 선택 사업부에이 작은 달력을 표시 할 ...입니다 ...하지만 내가 클릭 한 개체 아래 표시되지 않습니다 입력 필드를 클릭합니다.

출처

2011-04-26 MFarooqi

너 지금까지 있었 니? – LostLin

우리는 당신이 시도한 일부 html과 코드를 볼 수 있습니까? 아마도 어떤 에러가 났을 때 – mcgrailm

고맙습니다 ... 나를 표시하는 대신 나에게 묻는다면 더 좋을 수 있습니다. :(. jquery.에 대한 새로운. 도움을 찾고 .. 일부 입력 필드를 클릭하면 팝업을 표시 할 필요가 .. 어쨌든 .. 감사합니다. yuo – MFarooqi

당신은 날짜 선택기 당신이 입력에 대한 클릭을 캡처하려는 경우 버튼과 같은

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

출처

2011-04-26 17:33:20 LostLin

그는 datepicker를 묻지 않았다. – mcgrailm

태그 중 하나가 그가 데이트 피커와 비슷하다고 말했을 뿐이다. 나는 단순히 코드를 쓰는 대신 라이브러리를 사용할 것을 제안했다. 그 이후로 그는 jquery에 대한 많은 경험이 없었기 때문에 – LostLin

ok 나는 그 다음 op의 가난한 설명을 받아 들일 것이다 – mcgrailm

확실하지 JQuery와 UI에 하나를 사용하거나 입력 초점을 맞출 수 원하는 경우 텍스트 입력과 같은 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(); 
}

희망이 당신이 툴팁이 devleoped 때까지 그 얻을 아마 거만큼 가까이) (대화가 jQuery UI 봐야한다

출처

2011-04-26 17:37:52 Chad

을하는 데 도움이

무엇

출처

2011-04-26 17:44:10 mcgrailm

jquery의 입력 필드에 div를 표시하는 방법

답변

관련 문제