JQuery Virtual Keypad

[Gökhan TAYLAN]

Virtual Keyboard'dan Sonra İstek Üzerine Çok Fonksiyonlu JQuery Virtual Keypad

Fonksiyonları Saymakla Bitmez ! Siteyi Ziyaret Edin.

Opencart 1.4.x.x ve 1.5.x.x tüm sürümler ve Tüm Siteler İçin

Site : http://keith-wood.name/keypad.html

İstediğiniz Bölümün TPL dosyasına eklemeniz yeterlidir.

-Ekteki Dosyaları Direk Yükleyin !
-

<input type="password" id="imageKeypad" name="password" value="" />


Hemen Altına !

<style type="text/css">
	@import "catalog/view/javascript/keypad_oc/jquery.keypad.css";
	</style> 
<script type="text/javascript" src="catalog/view/javascript/keypad_oc/jquery.keypad.js"></script>
<script type="text/javascript" src="catalog/view/javascript/keypad_oc/jquery.keypad-tr.js"></script>

<script type="text/javascript">
$(function () {
	$('#imageKeypad').keypad({showOn: 'both', 
    buttonImageOnly: true, buttonImage: 'catalog/view/javascript/keypad_oc/keypad.png'});
});
</script>

Fonksiyonlar : Her Fonksiyona Göre id Değerlerini Değiştirin örnek id="randomKeypad"

$('#defaultKeypad').keypad();  // Default 

$('#randomKeypad').keypad({showOn: 'both', randomiseNumeric: true}); // Rasgele Rakamlar Her Açılışta
	
	
$('#imageKeypad').keypad({showOn: 'both', 
    buttonImageOnly: true, buttonImage: 'catalog/view/javascript/keypad_oc/keypad.png'}); // Resimli Keypad

Farklı Seçenekler için : http://keith-wood.name/keypad.html

 

[ftp.pusula]

Süper ya..Yarın ilk işim bu olcak Eline Sağlık..

 

[yigit0can]

Güzel kardesim açıklamanı anlayamadım giriş bölüne ekleyecem ama çok karışık ne yapmalıyım

 

[Gökhan TAYLAN]

1.4 kullanıyorsanız :

login modülü için : catalog/view/theme/SİZİNTEMANIZ/template/module/login.tpl

login giriş bölümü için ise : catalog/view/theme/SİZİNTEMANIZ/template/account/login.tpl

1.5 bu mantıkla TPL dosyaları bulunarak yapılabilir
keypadın sadece tuş takımı olan tarzı giriş bölümleri için önerilmez sadece sanal pos için önerebilirim.

Güzel kardesim açıklamanı anlayamadım giriş bölüne ekleyecem ama çok karışık ne yapmalıyım

 

[By_Surmeneli]

biraz araştırma yaptım


catalog/view/theme/default/template/module/login.tpl

bunu bul

<input type="password" name="password" value="" />

Değiştir

<input type="password" id="imageKeypad" name="password" value="" />


Hemen ardına ekle

<style type="text/css">
@import "catalog/view/javascript/keypad_oc/jquery.keypad.css";
</style>
<script type="text/javascript" src="catalog/view/javascript/keypad_oc/jquery.keypad.js"></script>
<script type="text/javascript">
$(function () {
$('#imageKeypad').keypad({showOn: 'both',
buttonImageOnly: true, buttonImage: 'catalog/view/javascript/keypad_oc/keypad.png'});
});
</script>

 

[engintopcuoglu]

Güzel paylaşım işime yarıcak gibi. Teşekkürlen.