Fill form by clicking anchors with javascript or jquery - forms

What I need is a script to fill form inputs by clicking on links on the same site with the link text. Yesterday I found a solution to do this, but It's only the half way to my exceptation. The script must fill the first empty input field. I've illustrated it on the image:
In the same time the clicked link must disappear. In this case the result would be:
I've no idea how to do it in javascript weather in jquery. Please help!

Related

Contact form 7 + POPUP + date time picker, WP Elementor

Datetimepicker doesn't want to work only in popup.
If i insert Contact form 7 without popup it's working.
Maybe someone has encountered something like this?
I think it doesn't work because popup injects in the end of body. But how to fix it i just don't know.
POP UP OPTIONS
I also had the same problem. To solve the problem, create an HTML element in the pop-up form and add the following lines of code to it:
date-time-picker-for-contact-form-7/assets/js/jquery.datetimepicker.full.min.js
date-time-picker-for-contact-form-7/assets/js/datetimepicker.js
You can take the upper lines on the working page with inspectelement, select the date and time, and copy and paste the lines related to the two upper js files.
After saving and viewing the pop-up page, you will see that the date and time selection section will work.

Kentico form - captions inside form element

I am guessing this is really simple but I haven't been able to work out a solution.
I have created a form in Kentico and need to show the caption in the form element itself. I can do this in bootstrap but cannot seem to get this to work in the form editor. I am guessing this is because of the id kentico assigns to each form element.
An example would be the search box used on the stackoverflow site.
Does anyone have an idea how to do this?
Thanks,
When configuring some text field and form control is Text box under Editing control settings click 'Advanced' you will see the Watermark section, where you can put your caption (Text field). This caption will be displayed in form element.

I want Fancybox to jump to anchor on close

I am trying to get Fancybox to close and jump to a specific section anchor when when link is clicked within the fancybox ajax content. I have been trying several variations on this:
<a onclick="$.fancybox.close(); href="pricing">See pricing</a>
But every time I click the link it returns to the section anchor where it was initiated. Am I missing something really obvious here?
I Found the answer supplied by Avinash at how to prevent scrolling of page behind fancybox-2
I would thank him in comments but don't have enough points yet. If he reads this - Thanks :)

How to completely change the css position of an element on the page to appear in another part of the document flow?

I have a long form with text inputs, and in the middle of it, I'd like to insert a jquery upload (blueimp) file plugin which uses a form element. I know that nested forms are not valid markup. How can I use CSS to visually position a form element inside another form element without doing some messy absolute positioning?
It seems like using an iframe to generate the content, and then inserting the iframe into the middle of the original form works quite well. I'm unfamiliar with the caveats of iframes but everything seems to work fine.

Advise for form CSS in Wordpress

I have a WP 3.2.1 site and use Gravity Forms 1.6.2 plugins. I make my first form, and the preview looks good (www.censin.com/form-preview.jpg)
But when view in actual page, the second input text field (Official Website) is not float to the right side of first input text (Company Name). Image in www.censin.com/form-live.jpg
You can visit the live page at: (protected page password: demo)
http://www.censin.com/marketplace/buyer-request/
I am not good at CSS styling, and I think the problem is in the theme style.css but i can't figure it out using firebug in firefox.
Seems like the last column of li is not define well and can't float to the right, or because the site theme css is do not have a usual definition for form input.
Any help to resolve this is appreciated.
The reason for the wrapping is that the list items are slightly too big to floated next to each other so are being pushed down.
In your CSS file add a new rule to set the width on the UL element.
#gform_fields_1
{
width:922px;
}