[jQuery] Workarounds for invalidating a cached representation on HTTP POST?
Hi all, How do you workaround the fact that, e.g., firefox doesn't invalidate a cached resource representation in the browser upon POSTing to the uri of the resource? My scenario is this: A Google Map GETs a resource (a list of geo. points) which is cached for an hour on the client to avoid the overhead of additional HTTP requests. On another page a single point can be edited. Now POSTing an updated point to the list resource doesn't invalidate the cached representation as it should (a common problem:
understanding $('#id').load()
Hi all, I'm having some trouble understanding how to accomplish the following: Basically, I'm just delving into the world of Ajax, and I have built a simple application to practice on. My current problem is that I want to have a form dynamically added below "add entry", so that people don't have to go off to another page to update the page, that part works. Below "add entry", there is a list of all currently added entries, and after the user clicks submit on that dynamically loaded form, i want to
link appended doesn't triger
I am working on one of my first application in jQuery and after a really bad day I got stuck in something funny. This is the code reduced at the minimum. Basically, once created the link, I trigger it but jQuery doesn't catch the event. <html> <head> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#test").hover(function(){ $("body").append('<div id="option_modify"><a href="#">[click]</a></div>');
[jQuery] Need help with table sorter
Is it possible to do some changes so that the bottom row will not be included while doing the sorting? Suppose I have totals in the bottom row, so I do not want that row to be sorted while using the table sorter through jquery. Please let me know if it can be done.
[jQuery] dialog within tab
Hi All, Having a problem with a dialog within a tab. Here's the tab code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery-
Read items in <Select> list before submit
Hi there, I tried searching to see if this question has been asked, but I feel that I may not be searching the correct syntax. Hopefully someone can help me. I have a select list that is populated from a mysql DB with 3 names in it. I've created buttons to allow my users to move the names up or down inside the select list. I'd like to put a save button at the bottom of the form that when clicked, runs a jquery function to read each value of the list and put them into a hidden tag or something that
[jQuery] [jQuery]Select Boxes - Pulling the currently selected string instead of value
How do I retrieve the currently selected option string in a select box instead of the value? <select id="choices"> <option value="value">String</option> </select> Using $("#choices").val(); returns the value if it's set. if there is no value set, jQuery returns the string instead. I want to retrieve the string while a value is set! Thanks for you time, I'm sure this something that I simply overlooked.
[jQuery] jQuery Modal script needed...
Hey there, I'm looking for a light-weight jQuery modal plugin that supports ajax, some effects and restyling or resizing by a little Api. I didn't find anything that fits my expectations. Thanks, Oli
[jQuery] Cycle Lite not working in IE
I'm using Cycle Lite in two places on this site, to rotate through the testimonials on the homepage, and to step through the photos on the contact page with prev next links. The contact page works fine, but the homepage is not working at all in IE. I tried adding overflow: hidden to the container, but all that does is stop the extra content from spilling out over the rest of the page. But still no cycling. Any ideas? The site is http://carstar.lsquareddesign.ca
[jQuery] Ajax sometimes not executing callback...
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div> </div><div>I'm using jQuery and jQueryUI. I'm new to jQuery, so any help much appreciated...</div><div> </div><div>I have an application where I am displaying a list from a database. When the user hits a button, a modal form dialog comes up and they can enter data.</div><div> </div><div>It makes an ajax call to the server, gets the data, populates the dialog, then opens it. Change
[jQuery] How to change message while the page is blocked using blockUI plugin
Hello people, i'd like to know if it's possible change de message while the page is block by "blockUI" jquery plugin. I've tried a lot of things, but none was good. One thing i've tried was using CSS selectors like: $('blockUI blockMsg blockPage').innerHTML but it hasn't worked. Any idea? Thanks
[jQuery] IE6 .hover() problem
I fixed the missing CSS :hoverfunction for my navigation via jQuery. If I hover ofer a list item everything is displayed correctly but if I hover out the 'span_ie_hover' class won't be removed.. I could cry :( //if the user uses IE6 or less if ($.browser.msie && $.browser.version.substr(0,1)<7) { $('#navigation li').hover( function() { $(this).children('a').addClass('li_ie_hover png_bg').children ('span').addClass('span_ie_hover png_bg'); // This works fine },
[jQuery] Multiple Jqueries, multiple <ul> elements not behaving well
Hi all, I am attempting to use two different Jquery scripts on my page and they each have their own <ul> css declarations which I'm having a hard time getting around. I tried using an iframe to contain the other elements and while it worked, it was not an elegant approach for what I ultimately needed to do. I'm not sure exactly what the issue is. The site with the iframe can be viewed here: web.me.com/neechi.mosha/R-L which is how I want it to look. However, when I try to bring the tabs onto the
[jQuery] Resetting the reset point of a form updated using Ajax
I have a form which is submitted via Ajax, but which the user may continue to modify after a submission. The submission causes the user's work to date to be written to a server-side database - a sort of mid-form save. However, I now want form.reset to revert to the point of last save. Currently, if the user hits reset after having completed a save, the reset function will revert the form to what it was when the page was originally loaded, which is prior to the last Ajax save and therefore not accurate.
[jQuery] Caching of javascript files
Hello, If two sites, www.domainA.com and www.domainB.com both use jQuery and allow script caching. (sample tag <script src="/resources/jquery-1.3.2.js" type="text/ javascript"></script>) In browser, in user's computer, will the two sites use the same copy of jQuery (assuming both running same jquery version) ? What if both domain use jQuery hosted on Google (http:// code.google.com/apis/ajaxlibs/) ? Also, in this case if one site installs custom jQuery plugin, will it be available to other site ?
[jQuery] $(this).text().trim().toLowerCase() throwing errors in IE
Hi all, I'm running into an IE7 problem where the Visual Studio debugger is saying: "Microsoft JScript runtime error: Object doesn't support this property or method" Visual Studio is highlighting this line as the problem: if($(this).text().trim().toLowerCase() === subToBold $(this) should be the li. text() should be the text/content of the li. I then trim/lowercase it. The pertinent code block is below, the "lis" are list items I'm iterating over, I'm checking if the text of the li is equal to a
[jQuery] superfish : how to create multi column menu
Hi, I'm a beginner for the jquery stuff. How to use superfish to create multi column menu like <a href="http://www.gunlaug.no/tos/ moa_41.html">this</a>?
[jQuery] Expand select's list of options programmatically
Hi, Does anyone know of a way to programmatically expand a select element's list of options? So, for example, you have a select with w/ 5 options. You click on the element and the list of 5 options opens and drops down. Is there a way to force this behavior programmatically? I've tried triggering various events--or sequences of events--using jQuery but am having no luck. Thanks, Drew
[jQuery] inArray not working with dates
Can someone tell me what I may be doing wrong here? var dateList = new Array(); dateList.push(new Date(2009,7-1,29)); dateList.push(new Date(2009,7-1,30)); dateList.push(new Date(2009,7-1,31)); var testdate = new Date(2009,7-1,30); alert($.inArray(testdate,dateList)); //returns -1 ???? tia, Dave
[jQuery] Select element fires hover.
I am trying to implement a div containing an advanced search form drop down on hover and I have everything working (only in FF) except for when I try to add any sort of animation or speed to the '.show' or '.hide' effect. When I try to add speed or seemingly any other effect to the div, the select elements of the search form fires the hover event. Does this make sense? Here is the script: $('.searchWidget').hover( function() { $(this).find (".topSearch").show(); }, function() { $(this).find (".topSearch").hide();
[jQuery] How do I re-locate the jcarousel module on the page?
Crazy really....but I have been trying to re-position the module on my
[jQuery] jQuery lagging
Hello, I'm building a jQuery based gallery, in which the images fade in or out whenever the user hovers over the thumbnail. Now, for some reason, everything works fine for the first couple of hovers, but after a while, it starts to lag greatly after each hover. Here's the page I'm talking about: http://79.182.22.144:1118/he/גלריית_תמונות.html (Sorry for giving a link to my localhost, I don't have a server to store it right now) A little explanation about the script: The class called FadeInGallery
[jQuery] (validate) Show Element instead of js
Hello, I didn't found the same problem ine the groupes: I would like to show error msg already in the page Exemple: <input type="text" name="myTextField"> <span>This textfield cannont be empty</span> if error the span will become showed. and not show error with the js Thanks you Bri
[jQuery] Removing element from DOM after animate
Please tell me why the remove() doesn't work from this call: $(this).parents(".leftbox:first").animate({height:"hide", opacity:"hide"}, 350, "", function(){$(this).remove()}); while this one works: $(this).parents(".leftbox:first").animate({height:"hide", opacity:"hide"}, 350).remove(); Thanks in advance.
[jQuery] Problem jQuery UI tabs effect
Hi, I mounted a tabbed section on jQuery UI 1.2.7. I use ajax to call a file .html each time you click a tab. Everything works correctly until you add an effect. To be more concise, everything continues to function well even after adding the effect, but now every time you press a tab or tabs, the browser goes to the top of the page. JQuery function to which this happens is: $(function() { $("#tabs").tabs({fx: {opacity: 'toggle', duration: 'fast'}}); }); A demonstration of how the error: http://ico.comxa.com/tabs/ui_tabs1.html#tabs
Problem jQuery UI tabs effect
Hi, I mounted a tabbed section on jQuery UI 1.2.7. I use ajax to call a file .html each time you click a tab. Everything works correctly until you add an effect. To be more concise, everything continues to function well even after adding the effect, but now every time you press a tab or tabs, the browser goes to the top of the page. JQuery function to which this happens is: $(function() { $("#tabs").tabs({fx: {opacity: 'toggle', duration: 'fast'}}); }); A demonstration of how the error:http://ico.comxa.com/tabs/ui_tabs1.html#tabs
[jQuery] Loading animation for ajax content
We're loading content via ajax using .load, into a jquery ui dialog box. Everything is fine but I'd like to have a loading animation until the ajax content is ready to go I tried something along the lines of: - put a loading animation in "#divForDialog" - $(divForDialog).dialog().load( 'page.htm') so the loading animation displays when the dialog pops up, and then ajax loads content that erases the loading animation it's fine except that the ajax content still takes a while to load, but the system
[jQuery] Silly question: How do I re-locate the jcarousel module on the page?
Crazy really....but I have been trying to re-position the module on my html page and I can't get it to move to where I want it. I have tried the following: - Creating a new page with only the example carousel on the page - Wrapping the entire module, from "id="wrap" down in a <div> and positioning that div. - Tried to adjust my own carousel in the page I am building and repositioning it with both div and span tags. All to no avail. I can't seem to move the module. Can someone please explain where
[jQuery] Expand select's list of options programmatically
Hi, Does anyone know of a way to programmatically expand a select element's list of options? So, for example, you have a select with w/ 5 options. You click on the element and the list of 5 options opens and drops down. Is there a way to force this behavior programmatically? I've tried triggering various events--or sequences of events--using jQuery but am having no luck. Thanks, Drew
[jQuery] div at child of body does not work
Guys, I am new to jQuery. And I am trying to use jQuery for my application. I am stuck at something which I want to use. Here is the detail I have a page, which when submitted, gets a full HTML as response (complete html, head, body). So I tried to replace the body of present page with the body of response page. Somehow jQuery does not work with that. So I though why not create a div tag just under body and replace that. When I do that, the body turns empty. I alerted newBody and it shows as empty
[jQuery] Help Creating An Array
I've got a table that is produced through 2 loops (using coldfusion). I need to be able to place the classes within an array, that way I can calculate the columns and rows. Here is the link: http://mercury.hamilton.edu/devmpstone/forms-pdf/employee-expense-report.cfm The JavaScript looks like: $('.calc').change(function(){ var classArray = new Array("'"+$(this).attr("class").replace(/ / g,"','")+"'"); alert(classArray.length); $.each(classArray, function(){
Form Validation Scroll bar problem
Hi, I have a heirarchy of controls to validate. I am using Jquery Form validation. In my application the scroll bar not moving to the first control which is not valid after the validation fires. I want the scroll bars to move to the first control which is in error. Can any one help me. I am using Ajax Update Panel in my page. Thanks in advance Ratheesh
[jQuery] Css icon image in tree jquery plugin
File: jquery.treeview.css Hi, i would like to modify the css to visualizze other bigger icon of 30px height 30px width; I know i have to add the path and the image in this way .filetree span newclass {background: url(images/image.gif) 0 0 no- repeat;} but i would like to visualizze them bigger. Do you know? Thanks
[jQuery] ISSUE - Multiple click events on single click
Hello, I'm not sure if anyone can help me with this issue, but I'll put it out there and see. I have a page that displays a company's information along with a list of the contacts for that company. There could be anywhere from 0 to infinity number of contacts, and each one has an 'Edit' button to allow the user to edit that contacts information. When the user clicks the edit button, a box with a form pops up (jQuery Impromptu) with the information. The issue that I am having is that when the user
[jQuery] jquery blocks javascript?
Hey. I'm using jquery, to load in pages. now one page, is a list. it uses *again jquery* jquery code, to do something with the li. Now somehow, alone, it works. but when I loaded in the page, it doesn't work anymore. Some code: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.2.6/jquery.min.js"></script> <script type="text/javascript" src="js/jquery- easing-1.3.pack.js"></script> <script type="text/javascript" src="js/jquery-easing-compatibility. 1.2.pack.js"></script>
[jQuery] call ajax on ENTER key press
Hi all <input type="text" name="movie_name" id="movie_name" /> This is my autosuggest field , when the filed is filled with values then user trying to post application using ENTER key , But i written code for onclick only , now tell me , How to submit value , When the ENTER Key pressed , Thanks
[jQuery] JQuery BREAKS in IEx -- H E L P!!!!
Hi, I've searched the group but haven't found a working solution. I'm using this plugin for form validation: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ It works great in FF, but not in IE!!! What can I do to fix? There's too much code to post online. But I can tell you about it's conctruction.. It's a mix of ColdFusioin and JQuery. (If yo're not familar with ColdFusion the CFOUTPUT tags don't show up in the final output to the browser and the <cfif> will only generat if the value
[jQuery] Is it possible to hide the destination URL of a link?
I have a menu, on which is a delete link. The URL of the link is quite plain: <a href="http://mysite.com?delete=true&id=123">http://mysite.com?delete=true&id=123</a> (quite obvious I think that the request is to delete the id=123) I wish to hide the destination URL in the browser from the user - so that it shows a harmless url like: <a href="http://mysite.com?#">http://mysite.com?#</a> or similar. The reasons are more aesthetic than anything else. Also the other advantage is once the user clicks
Simple hide&show - dynamic input fields.
Hello! For example i have this sort code: for ($i=0;$i<$db;$i++) { $t1="toggleh$i"; echo "<div class='c'>Test<input name='$t1' type='image' id='$t1' src='test.png'/></div> <br>"; } Its ok... i try to make clear the screen for users, so i use hide & show to hide some row on screen what users actually dont need... The JS part of code is something like this: $('#toggleh0').click( function() { $('div.showhide').toggle(400); }); $('#toggleh1').click( function() { $('div.showhide').toggle(400);
[jQuery] left side Slide on hover
Hi Folks, i have tried the below example..is it possible with the jquery that the left side a small slide is there..if i hover it then it opens displays ("Back to Main Page") and if i removes the mouse it will back again. <a href="http://www.open-lab.com/mb.ideas/index.html#mbbuttons">http://www.open-lab.com/mb.ideas/index.html#mbbuttons</a> can any body suggest me how to do this using jquery<br clear="all"> -- భరత్ భూషణ్ అంబటి
Next Page