JQuery :: Refresh List (getJSON And SetTimeout) Without Intermittent Effect?
Feb 27, 2010
I'm creating a list of online users. the problem is that when I refresh the list with setTimeout, the list of users disappears for less then a second and then reappear. I this because this is the time to get data from the server
I have an anchored list of items that when hovered over will add a background and change the color, giving it a highlight effect by toggling a class. Something like this:
$("#theme li a").hover(function(){ $(this).addClass('hoverHighlight'); }, function(){ $(this).removeClass('hoverHighlight'); });
When I press one of the anchor items, it runs a function that changes a bunch of css values across the page, including the values of the 'hoverHighlight' class. The thing is after the function runs, all the css changes gets applied (I can see this), but the hover still uses the default values I set in the css file, and not the new ones I set in the function. How do I make it so the hover function refreshes to the new values?
i am trying to do a mouseover effect with some images inside an unordered list. i have a lot of divs in my html (some are generated) but its fairly straight forward. i have tried all sorts of variations on my jquery code below but cannot get it to alert me. i am not sure if the other div containers matter at all or not.
this code refereshes the whole page and focus goes at the top of the page but I want the focus of the page at the same place where I perform refresh. Actually I am using AJAX to submit a form, a form opens through ajax request but I need to refresh the page to take the effect of the dynamic data, which is being saved,updated or deleted on the page. So is there any way where focus of the page remains there when I refreshed the page
I want to create an array of list items that will shuffle randomly when a user refreshes the page. I also only want to display 3 items at at time, but when the browser refreshes it will show 3 random ones each time.
I've seen shuffle plugins, but they work if someone clicks on a button to shuffle the items, which I don't want to do. I want it to shuffle randomly on reload of the page.
There is an effect I would like to do but I don't know how it is done. To see something like it go to:[URL].. then mouseover the right side items under "most recently". It seems like there is a dt link which when mouseover occurs the dd data is presented.
I have a web app with a game and chat updating with ajax very frequently sending thousands of XHR requests to the server during a user's session. The problem is that most clients experience intermittent connection failures or timeouts. On the server it appears to be fine, all requests are logged to have completed successfully and on time but the client gets either a communication failure or a timeout. This makes the user feel like the game or chat just got stuck.
I use YUI for making the XHR calls but I replaced that with jQuery with exact same results. I make sure that only one query is active at a time, so I am sure that I am not hitting the max 2 connections problem. The failure rate may be 1 in 200 hundred requests or something but it seems that when a client has a failure then it fails at a higher rate, say 1 in 10 until the problem goes away. I have clients send back an error request when such errors happen in order to track the problem. I have tried various things to try to figure out what is wrong but I have not found anything. I don't think that it's the client's connection as it happens to a sizable portion of my users, it doesn't look like it's the server either.
So what I am wondering is whether this failure rate is common or expected when doing heavy ajax staff and I need to find a way to work around it or this must be a problem in my system that I need to figure out. If the latter any pointers where to look at?
In my home page menu, the blocks change color on the hover effect just fine and shows the first child menu, but when you hover over the child menu, the hover colors turn off of the main menu. I want to know how to maintain the hover effect through browsing the entire menu.
Click on the first image. then navigate through the ligthbox using 'Next' button.Sometimes the images appears distorted.Is is due to the Lightbox ajax rendering of the images?
I have a form with a list box. Beside the list box I have a link that opens a new window in order for users to enter new records which then appear in the list box. How do I make the list box refresh to show newly added records? Can I refresh it when it receives the focus or are there better ways to do it? Also, how do I make the new window open to a certain size or to make it maximized?
I am building a HTML file with a listbox/menu with 4 values in it. The page works fine on the first run and each time the list is clicked it displays the option selected. However it works the first time i click each of the four values and the second time i click an option it displays something else in the list. Can you figure out if the problem lies within my switch statement..??
function checkVal4(Val) { switch (Val) ............
I am seeking to change the color attribute in my CSS file under the ID's #realmaturesingles and #seniorpeoplemeet upon the hovering of these links. These two ID's are initialized inside an <a> tag (these are links). How can I do this with JavaScript? This is what I tried:
what i'm having is to dropdownlists with data from mysql (PHP). One is with manufacturer and other is items. Both data is from the same table, just different fields. I need, when I choose manufacturer, the item list show only these items asociated with choosen manufacturer without page refresh
Im having a bit of trouble with the bounce show effect from jquery ui. To see what I mean, check out my development site. Anytime you modify a part in this computer builder, the rigth side gets updated. Right now its removing and adding list items. Problem is when click items too fast, the animation doesnt finish and the next item gets bumped lower and lower.
I have the following function that's supposed to say "Please make a guess" 20 seconds after an initial confirmation is displayed. However, it's immediately displayed as soon as someone hits "Cancel". If I change it's time to 40000 (20 seconds after the initial function is called), it does do it 40 seconds total, so it kind of does what I want. So it seems that the second setTimeout is initiated from the time the script is called generally, but I'm looking for a way specifically to have the 20 seconds start only after the "cancel" button is hit.
Trying to upgrade from JQuery 1.4.3 to 1.6.1. My getJSON queries no longer populate my SELECTs. The below code works perfectly in 1.4.3 but unsure what changes I need to make for 1.6.1.
function populateCause() { $.getJSON(urlQueries, {sql:'list_causes'}, function(data) { var select = $('#opencause'); var options = select.attr('options');
[Code]....
The ONLY change I made is sourcing JQuery 1.6.1 instead of 1.4.3. Evidently I need to change the method of parsing the JSON data also.
I am using the getJSON command and using firebug for debugging, if I go to this server i setup with this url: [URL] It returns json data warped with getdata({data}). I have validated the json part using jsonlint, so from firebug's net tab I get a param (callback getdata), header and response, etc. as expected. But if I use jquery's getjson, I get param, and header but the response is empty and function callback doesn't trigger (no alert). (I know that getjson uses OPTIONS instead of GETS and I can see that the request is made on the server and the json should be sent as normal). Here is my code for this section:
<script type="application/javascript"> function getdata(data){ alert(data.name);
The problem I'm facing is as follows. I'm using a JSON call to checksome data before doing a JS redirect to a different page. The redirectworks but it's impossible to get back to the initial page using thebrowser's back button. The initial location is not being stored in thebrowser's history.This is the script simplified. If placed on[URL]browser's back button.
After upgrading to jQuery 1.4.1 from jQuery 1.3.2, my getJSON requests fail.The error given to the ajax error handler, is "Invalid JSON: ..." where "..." is the text of the response.Firebug parses the JSON fine, and can display the JSON data as such in its console, and jQuery didn't have an issue with the same data with version 1.3.2.
The NS_ERROR_DOM_BAD_URI seems to be about cross domain issues but I'm working locally on the actual server so should I be able to access the data? Also why is there an XML parse error when I can see the exact data I want in httpfox's "Content" tab?
I have setup a little example here: [URL] It is JSONP because of cross site policy. The returned JSON is valid, you can check the response in firebug. The callback function is not fired.
Tested with jquery 1.3.2, 1.4.2 and 1.4.4. Same result.