Internationalisation keyboard support in phonegap html5 apps - javascript

I am preparing an app in sencha touch and phonegap. In my app , I am providing an option to the user to change language .By default , it is english. Now When user changes to some other language , I change the text present, say like placeholder of input box by code.
But is there anyway , I can change the layout of the keyboard which comes on the screen when user taps on any text box. ?
There is no attribute present on the input tag which will tell the device to open the keyboard with the different language?

Short answer: you can't. The keyboard is itself an app and it's settings aren't reachable. The question is: why? you could launch a settings intent where you ask the user to change their keyboard layout if this is some sort of a language training app or whatever.

Related

Angular 2 - get barcode scanner data without using HTML input/textarea

I'm creating web application which uses barcode scaner (in my case Motorola TC55).
My goal is to scan product EAN without using HTML input/textarea. Why? Because I want to prevent pop up keyboard on mobile devices. This field should be usable on desktops too (without connected scanner - to input data from keyboard).
What I've tried:
Set readonly/disabled attribute on input - mobile keyboard is hidden, but I can't set focus on this input.
Create div with contenteditable directive - keyboard is visible.
And finally (the most sofisticated so far) - create div with onClick event. After click in div I'm starting listening to keypress and saving everything until Enter key is pressed. It works fine on desktop. On mobile keyboard is hidden but keypress event is triggered only on end of scanning (Enter key).
Any other sugestions?
Disclaimer: I work for Zebra Technologies
Because you're working on a Motorola (now Zebra Technologies) TC55, you have available different options.
The easiest is to use something like Zebra's Enterprise Browser, it requires a license, but it includes some additional APIs that allows to control the additional HW of the device. In particular you've available a Barcode API that allow you to take full control of the integrated barcode scanner.
If you prefer to use something that requires a bit more hand-holding, you can take a look at this blog post that explain how to bridge between DataWedge (the application that on the Zebra Android devices is sending the barcode data as characters) and the Chrome Android Browser using WebSockets.
If you have a support contract for your TC55 you can update your device to the latest security updates and fixes. You can find more information on Zebra's Support Website.

Scan barcode from mobile browser through web application(Without any mobile application)

We have a web application kind of E-Commerce and now we like to add a barcode scanning option to show product details.
But as per my analysis , From mobile browser, when user click on scan now button , should redirect to Barcode scanning app and agin get back to our website once scan detect barcode.
I like to know , is it possible to achieve this with out any specific application,
So once user click the Scan Now button from mobile browser(Chrome,safari, firefox) , should access the camera and scanning has to be happen until detect barcode value or user cancel the process.
If it's possible , which library will suits me.
Hope will get solution/suggestion

Show mobile keyboard without input element

I wanted to show the mobile keyboard in my responsive site. First at i tried to place a hidden input, with placeholder "tap here", but on this input i have an event, which when fires reloads the dom, and bucause of this a cannot able to show the keyboard.
The question is, there is a way to show the keyboard without an input? I'm using HTML5 doctype, and jQuery 2.
Thanks for the answers!
I'm afraid you can't open the keyboard without using a input.
For more information you can read the following thread:
Show virtual keyboard on mobile phones in javascript
If it is for a game, the best manner is create a propper layout with the buttons you want to use.

How to auto-scroll to input field in Android when the soft keyboard overlaps them on showing?

I am developing a hybrid app using Worklight, and I am experiencing the following issue:
When the user clicks on an input field, the soft keyboard that pops up hides the input field when the latter is relatively low on the screen. The page is scrollable, so the user can scroll and see the field again, but the customer requirements define that the page will auto-scroll until the field is visible.
Please note that this happens only in the Android environment. In the iPhone and iPad environments the default behavior is the the desired one.
Based on my findings, the trick should be done via the android:windowSoftInputMode attribute in the Android manifest file. However, all my efforts there failed to achieve the auto-scroll.
If there is a solution that is Worklight specific, I would prefer to use it, rather than intervening in the Android native code.
This isn't really about Worklight at all... but about web apps in general in Android, it seems (from a quick search in Stack Overflow).
Here are some suggested solutions, that differ from yours:
Textbox hidden below keyboard in Android webview
html textfield in WebView in an Android application is hidden by the soft keyboard
Keyboard hiding EditText when android:windowTranslucentStatus=true
You could possibly also use iScroll.js (lite edition) - or implement this yourself by catching the focus event - to scroll a specific amount of pixels upwards.

Don't show keyboard on iOS

Is there a way to NOT show the on screen keyboard on a website (loaded in safari) when a user clicks on an input type="text" field? I have javascript written to popup a mini "keypad" which I'd like to use instead.
I guess you could try to set the input disabled (disabled="disabled"), show your popup on click and finally update the field content via JS.
You cannot change device behavior from your javascript or website. Especially not if the user has disabled javascript.
The only thing you could do is to allow for all inputs and do server side validation to exclude the phrases or characters you do not wish to be entered.
HTH
In a custom app of course you can. In safari I don't think so.

Categories

Resources