Bunu nasıl yapabilirim

12-10-2009, 11:57:02

İşin içinden çıkamadığım bir sorun. Yapabilecek arkadaş var mı acaba

Şifre1 ve tekrar şifrenizi yazın alanlarına rakamları javascript keypad kullanarak girdirmek istiyorum.
Lakin jquery kullanmak istemiyorum.

<form action="" method="post" class="" name="numPad">
<table cellpadding="2" cellspacing="2" border="0" width="44">
<tr>
     <td colspan="3" align="center">
		<p align="right">Şifreniz<input type="text" name="quantity" size="10"></td>
</tr>
<tr>
     <td colspan="3" align="center">
		<p align="right">Şifre2<input type="text" name="quantity1" size="10"></td>
</tr>
<tr>
     <td><input type="button" value="  1  " onclick = "document.numPad.quantity.value =document.numPad.quantity.value+ this.value"></td>
     <td><input type="Button" value="  2  "  onclick = "document.numPad.quantity.value =document.numPad.quantity.value+ this.value"></td>
     <td><input type="Button" value="  3  "  onclick = "document.numPad.quantity.value =document.numPad.quantity.value+ this.value"></td>
</tr>
<tr>
     <td><input type="Button" value="  4  "  onclick = "document.numPad.quantity.value =document.numPad.quantity.value+ this.value"></td>
     <td><input type="Button" value="  5  "  onclick = "document.numPad.quantity.value =document.numPad.quantity.value+ this.value"></td>
     <td><input type="Button" value="  6  "  onclick = "document.numPad.quantity.value =document.numPad.quantity.value+ this.value"></td>
</tr>
<tr>
     <td><input type="Button" value="  7  "  onclick = "document.numPad.quantity.value =document.numPad.quantity.value+ this.value"></td>
     <td><input type="Button" value="  8  "  onclick = "document.numPad.quantity.value =document.numPad.quantity.value+ this.value"></td>
     <td><input type="Button" value="  9  "  onclick = "document.numPad.quantity.value =document.numPad.quantity.value+ this.value"></td>
</tr>
<tr>
     <td colspan="3">
		<p align="center">
		<input type="button" value="       0         "  onclick = "document.numPad.quantity.value =document.numPad.quantity.value+ this.value"></td>
</tr>
</table>
</form>

12-10-2009, 12:00:14

#2

ByMsT

Misafir

Making a Javascript "Keypad"? : keypad, javascript

Şu linkler belki yardımcı olabilir

Birde bunlar

Virtual Keyboard - jQuery Keypad Plugin

12-10-2009, 12:03:09

#3

Gehinnom

jQuery ;

jQuery Keypad

12-10-2009, 12:05:45

#4

Misafir

Onları incelemiştim ama onlarda 1 tane kutucuk var. Ben 2 tane kutucuklu istiyorum. Benim kodu bilgisayarında çalıştırırsan ne demek istedigimi daha iyi anlarsın. Javascript bilgim yetmiyor ilerlemeye

jquery ile yapmak istemiyorum.

Bunu çözebilirsem mantığını benim asıl istediğim Türkçe karekterleri olmayan kullanıcılardan giriş yapılabilecek bir form yapacağım.

12-10-2009, 12:12:31

#5

ByMsT

Misafir

Çift kutucuklu derken 2 inputtadamı kutucuk olacak anlamadım

12-10-2009, 12:14:12

#6

Misafir

ByMsT adlı üyeden alıntı: mesajı görüntüle

Çift kutucuklu derken 2 inputtadamı kutucuk olacak anlamadım

2 input olacak. mouse onclick neredeyse yandaki butonlara basınca oraya deger girilecek.

12-10-2009, 12:46:40

#7

ByMsT

Misafir

Yaptım Sanırım

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery Keypad</title>
<style type="text/css">
@import "css/jquery.keypad.css";
</style>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.keypad.js"></script>
<script type="text/javascript">
$(function () {
    $('#defaultKeypad').keypad();
});
$(function () {
    $('#defaultKeypad2').keypad();
});
</script>
</head>
<body>
<h1>jQuery Keypad Basics</h1>

<p>This page demonstrates the very basics of the
    <a href="http://keith-wood.name/keypad.html">jQuery Keypad plugin</a>.
    It contains the minimum requirements for using the plugin and
    can be used as the basis for your own experimentation.</p>
<p>For more detail see the <a href="http://keith-wood.name/keypadRef.html">documentation reference</a> page.</p>
<p><input type="text" id="defaultKeypad">
<input type="text" id="defaultKeypad2"></p>
</body>
</html>

Dosyalar

dosyalar.rar

12-10-2009, 13:00:22

#8

~~sdemirkeser~~

Üyeliği durduruldu

jquery e kullanmak istemiyorsaniz aşağıdaki gibi işinizi görür;

<script language="javascript">
var nereye = 'quantity';
function tusGir(tus){
	eval( 'document.numPad.'+nereye + '.value = document.numPad.'+nereye + '.value+' + tus );
}
</script>
<form action="" method="post" class="" name="numPad">
<table cellpadding="2" cellspacing="2" border="0" width="44">
<tr>
     <td colspan="3" align="center">
		<p align="right">Şifreniz
		  <input type="text" name="quantity" size="10" onfocus="nereye='quantity';"></td>
</tr>
<tr>
     <td colspan="3" align="center">
		<p align="right">Şifre2
		  <input type="text" name="quantity1" size="10" onfocus="nereye='quantity1';"></td>
</tr>
<tr>
     <td><input type="button" value="  1  " onclick = "tusGir('1');"></td>
     <td><input type="Button" value="  2  "  onclick = "tusGir('2');"></td>
     <td><input type="Button" value="  3  "  onclick = "tusGir('3');"></td>
</tr>
<tr>
     <td><input type="Button" value="  4  "  onclick = "tusGir('4');"></td>
     <td><input type="Button" value="  5  "  onclick = "tusGir('5');"></td>
     <td><input type="Button" value="  6  "  onclick = "tusGir('6');"></td>
</tr>
<tr>
     <td><input type="Button" value="  7  "  onclick = "tusGir('7');"></td>
     <td><input type="Button" value="  8  "  onclick = "tusGir('8');"></td>
     <td><input type="Button" value="  9  "  onclick = "tusGir('9');"></td>
</tr>
<tr>
     <td colspan="3">
		<p align="center">
		<input type="button" value="       0         "  onclick = "tusGir('0');"></td>
</tr>
</table>
</form>

eval kismi document.getelementby id ile daha tatli gorulur aslinda ama yapiniz ile ayni olsun diye boyle kivirdim :P

12-10-2009, 13:04:48

#9

Misafir

sdemirkeser çok teşekkür ederim. Tam istediğim şey buydu
ByMsT sanada teşekkürler