inputosaurus-text | jQuery UI widget that allows an input | Widget library
kandi X-RAY | inputosaurus-text Summary
kandi X-RAY | inputosaurus-text Summary
Inputosaurus Text is a jQuery UI widget that represents (and is instantiated on) a text . This new input allows for multiple values that appear to be contained within a single input element. All values are separated via a delimiter of your choosing and placed back as the original input's value.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of inputosaurus-text
inputosaurus-text Key Features
inputosaurus-text Examples and Code Snippets
Community Discussions
Trending Discussions on inputosaurus-text
QUESTION
I am using Inputosaurus to add some fancy autocomplete tags to my Client's Management System. It's a beautiful system, in terms of both cosmetics and productivity.
The problem is the massive load time.
The HTML page loads up several images (sometimes several hundred) each of which will have its own instance of the same list of autocomplete terms. The resulting JavaScript looks like this in the final HTML file:
...ANSWER
Answered 2018-Oct-30 at 19:41The user will input one word, sending a few thousands possible words to the client before he actually entered anything is overkill. Instead you should wait for the user to input the first few chars, then send them to the server, query and filter all possible terms and only send those back that are matching, then send that small list back to the client, filter it again based on the other chars the user already entered.
Words to google: AJAX, andfetch()
.
QUESTION
I've found nice element for my project Jquery Inputosaurus.
But I haven't found any ways how to fetch values from this element use php or jquery. I assume that should get "hidden element" and find child elements via jquery. Can anybody show me the right way how to fetch data from this element via jquery or php?
...ANSWER
Answered 2018-Jul-07 at 08:14From what I can see the input-element will remain the same, but will be hidden.
The multiple values you enter into the inputosaurus widget will end up as one single string with the values separated using ,
. The separator for this can be configured using the outputDelimiter option.
Let's take the first example on the page as an example:
Then you activate it using inputosauros as you've probably done:
$('#widget1').inputosaurus({
width : '350px'
});
It already has the value support@mysite.com
in that example. If I add another value, for example testing, then the output value in the hidden input element would become support@mysite.com,testing
. You can even click the toggle hidden input/markup link on the page to see the actual value.
The value will be set in this same input element, but the multiple values will be comma separated in a string. To get the values using jQuery you would write:
alert($('#widget1').val())
In order to get it from PHP you'll have to set a name attribute on the input element first, or you will not be able to retreive it from PHP:
And to fetch it from PHP after sending the form:
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install inputosaurus-text
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page