Jquery :: First Selection Calls The Next Set Of Checkboxes?
Oct 14, 2010
So I have a three step process where the page loads and there is the first section of checkboxes... as the user makes their selections I want to display the next step which also has some checkboxes. If they select a checkbox from the next step then there's a 3rd step.
If I load all sections at once, all three groups of checkboxes works great as far as accepting selections and passing the proper information.
However if I load only one, then after selection is made, load the next one... the next one using the same code as showing all at once does NOT want to work. I can't select anything.
I'm starting with something like:
[Code].....
one is class=checklist, other is =media,... thinking the naming was conflicting and then I have them each call their own function to keep it separate.
View 10 Replies
ADVERTISEMENT
Sep 20, 2004
I have this table with all my values I want to check and inverse:
HTML Code:
<input type=text name="set_name" value="" maxlength=255 size="50"><br><br>
<input type=submit value="Submit"> <input type=reset value="Reset"><br><br>
Select members belonging to this set.<br>
<input type=button value="Check All" onClick="this.value=check(this.form.set_member[])">
<table>
<td><input type=checkbox name="set_member[]" value="77"> Adam Green</td>
<td><input type=checkbox name="set_member[]" value="70"> Brenton Rzepecki</td>
<td><input type=checkbox name="set_member[]" value="94"> Brett Stayt</td>
<td><input type=checkbox name="set_member[]" value="63"> Brock Wallis</td>
</tr>
<tr>
<td><input type=checkbox name="set_member[]" value="102"> Chris Cornish</td>
<td><input type=checkbox name="set_member[]" value="68"> Dale Smulders</td>
<td><input type=checkbox name="set_member[]" value="114"> Damian Astone</td>
<td><input type=checkbox name="set_member[]" value="106"> Dave Chang</td>
</tr>
<tr>
<td><input type=checkbox name="set_member[]" value="101"> David Waldron</td>
<td><input type=checkbox name="set_member[]" value="84"> Doug Thomson</td>
<td><input type=checkbox name="set_member[]" value="108"> Gary Bruecher</td>
<td><input type=checkbox name="set_member[]" value="87"> Gerald Delic</td>
</tr>
<tr>
<td><input type=checkbox name="set_member[]" value="104"> Gordon Hay</td>
<td><input type=checkbox name="set_member[]" value="86"> Jamie Vw</td>
<td><input type=checkbox name="set_member[]" value="99"> Jim Felvus</td>
<td><input type=checkbox name="set_member[]" value="88"> Jordan Masters</td>
</tr>
<tr>
<td><input type=checkbox name="set_member[]" value="71"> Josh P</td>
<td><input type=checkbox name="set_member[]" value="89"> Josh Taylor</td>
<td><input type=checkbox name="set_member[]" value="96"> Karis Putland</td>
<td><input type=checkbox name="set_member[]" value="116"> Kevin Craig</td>
</tr>
<tr>
<td><input type=checkbox name="set_member[]" value="65"> Kyle Putland</td>
<td><input type=checkbox name="set_member[]" value="73"> Logan Bruecher</td>
<td><input type=checkbox name="set_member[]" value="118"> Michael Newson</td>
<td><input type=checkbox name="set_member[]" value="110"> Mike Nyman</td>
</tr>
<tr>
<td><input type=checkbox name="set_member[]" value="85"> Mitch Virlee</td>
<td><input type=checkbox name="set_member[]" value="54"> Nathan Rzepecki</td>
<td><input type=checkbox name="set_member[]" value="75"> Patrick Green-Mackinlay</td>
<td><input type=checkbox name="set_member[]" value="83"> Patryk S</td>
</tr>
<tr>
<td><input type=checkbox name="set_member[]" value="93"> Paul Smith</td>
<td><input type=checkbox name="set_member[]" value="113"> Peter Needham</td>
<td><input type=checkbox name="set_member[]" value="90"> Ricardo Velazquez</td>
<td><input type=checkbox name="set_member[]" value="109"> Rick Penlington</td>
</tr>
<tr>
<td><input type=checkbox name="set_member[]" value="111"> Rik Christiansen</td>
<td><input type=checkbox name="set_member[]" value="69"> Rob Ralston</td>
<td><input type=checkbox name="set_member[]" value="91"> Rohan Martin</td>
<td><input type=checkbox name="set_member[]" value="107"> Samuel Silvestro</td>
</tr>
<tr>
<td><input type=checkbox name="set_member[]" value="97"> Scott Kerenyi</td>
<td><input type=checkbox name="set_member[]" value="56"> Steve Smulders</td>
<td><input type=checkbox name="set_member[]" value="92"> Steve Pugh</td>
<td><input type=checkbox name="set_member[]" value="103"> Stewart Whitson</td>
</tr>
<tr>
<td><input type=checkbox name="set_member[]" value="100"> Stuart Moss</td>
<td><input type=checkbox name="set_member[]" value="112"> Stuart Broom</td>
<td><input type=checkbox name="set_member[]" value="76"> Suhud Simbolon</td>
<td><input type=checkbox name="set_member[]" value="74"> Tim Muhl</td>
</tr>
<tr>
<td><input type=checkbox name="set_member[]" value="115"> Toby Reeve</td>
<td><input type=checkbox name="set_member[]" value="98"> William Reynolds</td>
this is the javascript im using
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var checkflag = "false";
function check(field) {
if (checkflag == "false") {
for (i = 0; i < field.length; i++) {
field[i].checked = true;}
checkflag = "true";
return "Uncheck All"; }
else {
for (i = 0; i < field.length; i++) {
field[i].checked = false; }
checkflag = "false";
return "Check All"; }
}
// End -->
</script>
But I keep getting this error
Event thread: onclick
Error:
name: TypeError
message: Statement on line 6: Expression evaluated to null or undefined and is not convertible to Object: field
Backtrace:
Line 6 of inline#1 script in http://radiorally.homelinux.net/goto/add_mass_email_set
for (i = 0; i < field.length; i++)
In unknown script
this.value = check(this.form.set_member);
At unknown location
{event handler trampoline}
Event thread: onclick
Error:
name: TypeError
message: Statement on line 6: Expression evaluated to null or undefined and is not convertible to Object: field
Backtrace:
Line 6 of inline#1 script in http://radiorally.homelinux.net/goto/add_mass_email_set
for (i = 0; i < field.length; i++)
In unknown script
this.value = check(this.form.set_member);
At unknown location
{event handler trampoline}
Can anyone help me sort this out? Why is it throwing this error?
View 2 Replies
View Related
Jun 29, 2011
how to populate checkboxes based on the dropdown menu selection
View 2 Replies
View Related
Jan 14, 2011
I have searched and found lots on enabling/disabling form inputs, but nothing that matches my needs.
I have a form with a dropdown with values 0-4. If value 0 is selected I want the checkboxes to be disabled. If value 1-4 is selected I want the checkboxes to be enabled.
Code:
<html>
<head><title>Disable with Dropdown Test</title>
<script>
function num_check(sel,cb) {
[Code]....
View 11 Replies
View Related
Jan 29, 2009
I have a function which checks 2 textfields and inbetween checkboxes like so...
<script type="text/javascript">
I will eventually want "must pick at least 1 and less than 5"...but I can't seem to get the following to work...
View 3 Replies
View Related
Apr 12, 2011
functions like:
function showData(id) {
$.get("/url/getdata", {id : id}, function(data) {
$("#dialogData").html(data);
[code]....
no longer work with the addition of 1.5.Looking at firebug, the correct data is returned, but the function breaks after entering the callback.Everything simply stops.I read about the changes to Ajax call in 1.5, but I have over a thousand such calls through my project -> I cannot even begin to think about hunting them all down and changing them, let alone bug testing it all.
View 9 Replies
View Related
Jul 19, 2010
I'm trying to use the jqmodal dialog plugin and everything is working OK except for one minor problem. It seems when I click on the link, the expected action does not occur until I click the second time. Essentially I set up a small test form with a single line put into a table. In that data line is an href, which when clicked calls an AJAX function and returns text, which displays as a dialog. Like I said, this works fine except for the fact that the dialog does not show until the second time I click on the link. I added an alert box to the code, so I know the function is executed the first time the link is clicked
<script>
$().ready(function() {
$("#hrefClick").click(function(e) {
e.preventDefault();
[Code]....
View 1 Replies
View Related
Nov 22, 2011
I've a js with a loop wich generate ten ajax calls, but I aboslutely need that the first will be executed before the others. how to ?
View 5 Replies
View Related
Mar 29, 2011
I noticed that all simple jQuery ajax calls are unable to cached by Firefox (no problem with other major browsers).
See the following test code:
$(document).ready(function(){
$("#load").click(function(){$("#test").load("/test.txt");});
[code]....
View 5 Replies
View Related
Mar 16, 2011
I see that the jQuery library accounts 164K which is almost 40% of the page weight. As can be seen in the source, /jquery.js loads twice, as do several other scripts! But if i remove /jquery.js library from either line, the page breaks (tabbed box does not come together).I am weak on understanding the ordering of dependencies.Are there any ideas that jump out at you about how script and css calls could be reordered so that the big library would need to be called only once?
View 5 Replies
View Related
Aug 25, 2010
append.php:
<span>test</span>
jQuery function:
$(function(){
[Code]....
The content will be added on the first click, but not on the subsequent clicks however. The hidden field gets incremented fine though.
View 2 Replies
View Related
Feb 27, 2010
I'm experiencing a weird problem when trying to do a $.ajax call. When I pass 5 variables, with either GET or POST, the script runs as I would like. However, when I use 6 or more variables, the script does not run. Does anyone know why this is?
Relevant code (stops1-5 are defined as JS variables earlier in my script, and the alerts are for testing)
$(".barcrawl-stop-id").each(function(){
alert("running ajax function");
$.ajax({
url: "/handlers/ajax/barcrawl_reorder.php",
[Code]....
So, the way it is now, it works fine (I get the first alert for each instance of .barcrawl-stop-id, and get an alert at the end with the returned data). However, when I add another variable to the data, like stop4: stop4, the script does not run (all I see is one alert with "running ajax function").
View 1 Replies
View Related
Sep 22, 2010
I am trying to call a dynamically chosen function on success from an ajax call (later to be error and so on also)The following function works fine and passes the url to call and parameters into the makeAjaxPostCall function. successHandler is the function to call on ajax success.[code]
View 2 Replies
View Related
Aug 10, 2009
I am a newbie to using jquery and have been exploring it developing a new app. At the moment I have a number of AJAX calls to the server which I have been queueing in an array and using a single $.ajax call to handle all of them. However I know about the browser limitations of two calls per page (at the same time and want to implement this to speed up page updating). To test concurrent ajax requests I have setup various asp pages to with delays 1sec, 5sec, 10sec etc etc. and a test html file with the follwing javascript
[Code]...
View 4 Replies
View Related
Nov 3, 2010
I know about the same-origin policy and that one of the only ways to load data from a cross-domain is to load it as JSON. However, all I am trying to do is access data from a server on another port (which I believe the browser still treats as cross-domain). I need to do this because the server my application is on is a map server and the other server (Apache) is the only one that can handle php scripts. I have also tried out the plug-in from [URL] and while it works when I do $('#phpContent').load('http://www.google.com'); it doesn't work when I try $('#phpContent').load('http://localhost:80/mapScripts/getFiles.php'); I have also tried$.get('http://localhost:80/mapScripts/getFiles.php', function(data) { $('#phpContent').html(data); });
So here I am breaking my brain and do not know what else to attempt.
View 1 Replies
View Related
Aug 26, 2009
is there a possibility to chain AJAX Requests? By now i have 5 AJAX Functions where one calls the next (Button Click
View 2 Replies
View Related
Jul 30, 2009
I am developing quite a complex user interface in jQuery that relies on an AJAX call to retrieve JSON.We have noticed that the code runs slow in IE7. IE8 and IE6 are acceptable. Firefox and Chrome really quick. I have traced the problem back to the AJAX call, which IE7 seems slow o process. What takes less than a second in the other browsers will take IE7 3 or 4. I have googled for an answer it seems there is some consensus that the native XHR in IE7 is slow, so it may not be a specific jQuery problem.Has anyone else experienced this? Does anyone have a solution? Please consider that this will be a public website, so the solution cannot involve altering settings on users' machines.
View 5 Replies
View Related
Oct 27, 2010
I have a jquery based system with ajax calls instead of page refreshes. Every time I return some ajax content, it replaces the content on the main div.
function execcmdcallback(data, textStatus, XMLHttpRequest)
{
$("#divmain").html(data);
data = null;
}
Each time this executes, the browser memory increases by about 600-900kb. Can anyone suggest a way of doing this where the old memory is freed so there is no significant increase in browser memory on each ajax call ?
I've studied this a bit, [URL]..., but I have to admit I don't quite understand it I see the same issue on IE8, FF and Chrome. FF comsumes less memory per ajax call and frees some memory seconds later, but still the total working set is increasing on each call by 300k in FF and 600 to 900 in chrome and IE
View 15 Replies
View Related
Jan 3, 2010
I'm trying to in make in a single function, multiple calls to the same file changing one parameter the problem is thatit is taking it like if I wasn't changing the parameter and is sending only the last value all the times.Here is my code:
$(function(){
$('#btn_search').click(function(){
// what to search for
[code]....
View 2 Replies
View Related
Apr 14, 2011
I am building a user-based online application using jquery, and I am concerned about the possibility of users being able to hijack my ajax functions. I'm sure there is a standard way of dealing with this, but I don't know what it is.For example, if users are logged in,and want to send an instant message to each other, they can use a simple messaging system.An ajax call passes their message to a back-end handler script, like so:
$.ajax({
type: "POST",
url: "back-end-handler.php",
[code]....
View 7 Replies
View Related
Jan 12, 2011
Basically, what I am trying to do is call several ajax requests using jQuery on the same page, i know that all browsers are capable of requesting multiple requests. However in Chrome and Safari my website works fine, but IE, Firefox and Opera all only call the first request then dont call, the second two. I dont know why though?
All of the code for the site is here: [URL]
View 5 Replies
View Related
Nov 21, 2011
There is a line in a jquery plugin that I am using that calls a function to run on the inputs of form "autoSubmit."
Code:
$(function(){
$('#autoSubmit INPUT').autoSubmit();
});
My problem lies in that I have multiple of these forms on a single page, each one named autoSubmit. I easily rename each with PHP to autoSubmitXXX or YYY depending on their record id numbers, but then the .autoSubmit(); function doesn't know which form to work with.
Code:
'#autoSubmit INPUT'
I can grab the individual form ID (XXX or YYY) with:
Code:
var where_val = form.find('#where').val();
View 5 Replies
View Related
Jun 4, 2010
I'm trying to load a Javascript file which contains an array of data using .getScript(). It works fine on my server, but the request is never being made when I run it on my own computer, though the callback function is called. Is this an inherent limitation in JQuery/AJAX, or am I doing something stupid? code...
View 1 Replies
View Related
Jul 6, 2011
I want to be able to load content of multiple divs in just one click.And after the content has been loaded make a final call to a function on success.I'm using JQuery.when() wich works fine like this
[Code]...
View 1 Replies
View Related
May 26, 2010
Issues with jquery ajax calls with IE and what the workarounds are?
I'm having users complain about issues of an ajax call not working, however, I've been unable to reproduce this or see the error myself.
Works fine in firefox/safari/chrome. I have windows7 + IE8/IE7 to test and that works.
My call looks like this...
I added the _requestno parameter because i read that IE does some smart caching of ajax calls, but, that didn't solve the problem.
View 2 Replies
View Related
Mar 17, 2010
I am working on an ASP.NET application that make a lot of jquery and javascript calls and trying to optimize the client side code as much as possible. (This web application is only designed to run on special hardware that has very low memory and processing power.)
The profiler in firebug is great for figuring out what calls are taking up the most time. I have already optimized a lot of my selectors and it is much faster.
However the profile shows a lot of jquery error() calls. In the attached image of the firebug profile window you can see it was called 52 times, accounting for 15.4 of the processing time.
Is that normal for jquery to call its error() like that? My code works flawlessy, and there are no error messages in the firefox error console. It seems like that is a significant performance hit. Is there anyway to get more info on what the errors are?
Attachments
jquery_error.JPG
Size : 40.04 KB
Download : 249
View 4 Replies
View Related
