Mobile Text Selection Context Menus (with PhoneGap or otherwise) - javascript

I'm building a web application for use with mobile devices using PhoneGap. iOS and Android show context menus with options to copy/paste, search, share, etc. when text is selected. I'd like to add an item to these menus (e.g. "add a note here"). Is there a way to do this with JS or PhoneGap?

Related

How can I bring up Emoji context menu in Chrome (or other browsers) programatically?

In a sample browser-based chat application, I need a context menu for adding Emojis. I see that most applications like Whatsapp and Gmail have their individually implemented emoji box for this reason. While the browsers mostly already have an embedded emoji box context menu, I need to know is there a way to have control over that box and instead of bringing it up through the browser's context menu, catching it by javascript !?

Opening the Virtual Keyboard in Touchscreen devices

I am trying to develop a very dynamic Website for my project using Javascript.
There I want to use custom input elements (purely custom elements, not customized) but I am not able to get that how to open the Virtual Keyboard in Touchscreen devices.

Can Javascript trigger and populate a native mobile context menu?

The UI library I work on has a pending feature request that involves tapping an in-app button with the intention of triggering a context menu. On desktop devices, this will simply open our standard context menu. However, it was requested that on mobile devices, we try to populate and utilize the OS's context menu behavior.
I've read about specific APIs that can trigger native menus, like using a <select>, or the navigator.share() API for sharing content to other applications. However, in this case, the web app would need to populate the context menu, and would need to perform app-level behavior upon selecting any of the populated items.
Is there a browser API that can do this on iOS and Android devices?

Can I programmatically hide the form input ribbon control above the keyboard in safari on iOS?

For a prototype that I'm working on, we'd like to hide the ribbon that shows up above the keyboard on mobile web browsers on iPhones. This control allows users to cycle through form fields on a web page, and looks like this:
What I've tried:
1. Using contenteditable divs instead of inputs in the hopes that if the browser doesn't see traditional inputs, it won't show this control
2. Removing the tabindex property
Is it possible to programmatically control the visibility of this ribbon on iOS mobile web browsers?

Highlight functionality same as medium application

I want to implement highlight functionality for my website and mobile app. I want this functionality work same as medium app. So that if user highlight some text from mobile application then it will automatically display on the website.
And if user highlight some text from the website then it will automatically display on the mobile app.
Previously I used rangy highlighter JavaScript library for both website and mobile app, But it gives different range from both side. So I am unable to sync the highlight data.
For example:
For mobile I get the following range
type:textContent|1362$1370$1$highlight$
For Website I get the following range
type:textContent|40576$40584$3$highlight$
Can anyone give me any idea, how can I sync my iOS app's highlighted data with website?

Categories

Resources