I have a complex JS object. It manipulates the page DOM. Inside it I have many repetitive selections spread across functions. I would like to cache the selectors to enhance performance. How do other people do this? I can cache on the function level but not the object. When I try to cache on the object level I seemingly end up with stale selectors that while defined don't actually work.
My gut is that I can only cache on the function level?
what I have read does not deal with caching inside a JS object.
I'm trying to create a list of recipes which will on document ready all be hidden except the first one. And then when I click one of the dynamically added links (in a ul) in the sidebar I want the corresponding recipe to go from hidden to shown. I've managed to do everything really simply except I have no idea how to find the corresponding recipe when I click a link in the sidebar (the links link to the recipes with #recipe<number>)
Somehow I need to access the id of the specific recipe, which I suppose should be possible since the clickfunction should store that somehow?
EDIT: I just realized that I could just use the href value as my id for the recipe (since its the same e.g. #recipe). However I'm having trouble using the variable that stores the href/id in the .show function.
$("a[href*='#recipe']").click(function() { $(".post").hide(600); var theHref = $(this).attr("href");[code]....
What happens if you do the following? - That is deep copy a jQuery selector.
[Code]...
I'm concerned whether the myObj.selector object will deep copy the whole of jQuery as part of the process. My initial tests did not show any obvious speed hit, but it is rather a basic test right now.
function JGallery(){ this.name="defaultGallery"; this.images=[{//some JSON here}] this.render=function(){
[Code].....
I've tried to debug it in firebug, but I guess there is a problem with the scope of the 'this'. The 'this' in
//i want append div with id of the name property of jgallery class $("<div></div>").appendTo("#container").attr("id",this.name); seems to refer to the iterator in the $.each().
I've tried to do this.this.name but it still doesn't work. Is there any way to allow me access the property of the Jgallery class?
I'm trying to use jQuery to get the two-letter country abbreviation from a URL that does exactly this. You give the URL your IP address, and it spits you back the string. Try it: [URL] When I try to get this to display on my page using jQuery, however, all I am getting back as the "data" is "[object XMLHtttpRequest]". I am thinking this has something to do with the fact that it's not coming back as HTML? It's just "US" as a plain text string. Does this make a difference? Here's my code:
I am trying to implement the PowerZoom script inside of FancyZoom. The scripts work fine when called separately, but if I try to call PowerZoom inside of the FancyZoom object nothing happens. I get no errors from the pages and the console is clean.Is it possible to call a function from a dynamic object? Here is a test page to see what I'm trying to do.
jQuery.fn.checkBoxTableHighlighter = function(){ return this.each(function() { var $obj = $(this);[code]....
When the check box is checked (onload, click or keyup), if the table has a specified selector then i want to change the background color. I already have a working sample that i am converting to plugin. Since, my selector is at the table level, how can i find the checkboxes that are inside tr and td?
Trying to add a new property to a non-jQuery object from inside each loop doesn't appear to work: var arguments=new Object(); arguments['ticket']=ticket; arguments['email']=email; arguments['module']=module; arguments['epoch']=new Date().getTime();
var total=0; $('select.category').each(function(){ var name=$(this).attr('id'); var option=$(this).find('option:selected').val(); total+=parseInt(option); arguments[name]=option; });
The 'total' variable works as expected. The the 'arguments' variable doesn't. Almost like a variable scope issue or something. If I put some extra debug code to print out all the property/value pairs, outside each loop I only see original four, and inside each loop only the new one just set and none of the original four.?
I have a textarea element, and a link action to empty the textarea.
$('.area').empty();
Normally it works fine. But after a ajax call to send the textarea value, the empty() stops working. I also tried text(), html(), none of them are working. The original text in the textarea still stays there. I have no way changing its value. My guess is firefox caches it or something.
I am using vs2010 and when I hit ctr + F5 it launches which ever broswer I select to browse with and tells it not to use the cached version of that web page. But regardless if its chrome, firefox,IE, opera or safari,they all seem tohit a wall and stop recognizing my changes code tweaks. How do I resolve this frustration! It is very trouble some when testing .json file changes and css changes.
It looks like IE is caching the response for some AJAX requests here. The app I'm working on is a catalog of sorts. Clicking the link for a category loads a set of "items". Those, in turn, may be deleted from the admin view. The delete works fine (I checked the DB) but, when loading the same set of category items, I'm seeing the list unchanged. That is, the thing that was deleted is still there. Sorry for the crap explanation but I'm not really sure of a better way of putting it. Bottom line is, has anyone seen this sort of behavior with IE before? Can it cache the result of an AJAX request like that? And, if so, how can I guard against that? Can I set cache-control headers for an AJAX request?
I am working on a web app that pulls content using multiple JSON files. I have tried numerous methods of parsing the JSON, but only the following has worked for me.
Ultimately I would like to somehow store the contents of the JSON files locally and swap out as new content is available. Unfortunately, I don't know how to do that. And possibly a method of using a more current version of jQuery to parse my JSON files?
I am trying to read all the navigator object elements
1. Using the navigator.length returns undefined, cant use for loop;
2.Using and array of known elements like var a = Array("appCodeName","appName","appVersion"); I seem to miss something to get it combined like navigator.a[i]
I have something that's called with AJAX when the user enters some text [url]. What I want is to execute some javascript within this "frame". If the frame calls something, with say <script type="text/javascript"> document.write('h'); </script> in it, then "h" doesn't appear, and neither does anything besides what would normally be shown if I didn't add that.
I'm creating a popup to display a loading message, inside this popup i placed an animated gif...the problem is that the gif is not being animated (it is an animated gif...) , its is being shown but without the animation...
This is the code:
oPopupLoading = window.createPopup(); var oPopupBody = oPopupLoading.document.body; oPopupBody.style.cssText = "margin:0px;border:1px outset;background:#97baea;FONT-FAMILY: verdena, Arial, sans-serif;overflow:hidden" var hStr = "";
I'm using jQuery $.ajax or $.getJSON on document.ready to access data from the server through coldfusion remote cfc files.
My url looks something like this for the main page [url]
When i go to a new page i.e. [url]
The ajax functions are called but are not collecting new data (only in IE). IE caches the response and wont give me a new one unless I refresh the page, which I don't want to do.
Here's an example of a function I call. I've also tried $.getJSON with no success.
function getGrains() {
I've looked into ways to make sure IE wont cache files. Some of the popular suggestions are:
Add a random parameter to the url: I've done this:
Change get requests to posts: Done (see function)
Also, jQuery's cache:false doesn't work.
I'm not sure I can use the meta tags or header cache-control functions because it's not caching my html page, it just caches these HTTPRequests from within my javascript file, and they're not loading html, just json objects.
How do I store an object reference inside a variable when I want the object reference to to reference the first "ul" html element nested inside the current object (as referenced by this keyword)?
