How do I put a box with jquery inside a javascript function? - javascript

I am very new to javascript and trying to make a drop down box that selects the number of items you want to list. This works and when you choose the number of items you "want" it shows the right number of text boxes underneath. I want to be able to have a tag for every item, this would work fine however I want to be able to auto suggest tags. This is the code I used to do it. I can't get it to work inside the function that shows the number of text boxes based on the drop down menu.
Here is my source code and this is the link to my site.
I have tried using firebug and it says there are no errors with the javascript, the tag suggestion text box just doesn't do anything.
Thanks,
Cameron

Related

Text in textarea dissapear when auto populated with add-on Autofill

A page I am testing is built with react. On the page I have checkboxes and text areas. Now I am trying to use the Chrome plugin Autofill in order to populate the fields. The check box selection remains after I click on NEXT button (to go to next page) but the numbers that are written to the text areas disappear!
Anyone that has any ideas on what this could be?
I use simple javascript code that populates the text field and that works fine, I see the text but it seems like the page does not recognize it is populated when I click on Next button:
document.getElementsByName("price")[0].value=123456
I have also tried with
document.getElementsByName("price")[0].value="2500123"
Both lines populate the text area correctly but it disappears.
It is the same behaviour even if I use that javascript in F12. Still the text will dissapear when I have click on Next button. But not the check box selection!
When I enter 123456 manually I can continue with Next button.
All input is appreciated.

Adding text into a PDF button with 1 click using Javascript

I'm creating a staff document which requires only 2 things to be unlocked.
1. A placeholder for an image, I've implemented that just fine by creating a button with "Icon only" and using a javascript code as follows:
// Mouse Up script to import a button icon
event.target.buttonImportIcon();
It works perfectly!
However I also need a text field which can be clicked once, and have text filled in and saved, because quite frankly the people that will be using the document, couldn't edit a PDF if the human race depended on it haha
Any help would be appreciated greatly!!! Thanks!
Create a text field (which I'm assuming you will want to start off as empty) and then add the following command to activate on Mouse Down:
(this.getField("TextFieldName")).value = "The text that you want to add...";
Where TextFieldName is the reference to the text field that you want to auto fill.
This will make the text appear when the text field is clicked. You could add a clear button using similar code so that erroneous clicks can be undone. Also, you could set the field to be read only to prevent unwanted changes to the auto filled text.

How to create a chrome plugin/extensions with Bubble button (floating property)?

I am developing a chrome extensions, so that this plugin used to send the selected text from a site to a server and return the text back to client.
How can I make my plugin to float on the site, once the user select any text then my plugin must appear beside the selected text (Bubble), exactly like google translation plugin, which appears immediately when a user select some text.
I attached some picture to explain what I want exactly!
You can read out the current element where you select the text and from there you can put your icon with some distance.
Here you can find out how to get the current element:
How can I get the DOM element which contains the current selection?
With jQuery, you can easily put your icon next to the start of the selection. I have not tried id but this is how I would do that.

Dynamically loaded items not shown in second time on dropdown (Harvesthq Chosen)

I'm using this following tool to make the dropdown searchable and look nice.
Harvesthq Chosen
First I'm loading the data dynamically in dropdown and applying this code to apply the effect.
$(".chosen-select").chosen();
It works just fine. Everything ok. Then depending on some option I want to empty all data and insert new options. Now problems occur. The newly added options are not shown. Old options are still visible.
So I checked with the firebug. Select tag contains my desired data, but it's showing wrong data(Old ones).Some kind of div is visible. I tried to apply the chosen methd once again. But not working. Then I tried
$("#form_field").trigger("chosen:updated");
And not working either. Can anybody tell me what is missing?
I want to clear and load data dynamically multiple times in dropdown and apply the chosen effect.
This worked for me
$("#form_field").trigger("liszt:updated");

interesting select box case?

Ok i am trying to make a select box like this used in following website
http://www.buildasign.com/PowerDesign.aspx?T=72486B387A61516563704442304E344F3068766947673D3D
When you will open the website link you will see a default word "Go" as selected. On left
side of drawing window there is size option which is of 91 value. But there are some fix values in select which never change like 8,10,12. How he is keeping one field which doesn't show in select(This value 91 doesnot show in dropdown) but still appears in it. Any help will be appreciated?
In a browser such as chrome, inspect the element and you'll see the text "91" is in a textbox, overlaid over the dropdown list. This simulates a combobox. There are various combobox jQuery plugins: http://plugins.jquery.com/plugin-tags/combobox
It's not a standard select box. But a textbox with some predefined text that is shown as an AJAX select box (a .NET control renderes data as a select box but it's not HTML select form element! just looks like it).
Spolto is pretty dead on with this one. The author of the site just set the text that way.
If you notice, the "drop-down" is still text typable, so despite the options you can type any set of digits there!

Categories