I'm sorry if this question has been answered before, but I'm a real noob trying to understand Ajax and JavaScript.
Therefore I need a (simple) explanation how to pass multiple selections from a list to my Ajax-script - if there are any simple solutions.
I'm not using any kind of framework - just plain Ajax/JS, PHP and of course HTML.
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.
[Code]...
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.
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.
[Code]...
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">
[Code]....
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 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.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
[code]...
My current project is available for perusal in order to assist me at: [URL]As you can see, I make it so that once the product type is selected, you can then select a wattage. This dependent drop-down works, however I want it so that when I select a value in the left-hand side (wattage), then the one on the right will offer a pre-defined value that replaces the wattage I have.
For example, a GU-10 in 'Type of Lamp' offers a 50, 35 and 20 watt bulb in 'Current Lighting Products'. In 'Energy Efficient Products', it offers 5 and 3. I wish to make a statement somewhere so that if they select 50 on the left, it selects 5 on the right. If they select 35 on the left, it select 3 on the right.
I would also like it to do multiple offers, so that if they select say, a 35 of the MR-16, I want the right hand side to offer both 5 and 3. The only way I can think of doing this is via a lot of 'IF' statements.
I have a javascript function that will load a CSV file in to a grid:
Code:
function load(url){
table.setURL(url);
table.request();
}
<button onClick="load('URLTONEWFILE.CSV')">Load New File</button>
This works perfectly, however I need to take it a step further to load CSV files, based on user choices from two drop down boxes. Something like this:
Code:
<form name="myform"">
<select name="mycolour">
[code]....
I am trying to have it save menu selections, I was thinking either cookies or storing it in the window thing but I am unsure of how to do these.
HTML Code:
<script type="text/javascript">
function setCookie(c_name,value,exdays) {
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
} .....
I am in the process of developing a calculator for some of my colleagues to use. One of the variables within the calculations is called PMH. I want to determine the value of PMH based on which checkboxes are ticked. Each checkbox has a different value. If the checkbox is not ticked, then the value of each option is 1 and obviously more than one checkbox may be ticked.
I have created the checbox code:
<td><input type="checkbox" name="PMH" value="1.6" /> Smoker<br />
<input type="checkbox" name="PMH" value="0.4" /> CCF<br />
<input type="checkbox" name="PMH" value="0.5" /> Pulmonary Oedema / Cirrhosis<br />
<input type="checkbox" name="PMH" value="0.8" /> COAD<br /></td>
But I have no idea on how to calculate what I need for var PMH.
Is there a way to make radio button selections appear in a second popup window? Example: user selects various options from a page then clicks button to open a second window with select options showing up in list.
View 2 Replies View RelatedI have several <img> lines in my markup that contain an onmouseover attribute, as shown below: <img id="flowersPic" class="queue" class="queue" src="media/flowers.jpg" onmouseover="playVideo('flowers.flv'); "/> . .<img id="animalsPic" class="queue" src="media/animals.jpg" onmouseover="playVideo('animals.flv'); "/> . .<img id="waterPic" class="queue" src="media/water.jpg" onmouseover="playVideo('water.flv');"/> . .</body>I want to use jQuery to build a standard JavaScript array of just the video names in the onmouseover attribute. So for the markup above the array would be the stringsflowers.flvanimals.flvwater.flvI expect the jQuery will be something likev=$(img.queue).??????.get();but I'm really not sure what should go in the ?????? area.
View 12 Replies View RelatedJust a quick 10-minute thing I whipped up out of boredom:
In Mozilla, every textarea now has:
surroundSelection(leftstr, rightstr)
and insertAtSelection(str)
methods.
In IE, you need to explicitly give textareas those methods by:
ExtendTextArea(refToTextArea)
And now that textarea has those same methods.
I see this question asked enough that I thought it might be useful enough to post this.
I have to create two dropdownlists that are dependent In my first select tag there are 4 selections ,,, year,quarter,month and week. and in second select it should automatically populate..If user select year from first select in second select values should be 1 to 365.. if quarter values in second select(dropdown) should be 1 to 4. if month 1 to 12 and if week is selected 1 to 7.
[Code]...
What I'm Looking to do is base certain options in a dropdown menu in a form off of the first selection, like this
Code:
Selection 1
Option 1
[code]....
I work in html and am minimally familiar with JS but am working with someone's code that uses form checkboxes to select options for hrefs in a decision tree. Given 5 options, selecting option1 takes you to page_x, option2 to page_y, etc. Users need option for selecting option1 AND option3, for example, to go to page_k.Is there a way in JS to take:
if(document.form1.A6.checked == true)
{
alert("A6 is selected")
[code]....
The animation that I envision coding with jQuery has proven too advanced for me at the moment. Might anyone know of an example that would help me achieve the below (simplified to the barest minimum to make sense):
I'm building a page that is split into two halves... the left half has six radio button choices: blue, red, green, yellow, purple, and black. The right half is empty. When a radio button is selected in the left half (for this example, I'll say "blue" is selected), I'd like a blue square to bounce (jQuery UI "easeInBounce") into a specified area on the right half. Then, if "green" is selected... the blue square that was already on the right half would fade out (jQuery "fadeOut") and then I'd like a blue square to bounce (jQuery UI "easeInBounce") into the same specified area on the right half.
Might anyone know of a demo that would allow me to code this? The demo can be similar (using different animations), but I'd like to see how it uses radio buttons to control an animation, and to check to see if there is already a target in existence... which would make the "fadeOut" necessary.
Firstly this isnt a double post, I stupidly posted in the Java forum not the java script forum. Im trying to create a dynamic table based on the selections of multiple lists as per here Screen Shot
A user would select thier choices from the various lists and then add them to a table - this is where my question comes in. How do I achieve creating a table which will grow depending on how many additions a user adds?
Hope I make sense, Im trying to get my head around this.
Issues with Safari in relation to javascript compatibility? I have a page that loads dynamically through user selections as follows:
There is a set of three radio buttons. The user selects one and a div opens revealing a select box populated with entries related to the radio button selection.
When the user makes a selection from the select box, one of two things happen.
1) If there are child records relating to their selection, a second div opens revealing another select box containing the child entries relating to the first select box choice. Or
2) if there are no child entries relating to the selection in the first select box, a div opens displaying a description relating to the selection they made in the first select box.
The data is all coming from prepopulated javascript arrays. This works like a dream in IE and Chrome. Unfortunately, when we were in the final stages of testing before release to a live environment, we discovered it works in Safari only as far as the user makes a selection from the three radio buttons driving the opening of the first div layer containing the first select. At this point it stops working completely. On top of that, I cannot find where in the latest release of Safari, that I can see any javascript errors (or if I even can).
i am looking to create a simple travel website where the user inputs details into a form or selects options from a drop down menu. When they submit their details they are taken to another webpage were simple adverts on the side of the webpage will relate to the options they selected from the drop down menus. For example: I select New York, and some dates. The advert on the next page will say 'Going to New York, stay at this hotel'
It will say the same if another city is selected but with the city name changed and the hotel name changed. On the second page i will ask the user to fill in personal details in a form, and again after they click submit, they are taken to another webpage and the advert will change, maybe including their name and some other details.
Is this possible and how would i go about it? The adverts only need to include some simple text for now. If the text can srcoll or move that would be a bonus. I have looked through many books and searched the web and cant find anything. I just want to use the input and selections made from the user to adapt the next webpage.
I have a gallery which loads in and animates content based on different navigation selections. There is also a background image which changes on click. I've just found that on opera and safari, the appropriate images aren't always loaded. When you click the navigation, it loads a set of subnavigation(via load() method), which then links to specific images. My issue, is that sometimes, the navigational items, when clicked, load in the appropriate content from the previous set of navigational items. It only does it sometimes, so it makes it tough for me to see if its a problem with my code or...Keep in mind this is Opera, and Safari specific, and only happens sometimes, so if you don't notice right away, click a few more times (usually happens after clicking the second level navigation). Code is also below.
$(document).ready(function() {
// Check for hash value in URL
var hash = window.location.hash.substring(1);
var href = $('#project_navigation ul li a').each(function(){
var href = $(this).attr('href');
if(hash==href.substr(0,href.length-4)){
$(this).addClass("current");
var content = hash+ '.php #work';
var subnavigation = hash+'.php #project_subnavigation';
var gallery = hash + '.php #showcase_holder';
var copy = hash + '.php #inner_holder';
$('#bg').addClass(hash + 'bg');
$('#content').load(content);
}}); .....
I have a background process that fetches XML data from various sources that can take up to 20 seconds to process.
I want to have AJAX fetch an XML file (generated by php which queries mysql) every 5 seconds and update the prices against each item. Most of the examples i have seen online send different HTTP requests for each item. I want so:
a. has anyone got a method of replacing more than one item in a HTML document using AJAX? e.g <p id="pid12345"></p> would be populated with <p id="pid12345">£1.50</p> when the ID pid12345 is found in the XML server response?
b. how can i request and repeat the process every 5 seconds?