Information Dialog Box when selecting input fields - javascript

I have searched, but cannot find the answer to this question. I think I just do not know the proper name for what I am trying to achieve.
Basically, I want to setup some input fields as if we are creating an account at a website. However, I would like a dialog box to pop up to the right of the input field when the user clicks inside of the input field. This dialog box pop up would provide further information of what exactly needs to go inside the input field to guide the user. I would like the dialog box to not be interactive so it does not get in the way.
I am sure there is some tutorial out there for this. However, I am guessing I just do not know the correct name for this function.

I think you mean a tooltip dialog type of functionality provided by Dojo. This link should provide you with some explanation and examples. The examples show on a button but can be easily done on input field also.
I am pretty sure this would be present in other technologies also like jQuery.

Related

Disable saved password menu in text input

In a simple text input, saved password menu pops up. I simple do not want this menu to pop up. Is there a way to disable this?
P.S. I'm still kinda new to web-development in general and don't exactly know how to ask the right questions.
You can try using autoComplete attribute of input tag.
For further detail you can read following article from MDN
https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

Create a bookmark in Firefox that goes to a page, and then fills in an input field?

For work we have a little tool that shows how many hours people have worked, and there is a "filter by name" box that I usually just fill with my name to see my hours.
I have this page bookmarked, but every time I have to fill in the filter. Sadly there is no url-parameter I can add to automatically fill this filter.
So I was wondering, is there a way to have a bookmark in Firefox that open a webpage, and then fills in the filter input for me? I know it's possible to have javascript in the "location" field of a bookmark, but I couldn't find a way to have both a url and javascript.
Note: Luckily the filter input has an id called "searchInput". So it is easy to get it through javascript.
Is something like this possible?

Multiple Key Value Query Search Input Box

I'm not quite sure exactly what to search for or where exactly to start, but I'm trying to see if it's possible to have a customized search box for multiple GET queries simply using jQuery, JS, HTML and CSS.
The user would first type in something which will prompt the red box to show (key) and it would autofill with a listed default given the first few characters they typed. Then upon pressing enter or tab, they would be allowed to fill in the answer gray box (value). Then after, they can either choose to submit or put in another key / value.
Is there a jQuery library that already has this implemented, and is this even possible? I thought about putting input boxes inside the input search box and using jQuery to hide and show them depending on what they type, but is that the best way?
I'd like to do this without comprehensive framework / library like Angular and React.
Thanks in advance!
You must handle it with one of JavaScript freamworks like Vue.js, React.js or Angular.js

Alternatives to dynamically created input text fields

I was previously using dynamically created input text fields on my form to allow a user to enter names of friends. However, on my redesign this form will be on top of an image inside a div and it'd look a bit rubbish if it extended out of that.
Are there any alternatives that allow the user to enter multiple names which look good within the confines of a background image?
You can have a button for add friends and on clicking show a small lightbox that displays a single textfield and button. On adding each friend show the selected friend in the lightbox itself. Just like facebook does when you add friends for sending msgs ;)

JQuery / Javascript popup box and form submission creation

I have a jquery/javascript question. For a site I am working on in PHP/JQuery I have the need to create a dialogue box with an ok/cancel button and a message and then submit a form based on if the user says ok or not. I know in javascript I can create a new window that links to a styled page and then I can do a select for if the user hits the ok button and submit the windows parent form using that but the last time I coded something similar to it I felt like it took a lot of lines of code and was wondering if JQuery supported dialogue box creation and if I could do some similar functionality using it (with hopefully less lines of code since everytime I use jquery instead of standard javascript it seems like it really reduces my codebase). If anyone knows of a resource to learn how to do this I would appreciate a link or a second of your time for some pointers.
Thanks!
I think you are looking for something along the lines of the jquery ui dialog.

Categories