- Screen name: agilityjeff
agilityjeff's Profile
7 Posts
12 Responses
0
Followers
Show:
- Expanded view
- List view
Private Message
- OK it's about 10 hours of trying to get a basic Autocomplete woking and I'm feeling like about the biggest dope in the history of the internet right now.Page: http://AgilityEvents.net/administration/EventForm.php?action=add (You need to use the full URL)Datasource: http://AgilityEvents.net/webservices/clubInfo.php (Try ?term=RACE to see a sample result set)From what I 'see' using FF Web Developer Tools, nothing is happening when I enter characters in the targeted <input> ... in other words, it doesn't look to me like jQuery is doing a darned thing.The target field is #clubName which appears as Club: on the screen.I'm pretty confident the php script which is supposed to supply the data works properly ... I have tested that with direct access and the replies are coming out looking correct.Could anyone take a look at this page and offer a suggestion as to what I'm doing wrong or not doing?Eventually (once I'm out of the starting blocks) I would like to grab the club's name, id, and url from the data source script and use that to populate the two fields on screen and the 'hidden' club_id field.Thanks for ANY assistance you can offer!Jeff
- I have the same block of inputs used in multiple forms and a jQuery functionality that looks up data, then populates fields based on the value in an ID field $('#idField').blur().My question has to do with "what next". Depending on the form being used, I would like to focus() to different input fields once the data has been stuffed in to the dependent <input>s.How do I reference the ID of the active form? My first inclination (and the thing I found most commonly in my search on this topic) was this.form.id ... but that doesn't seem to work in my lookup / populate function.This has got to be a readily accessible value - I just don't know the property name or syntax to grab it.Thanks all for any help / guidance you can offer!Jeff
- Still a raw beginner and trying to figure out how to get better control of the validate plugin. It's working at the most basic level, so I feel kind of good about that. Now it's time to do a couple more advanced things that I see in the documentation but don't really know how or where the code goes.I'm just using the standard call for the validate plugin:
- $(document).ready(function(){
$(".cjrForm").validate();
});
Here's my form - pretty straight-forward:<form id="ownerForm" class="cjrForm" action="ownerForm.php" method="POST" name="ownerForm">
<p>
<label for="firstName" class="cjrLabel">Your name: </label>
<input name="firstName" id="firstName" placeholder="First Name" class="required" minlength="2" title="Please supply your full name." type="text" />
<input name="lastName" id="lastName" placeholder="Last Name" class="required" minlength="2" title="Please supply your full name." type="text" />
</p>
<p>
<label for="address" class="cjrLabel">Address: </label>
<input name="address" id="address" class="required" minlength="5" placeholder="Street address" size="43"
title="A valid street address is required" type="text" />
<i> NO City, ST/Province! </i>
</p>
<p>
<label for="zipCode" class="cjrLabel">ZIP / Postal Code: </label>
<input name="zipCode" id="zipCocde" class="required" placeholder="Postal Code" minlength="5" maxlength="7" type="text" />
<i>Canadian Post - Please INCLUDE the space (X9X 9X9)</i>
</p>
<p>
<label for="phone" class="cjrLabel">Phone: </label>
<input name="phone" id="phone" placeholder="Phone number" maxlength="12" type="text" />
</p>
<p>
<label for="email" class="cjrLabel">email: </label>
<input name="email" id="email" placeholder="email Address" size="43" class="required email" maxlength="120" type="text />
</p>
<p><label for="submit" class="cjrLabel"> </label> <input name="submit" value="Submit" type="submit" /></p>
</form>The firstName and lastName fields are side-by-side. Rather than having the error for the first name come up IN BETWEEN the two name fields, I see that there is a way to Group the two fields, and there is also a way to specify "placement" of the error message maybe UNDER both and above the address field. I found the explanation that these things can be done, but didn't see an example that could really help me figure out where to put the code.Anyone?Thanks for your assistance!- Hi all!I'm working through a video tutorial on jQuery for absolute beginners ... (Hey, that's me!) ... and find myself a little stymied. The tut says I'm supposed to grab the value of these fields from an HTML form and put them in js vars for submission by AJAX to a php script. It seems to make sense, and jsFiddle seems to think my script is OK, but I get errors when I try to run this while Web Console is open in Firefox. Any thoughts?Here's the script:
- <script type="text/javascript">
$(function() {
$('#submit').click(function() {
$('#container').append('<img src="../resources/art/loading.gif" alt="Loading" id="loading" />');
var name = ('#name').val();
var email = ('#email').val();
var comments = ('#comments').val();
console.log(name, email, comments);
return false;
});
}); - </script>
I was hoping to see the values of name, email, and comments from my html form:<div id="container">
<form name="basicForm" id="basicForm" method="POST" action="jqL4.php">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
<label for="email">eMail Address</label>
<input type="text" name="email" id="email" />
<label for="comments">Comments</label>
<textarea rows="5" cols="35" name="comments" id="comments"></textarea>
<br /> <br />
<input type="submit" name="submit" id="submit" value="Go!" />
</form>
</div>But instead, it just goes ahead and submits to the php script and to the best of my knowledge the jQuery script never runs.Here are the errors I'm getting in Web console:(Warning) Use of getAttributeNode() is deprecated. Use getAttribute() instead.(Error) "#name".val is not a functionAnyone? Any thoughts you may have to get me going down the right path would be greatly appreciated!Thanks!- Any idea why a modal dialog would close just after the load is complete? Not only does it close 'instantly', but then when the focus is returned to the parent doc., the form on that page submits immediately.I'm using the jQuery Modal Dialog with the Redmond theme, jQ ver 1.6.2, jQui ver 1.8.9.This behavior is consistent across browsers ... see the magic happen here:Any thoughts? Thanks in advance for your help!jeff
- I'm running the Web Console on Firefox to try to figure out what's going on with a jQuery plugin (Uploadify) and I'm seeing these error messages which I believe are relaed to my theme:
And these two which I believe are related to the way I have implemented the plugin (or possibly datepicker on the same test page):[09:54:48.422] Error in parsing value for 'filter'. Declaration dropped. @ http://agilityevents.net/includes/jQuery/themes/redmond/jquery-ui-1.8.16.custom.css:1
[09:54:48.499] Unknown property 'zoom'. Declaration dropped. @ http://agilityevents.net/includes/jQuery/themes/redmond/jquery-ui-1.8.16.custom.css:1
You can see the URL's if there are any questions, but what do I do about these?[09:54:48.914] Use of attributes' nodeName attribute is deprecated. Use name instead. @ http://agilityevents.net/sandbox/jQtest.html
[09:54:48.930] Use of attributes' nodeValue attribute is deprecated. Use value instead. @ http://agilityevents.net/sandbox/jQtest.htmlThanks for any help you can offer!Jeff- I would like to use Autocomplete to replace a couple of drop-down lists on a form which edits the data in a MySQL record. The drop downs had previously been populated by php with the results of a MySQL query ... but now there are so many records in the result set, it's slowing down the page load ... so I figure just doing an Autocomplete will not only speed up the page load, but will also make data entry / editing faster & easier for the end user..In the old drop-downs, I could just designate the value of the chosen record as "selected" when populating the drop-down at page load, but I don't know how to pass the value in to Autocomplete so it 'starts' with whatever was in the MySQL record.Any help would be greatly appreciated. Please be specific with your guidance as I'm just getting started and not very fluent in client-side scripting yet. If there are any online resources that could help me work this out, a link would be great too.Thanks!Jeff
- «Prev
- Next »
- <script type="text/javascript">
- $(document).ready(function(){
Moderate user : agilityjeff
© 2013 jQuery Foundation
Sponsored by and others.

