if you are like me desperate to launch a Mobile app
and with lack of proper login screen for iphone.
with the annoying pop up keypad normally seen on iphone/ipad
I have successfully created a simple elegant keypad for that purpose
it is linked to the ordinary user security database, where i added a new field
called "mobile_pin", which is typical 6 digits numeric.
The coding for the backspace/error correct key as follow:
var dtl = {dialog.Object}.getValue('mobile_pin');
dtl = dtl.substring(0, dtl.length - 1);
{dialog.Object}.setValue('mobile_pin',dtl);
{dialog.Object}.setValue('label1',dtl);
see sample, my number 1 button has these codes.
var dtl = {dialog.Object}.getValue('mobile_pin')+'1';
{dialog.Object}.setValue('mobile_pin',dtl);
{dialog.Object}.setValue('label1',dtl);
my number 2 button has ...
var dtl = {dialog.Object}.getValue('mobile_pin')+'2';
{dialog.Object}.setValue('mobile_pin',dtl);
{dialog.Object}.setValue('label1',dtl);
My "clear" button would have these :
here i actually reset geolocation watch event, in case you had it on,
i then re apply/track/update user's latest GPS coordinate.
there are many field on my dialog.
{dialog.object}.resetForm(false);
{dialog.Object}.geolocation.clearWatch();
{dialog.Object}.setValue('mobile_pin','');
{dialog.Object}.setValue('userid','');
{dialog.Object}.setValue('display_name','');
{dialog.Object}.setValue('label1','');
{dialog.Object}.setValue('ulink','');
{dialog.Object}.setValue('guid','');
{dialog.Object}.setValue('user_password','');
{dialog.Object}.setValue('latitude','');
{dialog.Object}.setValue('longitude','');
navigator.geolocation.getCurrentPosition(geoLocateSuccess,geoLocateFailed,{enableHighAccuracy : true, timeout:15000, maximumAge:30000});
{dialog.Object}.submit();
REMEMBER:
to have a label to represent the keypad entry value, so user can see what is being keyed
"this one very important" to prevent the ipad/iphone virtual keypad from popping up !!!!"
so make sure you keep the actual mobile_pin field hidden....
place this dialog on a simple blank a5w page of your choice
i called it mob_pin.a5w
please insert these meta codes, to prevent iphone user from stretching the display !!!
yes, a fixed size data all the way, user can operate with one had in portrait mode.
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
<meta name="format-detection" content="telephone=no" />
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<script language="javascript">
in addition, on iphone, please download an excellent browser called
"perfect browser" which give you full screen view on your iphone screen.
instead the default with showing other apple tools.
you will like the way alpha5 work on iphone
see picture for more explanation,
the submit, function etc are conditionally disabled,
once the validation match the mobile_pin entry,
your dialog would have user name, password shown.
so the condition , if user_id field <> "" then enable
by the way, once you hit clear, all critical button would be disabled nicely.
100% done under the spirit of sharing & DIY,
no complicated codes.
Ken Tjiaiphone pad.png
and with lack of proper login screen for iphone.
with the annoying pop up keypad normally seen on iphone/ipad
I have successfully created a simple elegant keypad for that purpose
it is linked to the ordinary user security database, where i added a new field
called "mobile_pin", which is typical 6 digits numeric.
The coding for the backspace/error correct key as follow:
var dtl = {dialog.Object}.getValue('mobile_pin');
dtl = dtl.substring(0, dtl.length - 1);
{dialog.Object}.setValue('mobile_pin',dtl);
{dialog.Object}.setValue('label1',dtl);
see sample, my number 1 button has these codes.
var dtl = {dialog.Object}.getValue('mobile_pin')+'1';
{dialog.Object}.setValue('mobile_pin',dtl);
{dialog.Object}.setValue('label1',dtl);
my number 2 button has ...
var dtl = {dialog.Object}.getValue('mobile_pin')+'2';
{dialog.Object}.setValue('mobile_pin',dtl);
{dialog.Object}.setValue('label1',dtl);
My "clear" button would have these :
here i actually reset geolocation watch event, in case you had it on,
i then re apply/track/update user's latest GPS coordinate.
there are many field on my dialog.
{dialog.object}.resetForm(false);
{dialog.Object}.geolocation.clearWatch();
{dialog.Object}.setValue('mobile_pin','');
{dialog.Object}.setValue('userid','');
{dialog.Object}.setValue('display_name','');
{dialog.Object}.setValue('label1','');
{dialog.Object}.setValue('ulink','');
{dialog.Object}.setValue('guid','');
{dialog.Object}.setValue('user_password','');
{dialog.Object}.setValue('latitude','');
{dialog.Object}.setValue('longitude','');
navigator.geolocation.getCurrentPosition(geoLocateSuccess,geoLocateFailed,{enableHighAccuracy : true, timeout:15000, maximumAge:30000});
{dialog.Object}.submit();
REMEMBER:
to have a label to represent the keypad entry value, so user can see what is being keyed
"this one very important" to prevent the ipad/iphone virtual keypad from popping up !!!!"
so make sure you keep the actual mobile_pin field hidden....
place this dialog on a simple blank a5w page of your choice
i called it mob_pin.a5w
please insert these meta codes, to prevent iphone user from stretching the display !!!
yes, a fixed size data all the way, user can operate with one had in portrait mode.
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
<meta name="format-detection" content="telephone=no" />
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
<script language="javascript">
in addition, on iphone, please download an excellent browser called
"perfect browser" which give you full screen view on your iphone screen.
instead the default with showing other apple tools.
you will like the way alpha5 work on iphone
see picture for more explanation,
the submit, function etc are conditionally disabled,
once the validation match the mobile_pin entry,
your dialog would have user name, password shown.
so the condition , if user_id field <> "" then enable
by the way, once you hit clear, all critical button would be disabled nicely.
100% done under the spirit of sharing & DIY,
no complicated codes.
Ken Tjiaiphone pad.png
Comment