입력이있는 자체 숫자판 만들기

Question

웹에서 숫자 패드로 작동하는 데 자신의 numpad를 사용하는 방법에 대한 팁을 웹에서 검색했습니다.

나는이 웹 사이트에서 동일한 div의 텍스트 필드에 입력 할 수있는 숫자가 있습니다. 나는 각 버튼에 값을 주었고, 숫자가 내 텍스트 필드에 추가 될 수 있도록 더 많은 것을 만들어야한다고 생각합니다.

저는 프로그래밍을하는 초보자이기 때문에 정말 쉽습니다. 도와 주셔서 감사합니다!

Answer 1

jQuery를 사용하면됩니다. jQuery는 간단한 쉬운 솔루션 (jQuery는 일반적으로 더 쉽고 빠름)이 필요한 경우에 더 좋습니다.

는

HTML :

<div id="myDiv"> </div> //the div to which we add text 

<div id="buttonContainer">   //this is the div containing the numbers (the numpad) 
<button value="one"> one </button> 
<button value="two"> two </button> 
</div> 

jQuery를이 :

$("#buttonContainer button").click(function() { 
    $("#myDiv").append($(this).val()); 
}); 

http://jsfiddle.net/DLzUU/1/

이것이 않는 것은 : 당신이 'buttonContainer'의 ID로 사업부 내부의 버튼을 클릭하면, 그것의 추가 ID가 "myDiv"인 div에 대한 값입니다. 당신이 아주 좋은 가이드하려면 자바 스크립트 주제에

은 : 당신이 http://keith-wood.name/keypad.html keypad example을 시도 할 수 있습니다 http://javascript.info/

Answer 2

자바 스크립트를 배우려면 무엇이 필요합니다. javascript를 사용하면 코드를 작성하여이 작업을 수행 할 수 있습니다.

<script> 

    function AddValueToTextField(val) 
    { 
     document.getElementByID(<textfiled ID>).value += val; 
    } 

</script> 

<button onClick="AddValueToTextField(this.value)"></button> 

이 매우 기본적이지만이 필요한 사항의 거친 아이디어, 버튼은 클릭하면 기능 "AddValueToTextField"를 호출하도록 설정되어 있습니다. 함수가 호출 될 때 버튼의 값이 함께 전달됩니다. 함수 내부가 텍스트 필드에 대한 핸들을 얻고 이미 있었다 무엇이든에있는 버튼의 값을 추가, 내가 보는 게 좋을 것 :

http://www.w3schools.com/js/

을 자바 스크립트를 배우기 시작하는 장소로.

Answer 3

을,이

Answer 4

$(document).ready(function(){ 
var selected; 
$(".admin_loginid input").focus(function(){ 
    selected = $(this); 
}); 

$(".loginbtn").click(function(){ 
    selected.val(selected.val() + $(this).val()); 
}); 

}); 

가 그런 식으로 해결 멋진 예이며, 정말 잘 작동, 도와 주셔서 감사합니다! 이제 선택한 입력 상자에 내가 작성한 숫자판의 입력이 적용됩니다.