I need help setting up a form, I want to do some pretty neat things: It will say: What countries do you want to visit? [FIELD] Part 1: I want that when a user starts typing into the field, it will suggest under things that match what you have typed so far, sort of like facebook search does. So I would need a list of recognized country names. Now for example imagine I was using this, and I typed in M, it would list under a max of 5 valid entries begining with M, if I typed in Me, it would list the ones begining with Me, if I typed in Mex, it would show Mexico. Now the user would have to click this drop down suggestion to choose it.Part2: I want once a user clicks on a suggestion, it will "pop under" the input box or somewhere, with a "x" beside it to remove it. The user can now type in another country, and when it is clicked it too appears as a sort of "icon" under the input box or somewhere, with an "x" beside it. Clicking the x removes the country from the current list of countries. Once he is done, he goes on to other fields and the selected countries remain visible. Once a user submits the form, I want to get only the countries that were visible to him.
**An alternative idea, if this one is too complicated, would be to have a drop list with all countries in it, and once a person clicks one, it will remain and a "+" sign will appear under it. When pressed, another dropdown menu will appear so the person can choose another country from the second drop down, etc. OFC all selected countries can have an X to remove them. Idk how to do this either. how to do something like this, where do you recommend I start? Any ideas? I tried searching but I'm not sure what to call this so I couldn't find anything in the search.
Not a seasonsed JS user; I would like to have a number of dropdown forms on a page and have JS sum the total value up as the user makes their way down the page and selects values. I've googled the daylights out of this and come up with a proof of concept below - if I could get it to work right, I would apply to a larger page. It will live on a Sharepoint server so I can't just use PHP to handle the summing.
I'd like to limit the number of selections a user can make in a multiple select listbox. I have a note on the interface to say that only x no. of items should be selected and I check the number server side but I'd like to implement some javascript to do the same on the client side. Ideally I'd like the javascript to work in IE5+ and Netscape6+.
When using a select combo box that has multiple selections enabled, my server was not seeing it as an array. It was only seeing it as a single variable value. All I did to correct this was add [] and the end of the name attribute. Ex. [code]<select name="categories[]" id="categories" multiple="multiple" size="4">[/code] Now my LAMP server sees this variable as an array in the $_REQUEST
Wonder if there is a way to have my Drop-Down box selections create individule single row/dual colume tables for each item that was selected from the drop-down box. An example would be:
1: I selected 3 items from my drop-down box at one time (my drop-down box allows multiple selections).
2: I click a button call "Create Template" and three new single row/dual colume tables are created with the names if the items.
Here is what I have so far, but need a little help. Notice I have added the three tables in to show how it should look but this is for information only as these should be created automaticaly.
In my JS file, I made sure to write the necessary html code for a menu using document.write statements (I call the JS file inside a div in my webpages).I know about escape sequences and I put backslashes before every special characters but my menu still does not appear. Maybe only a simple character is missing. The code do work when I write it directly in my html so there should be no errors in the code itself. Must be in the way I put it in my JS file.
So basically by using jQuery you are able to completely separate your HTML from your js which is great.
I work with templates most of the times which are maintained by designers who don't code so the code/design separation works marvells for me.
One thing that is not working in my workflow is that in jQuery, since you address HTML using CSS, the designer might feel that all of a sudden those nice divs don't need to have borders any more. So they go out and change the template, removing some classes that you have used to reference the HTML in your js code. Result: your code doesn't work anymore.
I'd like to know how people are dealing with this kind of thing. How do they make sure the designers don't mess with their classes/ids, etc while maintaining the designers' freedom to do their job.
I need advice about creating an order form (I was sent here from the General Web Building forum!) and I have been told that JavaScript is the way to go - can anybody help with the following (I know nothing about Javascript really).
I have an order form and plan to have the data emailed to me (I have FormMail script installed on my server). The form will have the following fields:
Reference Number Size / Cost Quantity Grand Total
Clients will enter the ref no., choose a size/ cost (radio-button), and quantity (text box). I plan to accept details for about different items. I just want the total cost to be displayed in a box at the bottom before the form data is sent to me.
Can anybody point me in the right direction of how I might go about this? Tutorials / sample code etc.
I am trying to create a form/calculator. My concept includes drop down menus, check boxes, roll over images, and calculations. I've been trying to do the coding in Microsoft Excel; however, this has been very cumbersome, and the look is very generic.
And a corresponding text_field input element div I'd like to display based on which radio button the user selects:
When the page loads, I'd like to see:
When the user clicks on a (different) radio button, or clicks one for the first time, I'd like whichever div is currently showing to be hidden, and the newly selected one to be shown.
Right now I have jQuery code at the bottom of my page that looks like this:
For each of the four options.
When the page loads, the correct div is shown, and when I select a new button, the new div is shown, but the already showing one isn't hidden.
I've read some posts that suggest using change() instead of click(), but others indicate that's problematic in IE.
I tried to load 1 html through ajax and javascript and it worked.But i want to load more than one and i cant.I thought that it would be a good idea to put the ajax files to the external websites and put the same load button.I tried this idea but it doesn work.I can only load one external website.
I have a nice search engine but its seems i can't put it twice on the same page: <script language="JavaScript"> function startSearch(){ searchString = document.searchForm.searchText.value; if(searchString != ""){ searchEngine = document.searchForm.whichEngine.selectedIndex + 1; finalSearchString = ""; if(searchEngine == 1){ finalSearchString = "[URL]" + searchString; } .....
How to put the code twice in the html page without creating a conflict as a result of identical codes?
I work for small drugstore and a lot of our customers are old and not good with computers. I want to make this work to make it easier for them to find what they need.
<html> <!-- Created on: 3/24/2011 --> <head> <script type="text/javascript">
I'm currently modifying a php controlled website and wish to distinguish between javascript and non-javascript browsers in order to decide which pages to display. I have a single php controller script which "includes" a number of html pages. I want to ensure that I cater for both javascript and non-javascript browsers (so functionality is the same, only the javascript pages have a far better look and feel to them).
Therefore I would like to code something along the lines of :
Code: if (javascript_browser=='true') { include './javascript_page1.html.php'; exit();
Firstly it generates two numbers. One is the sum of the CharCodes and the other is the product of multiply each of the charcodes together and usisng the Modulus function.
If the text string is correct, the string is then used to decode (via a relatively simple crypt) another string, which then gives you the correct target url.
I hope that makes sense - if it doesn't, its pretty unimportant as the question I have is as follows :
In javascript, how do I code something that allows me to cycle through all the possible text strings. Ideally, I would like to read from a dictionary file and then start a brute force.
Throughout each cycle, I imagine you just set input_user (in this case) to the value of the next line in the file. For a dictionary attack I imagine. That bit isn't too tricky I don't think but I can't get my head around it. Maybe more coffee would help?
And I'm sure struggling to put together a brute forcer so I turn to you guys and gals to ask if you could help me and point me in the right direction on how to code this.
I'm assuming also that the code we end up with, would be generically useful too as in we could vary the output (going to input_user) in this instance to another variable and use it with another script?
This is a FAQ page I built with custom jquery function that toggles the answers open/closed on click of a question, and Im just wondering if anyone has a suggestion to make the code leaner and meaner:
I'm running into a problem with having a bunch of different selected areas in my editable document in mozilla. I can't seem to get them all unselected. I can get one or two to unselect but not all of them.
This happens after I have been using comparePoint in a loop that loops through the whole document. I have used collapse on the selection I made but it leaves other text still selected. :confused: Is there a quick way to unselect all the selections in mozilla?
We have a site we are working on in which we use drop downs for easy search functions. (We also have an advanced seach which use check boxes) But... the client has been asking us if we can make a muliple selection happen from this quick search. There are only like 20 options to choose from but a scrolling text box will look awfull there.. as the drop downs work nicely.
Has anyone ever seen a muliple selection drop down? Or something like it?
I've created a website for a client for their business, and the javascript is working in Safari & Mozilla, but not in IE. In IE you can click the image, but nothing activates. The ability to move from left to right to view images still works however. I'm wondering if having both of the javascript capabilities is fighting with the IE browser?I would love to hear of a solution - I'm not an expert in Javascript by any means.
Just wondering if someone can point me where I can get the coding for the same style navigation on [URL]..I know its not flash, but I'm guessing its done by javascript?
I have some code that has a comments box and 2 radio buttons that ask if you want to be contacted about your comments. If you select "Yes", you get another set of radio buttons that ask you to choose a method of contact. When you choose a method, that selected methods value is parsed to the top of the textarea field, placing the comment below. I pretty much have it working, however, if I enter a comment in the "Comments" field, select "Yes", then select "email" and change to "Phone Morning", it concatnates the values in the textarea box instead of replacing the contact method value while still retaining the comment entered below.Also, if at all possible, I wanted to clear only the contact method value out of the textarea field and leave only the comment when you go back and click the "No" radio button.
