how to inititate AJAX get when user clicks off of a textbox / fills a textbox
Hi there, I've been reading about jquery and ajax and I'm not exactly 100% sure as to how to implement it. Essentially I have the following: a textbox a select box another select box As the user fills data in the textbox and then clicks off I want the javascript to fire, submit the value in the textbox to a url (I can handle the backend side of it all fine) which will then send new data to the select boxes. Similarly for the second select box when a user clicks off (After selecting) I need the jquery
Form fill
I have a form with the labels name, street etc. The data come from the database. Now i want to update the data from a another database and fill the form with the new data. How can i solve this?
Using jQuery Autocomplete in modal dialog using ModalPopupExtender from AjaxControlToolkit
I built a modal dialog using the ModalPopupExtender from the AjaxControlToolkit. In that dialog, I'm trying to use the jQuery Autocomplete feature on a textbox. The values for the autocompletion are fetched from a webservice. I can see that the webservice is returning a result set, and I can see that being picked up in the Autocomplete code. However, the list is not displayed to the user to pick from. I thought this might be a z-Index issue, so I specified 'z-index: 9999 !important;' for the '.ui-autocomplete'
Why the Ajax calls could not be cached by Firefox?
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");}); }); The mod_expires of Apache2 is enabled and test.txt can never be cached by Firefox via Ajax calls. (Firebug response status code 200 OK)
jQuery Mobile for desktop and mobile
What browsers on desktop jQuery Mobile supports? Can I develop single interface on jQuery Mobile both desktop and mobile?
Chain animation for different element
Hello. I'm trying to have an effect happen after an effect for some other elements has finished. $(document).ready(function() { $("#about_div").toggle(function() { $(".work_divs").slideUp(600); $(this).slideDown();I've tried $(document).ready(function() { $("#about_div").toggle(function() { $(".work_divs").slideUp(600,function() { $("#about_div").slideDown(); } // can't use this - it refers to .works_div? );and a couple of variations. I increased
Help - Get tag by tag
Hello, If I have this code: <div id="test"> <div id="inside"> Hello </div> </div> And by the div "test" i want call get the tag "inside", how can I do that?
Taking Control Of The Back Button.
Hi, if I have the following code: <div data-role="page" id="meetingPage"> <div data-role="header"> <h1 id="pageTitle">AGM</h1> </div> <p>Hiccup</p> </div> How can I take control of the Back button. The reason I ask is that each time the page goes forward, a increment of one is added so when the user goes back I want to decrease the number by one. Any ideas? Cheers, A4.
Could this be streamlined?
Hi, I'm *really* new to jQuery, but learning. After reading up and watching a few tutorials, I set myself the test of creating a rudimentary gallery by memory, and came up with the following jQuery code: $(document).ready(function(){ $('.nav a[title=Freddy]').click(function(){ $('.cont img').not('.cont img[title=Freddy]').fadeOut('normal'); $('.cont img[title=Freddy]').fadeIn('normal'); }); $('.nav a[title=Myers]').click(function(){
Jquery form help
I have a form using asp formmail script with a hidden field for the person's email being sent to. Using Jquery I would like to be able to, if they check a checkbox the form is sent to multiple people and if the checkbox is unchecked then the form is sent to the orginal recipient. The form uses get instead of post to process the form... Much Appreciated
[validate] Is it possible to trigger validation on blur without having anything in the field first?
Right now validation is only triggered when I have something entered in a field, i.e. if I click on a field, type something, delete all of it, then click on the next field, validation won't trigger. I want to be able to trigger validation after I first focus on a field and then focus out, even if I didn't type anything. If there's no existing option to change this, can someone point me to part of the source code where one would need to change so that I can change it myself? (Sure, I can try to decipher
Jquery Ajax with WebMatrix
So using this: $.post("Service", { param : "value"}, function (data) { alert(data); });I am able to pull out the values just fine using Request["param"]. Now if I'm using : $.ajax({ type: "POST" url : "Service", data : ({ param : "value" }), contentType: "application/json; charset=utf-8", dataType: "json", success: function(data) { alert(data); } });I am not able to find the values in Request,Request.Form, Request.Params
Uncheck and Disable Multiple Checkboxes with One Checkbox
I have searched the forums and have not seen a solution for this. I have the following checkboxes: [ ] None [ ] Option 1 [ ] Option 2 [ ] Option 3 When the first checkbox is checked (None), I need the other three checkboxes to: 1. Become unchecked if the user had checked them 2. Become disabled If/when the first checkbox is unchecked after that, the other three checkboxes would become enabled. Can someone help me out? I have little jQuery experience and am learning as I go along.
string search works 1x only
This only works 1 time. the second time the value is the same as the first time. $(function() { <!--------1.1-------------> $('#select_client_dd').change(function() { var client_info = $(this).val(); <!--- first time I receive 1:a:a:a -------> <!--- second time I receive 2:b:b:b -------> var client_id = client_info.search(/:/i) ; <!--- first time I receive 1 -------> <!--- second time I receive 1
problem with ajax tabs in jquery-ui 1.8 and jquery 1.5
I try to use ajax tabs based on the example from the documentation as shown in http://jqueryui.com/demos/tabs/#ajax. I'm using jquery-ui 1.8 in combination with jquery 1.4.4 it works, but it's not working when using jquery 1.5 (which is included in debian wheezy). Is this a bug or has anything changed in the way to using ajax tabs ? My source code : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <link rel="stylesheet" type="text/css"
New to jQuery and Need Help!
Hi there, I'm really new to jQuery, and have been wrecking my poor brain for over a week trying to figure out how to rotate four images that each have a different animated caption that automatically slides over them. I developed it in Flash, but need to convert it to jQuery, and I can't even find a plug-in that will do what I need. Here's exactly what I need it to do: Sample. Do any of you gurus have any advice or pointers? Thanks a million!
Need help to make my jquery slider module to scroll smoothly instead of every second
Hi all, I am really new to jquery, I have recently purchased a slider module for Prestashop, however I want to change the scroll sequence to make the items scroll smoothly without pausing, I have looked into the controls of the slider but cant figure out whether it has options to do this or I will have to configure it to to this. Here is the controls in the .js file // Default configuration properties. var defaults = { vertical: false, start: 1, offset: 1, size:
Hi, how do I enable jquery warnings?
I'm sure this functionality must exist somewhere, but I can't find it. basically, I just spend over 3 hours until I realized that $("index") is not the proper spelling for selecting the index div. It would be swell if I could be alerted to such errors, I'm sure this is easily doable. I just need warnings whenever something fails, and this is a clear case of failure, since so such property or function exists, right? Thanks for your help
Entering time
Is there an easy way to enter time in jquery mobile? I thought about using sliders but that's not exactly right looking. Are there any plugins etc?
How do i change the content of a specific div in a cell of a grid?
Currently i am using this to modify the "html" of a specific "column/cell" by finding the "td" of the "grid" at specific "rows". $("#VGrid1_MainGrid tr:nth-child(" + iRowNumberGrid + ")").find('td').eq(26).html("HTMLHERE");After that is done, how do I [ (a) access, (b) modify ] the individual "div" content that is in it for the "Grid" at particular "row" and "column"? RowNumber = 2, column = 26 Example <td> <div class="myclass"> <div id="div1">yes man</div> <div id="div2">Add content</div>
if a ui dialog with a form is opened again (no page refresh), the .live() elements do not respond
The first time a dialog is opened with a form, a button that changes a dropdown to a text field when "Other" is selected works fine. If the dialog is closed and then opened again, the .live('change',function()) script doesn't work properly. The script is activated, when I insert an alert() into the script at the right point (insert alert after line 9 below), the alert appears, but the script does not complete. The elements are there and correct. Very strange. $('#poOrderMethod').livequery('mouseup',
Is it possible to put a button inside autocomplete in jquery ui plugin?
My requirement: I have a 4 text input fields that I want to implement autocomplete functionality. If the input does not match the drop-down-list, I want to put a button that will open a jquery modal form, that the user can enter the desired data which will update the list. I am implementing this using simple jsp and tomcat My problem: I have put a button in the drop-down-list when the input does not match. When its clicked, nothing happens, and html code for the button gets populated in the input
Disabling ordinary link button during form Validation
Hi, I've got a JQuery Mobile form working across multiple "pages", even though it is a single HTML file. This is done by placing the opening form tag before the <div data-role="page" id="screen1"> tag, and closing it after the final losing page div tag. Works great. Currently the form validation is properly flagging each field as the user leaves it. The only trouble I am having is making the continue button at the bottom of each screen disabled until the visible invalid fields pass validation. Can
Radio group IE validation issue
Hello, For some reason when I try to submit my form in IE8 it doesn't get past the radio group. It keeps asking me to select an age even after one has been selected. Validation works but it's not picking up that I have selected one of the items within the group. http://pretendcity.org/forms/asq/ Thanks.
making carousel for links
Hi everyone, So my problem - I've a big massive of links. With I wish that only (for exampe) 5 links would be shown at one time, then first of these 5 links hide, so to last 4 links will be added a new one from big massive, then will be mouse hover statement carousel paused for a little to allow user follow hovered link.
Can't get submit to work
this does not work I am pretty sure you have all seen this before but I am stuck. Just started to use jquery mobile and can't get a basic function to work. Please advise, Thanks <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.js"></script> Here is the error I get : htmlfile: Unexpected call to method or property access Here is all of the code <%@ Page Language="C#"
Rollover trouble.
I have a jquery image-swap which is working fine. Here is the code: $(document).ready(function(){ $(".attachment-post-thumbnail").hover( function() { var hoverImg = HoverImgOf($(this).attr("src")); $(this).attr("src", hoverImg); }, function() { var normalImg = NormalImgOf($(this).attr("src")); $(this).attr("src", normalImg); } ); }); function HoverImgOf(filename) { var re = new RegExp("(.+)\\.(gif|png|jpg)", "g"); return filename.replace(re, "$1_hover.$2");
Did I miss something with A4?
Seems like on my android phone testing A4 test docs are jumping all over the place. nested lists select a sub list on it's own. the back button fires off two clicks when I click it once. Anyone else seeing this? A3 still works perfect.
Jquery Autocomplete doesn't work with Jquery 1.5
Hello! I'm using the Jquery Autocomplete Plugin with jquery.1.4.4. I tried to use a new version of jquery, like 1.5.1 but doesn't work. I'm asking if there is a way to work with the new version of jquery or i must change my autocomplete and use the jquery ui autocomplete. Thanks!
Footer adds padding to right. Why?
Hey all. I've been wrestling with footer issues and can't banish the issue. Which is: When I add a footer to my web app it adds padding to the right. I can only confirm this on iPhone as I've not yet gone to "the lab" (my local AT&T store) to test this on other platforms :) The padding is initially off screen. But, I can do a right swipe and MAKE the padding appear. If I remove the footer, the padding disappears. I've run the html through several tidy passes... the divs checkout a-ok. I wonder about
Page with Navbar gives "Error Loading Page" when it is loaded from a form on the previous page
Are you able to have a form <form action="search.html" method="post"> load the next page (search.html) which will have a navbar with pages embed within it (data-role="page")? Let me give an example of the page: <!-- index.html --> <div data-role="page"> <form action="search.html" method="post"> <input type="submit" value="Submit" /> </form> </div> <!-- search.html --> <div data-role="page" id="search"> <div data-role="header"><h1>My Application</h1></div> <div data-role="content"></div>
JQMobile, changing to an internal div help wanted.
Hi, using JQMobile what code do I use to go to a internal div within the page. i.e, when a user clicks a page it should then go to a internal page - not an external one. I know how to do this with JQTouch but not JQMobile. Thanks in advance.
Disable part of style with jQuerry
Hi I've created a table style in css file, and here is a part of the code. #tab tbody tr:hover td {color: blue; background: -moz-linear-gradient(6% 75% 90deg,#8F8F8F, #EBF2F2, #C7C7C7 100%); } Is it possible to disable this hover without changing rest of #tab style in one selected table with jQuerry ?
jquery.corner.js problem in IE and Opera
i am getting a strange error message from jquery.corner.js [downloaded from http://jquery.malsup.com/corner/ version 2.09 (11-MAR-2010)] in IE and Opera. further script calls are ignored, so the page looks horrible. Opera Error Log: Unhandled exception: [Object InternalException] name: Error message: WRONG_ARGUMENTS_ERR stacktrace: Line 808 of linked script http://mydomain.com/javascripts/jquery.js var computedStyle = defaultView.getComputedStyle( elem, null ); Line 778 of linked script
identify which $. ajax AjaxStart's coming
$("#mask").ajaxStart(function () { mask.load(); }).ajaxStop(function() { mask.unLoad(); }); This code is executed in many places with different purposes, how could I identifywhich $. ajax AjaxStart's coming?
slider event
Hi, I have a form that uses a slider. How can I send the value of the slider to my js file? I tried to send it the same way I send other form values but all I get from the slider is Object object. What does that mean? Thanks
Jquery AutoComplete plugin : is it work under jQuery 1.4.2 ?
Hello guys...!! I'm trying to use this Plugin.... Link Here. Let's assume that we have this kind of interface.... <input type="text" id="companyname" name="companyname" size="75" /> And then this jquery // the company textfield search $('#companyname').live('keyup', function(){ $('#companyname').smartAutoComplete({ source: "search-company.jsp" }); } ); The "search-company.jsp" ---> is my jsp page that will generate the words divided by line feed. But, then....
nested ul problem - get first parents..
Hi, I have a problem with selecting nested ul's This script should deactivate clicking in menu-items. The problem is, that if there more nested hidden ul's, the first child li is not clickable anymore. I like include only the first childs of #menu into the jquery not all nested ul. Could someone give me a hint? <div id=" menu> <ul> <li class="menu-item"> <ul> <li></li> <li></li> </ul> </li> <li class="menu-item">
How to compare textbox values in existing record in table using SP
Hello Im new here, I need help if my syntax is correct. if(first_name != <row.@firstname>) { alert("Record already exists! Search and use the record to continue transaction!")}; I attached the whole function. What I want to do is that whenever a user tries to create a new record using first_name, middle_initial, last_name and date_of_birth on the textboxes, these things will happen, 1. I have Sp working already that gets the fields of the table customer using parameter 2. then on my page
Accessing external var
Hi, I've been writing a script using the Flickr API. Basically it takes photos from a certain set and user and puts those in the fancybox format. The problem I have now is that whenever I want the set to change, I have the edit the javascript,. Instead I want to be able to change this in the html where it's being called. Here's the script: (document).ready(function(){ //insert your Flickr API key var api='6f9bff414d8f176e5c15359934c741bb' //insert the ID of the set you want to use var
Next Page