JQuery :: Plugin Framework - Extremely Short Memory When Writing Code
Jan 5, 2012
Working on creating my own plugin and realized that I would very likely end up doing this again in the future. Unfortunately, I have an extremely short memory when writing code. I frequently have to re-read the code I've created the day prior so I can get back on track with what I was doing. As such, I'm a fervent commenter in my code.
So, I'm creating a jQuery plugin framework with comments for everything that's going on in the framework to prevent my brain from having to re-learn everything in a month or so when I do another one.
Plugin-savvy folks to take a look at this code and help me fill in the blanks and make corrections to those places where I'm way off base. As you'll likely notice rather quickly, this is taken from the jQuery plugin tooltip construct found here: [url]
We have a corporate product which uses ajax and different layers of soa , java etc across all browsers and multiple platforms But the observation is - IE8 is extremely slow when working with ajax framework. THe browser processing time increases exponentially with increasing js file size. Works fine in non IE browsers.
I have a table, 10 cols, 200 rows. Using tablesorter causes a memory leak on every page refresh of almost 2mB. A smaller table causes a proportionately smaller memory leak. Is there way to clear this memory? I've tried setting inner html of the table to '', but it makes no difference. Is there even a universal method i can call to remove any trace of any jquery plugin I have on the page?
I'm building a JavaScript-based calendar for a client that will require me to replace the page's HTML based on the user's input. For example, if the user clicks on a particular date, then the month/week calendar will be replaced with the day calendar. Needless to say, there are several event listeners involved. However, if I suddenly swap out the month calendar for a day calendar, does that mean that there are several event listeners in memory for elements that no longer exist? Or are those listeners destroyed when the elements are destroyed? Basically my question is, every time I swap out the HTML, do I have to detach all of the old events too?
Ok, so i need help writing a java script that will look at a bunch of numbers and output the highest one so what i need is for it to do something like this.
(A is my input value)
(B is my output value)
the (A) value will be constantly changing and with the script has to do is look at all of those values and output them to (b).
I'm having trouble using jQuery to find get select box values by element name. At the moment the code is in a for loop and it gets 8 different form values and puts it into an array. Currently this takes 1.5 seconds to execute which is far too slow as the user has to wait for it to finish. Here's the code which is inside the loop:
[Code]...
This when run executes instantly with no time delay. Why is the jQuery way so much slower? I'm all for saving 2 lines of code but not when it's 10x slower. Also I shouldn't need to put an id on the select box element to make finding it faster, the name value is already unique because I require the specific value once the form has been submitted.
In the below code i tried to write java scirpt in action attribute of form tag in html . Why i wrote that was i want to get the scirpt variable as a part of the url of the target page. I also tried using the location.href="targetpage?value="+value . But It is not redirecting to targetpage because of the action attribute in the form tag. And if we use location.href without action attribute only that script variable was posted and all other remaining textboxes and other form items are being not posted .. Thats why I wrote the scirpt in action attribute. I want the action attribute to work and also the java script variable to be posted .so i wrote the script tag in action attribute of form tag .
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript"> function TextScroll(scrollname, div_name, up_name, down_name, top_name){ [Code]...
When I use mouse wheel in Firefox to scroll contents of the DIV, memory usage in Firefox goes through the roof. Code above is a fully working page, if anyone would like to see what's up, just load it up, and start moving your mouse wheel in the area with text. You don't actually have to scroll the text, just moving the wheel back and forth in that DIV will do. Memory usage will start going up quite fast, and after you stop moving the wheel, it will finally come down a bit after a short while. I've highlighted in red the line where mousewheel event is registered for Firefox. I'm not sure if it's really a problem, but since Opera and IE don't have any strange memory usage, and Firefox does, maybe I did something wrong. In everyday use it shouldn't matter [don't expect to have kilometers of content to scroll], but anyway, it is a bit unsettling.
Somewhere, embedded in some script, there is an extra > character. The result is an annoying mistake on my website. You can see the unwanted character at the bottom of the 'architecture' section at I'm not sure where to look to get rid of it.
I have to code an errorPlacement for my form checkboxes. The form works good with the default behavior; but I don't get how to code a special errorPlacement for the checkboxes. I used the Milk form demo. My working form (less the checkboxes) is at [URL] and the non-working one is [URL]. I know this must be really basic but I really new at this (I'm just a designer doing his best!)
Adding a new plugin page only has Project resources section which only has links to refer.Is there any way by which I can just attach/upload my plugin source code instead of linking to some website?
I test to creat a plugin 'infobulle' for my website, but when I want send HTML code (infobulle content), I never receive this...
This is my HTML code : <div class="K_infobulle"> <span class='K_infobulle_content' style='display:none;'> <span class="bold">Lorem ipsum dolor sit amet</span><br/><br/> <span class="underline">Lorem ipsum dolor sit amet</span><br/><br/>
[Code].....
But I have just alert with writing 'null' ..
EDIT : I have resolve the forget problème of 'K_' in each class.
The standard Number.toString() method returns values in scientific notation once they exceed 10^20. In many cases, this is not an expected or desired result.
The toLongString() method provides a solution by always returning a literal numeric value regardless of the number's size. However, the value returned will not be accurate beyond the first [log base (radix) of (10^15)] digits.
radix: Optional. A number between 2 and 36, inclusive.Number.prototype.toLongString = function(){ var radix, n = this, d, t = '', p = '' if(arguments.length>0 && typeof(arguments[0])=='number'){ radix = Math.round(arguments[0]); if(radix<2) radix = 2; if(radix>36) radix = 36; } else { radix = 10; } if(n < 0){ n *= -1; p = '-' } while(n > radix){ d = n % radix; n = (n-d)/radix; t = d.toString(radix) + t; } return p + n.toString(radix) + t; }
I'm trying to code a play/pause button via Jquery and the Cycle plugin. I'm able to toggle between the two and the "resume" function works, but am not sure how to make the "pause" function work.
Looking at the sample code below, if you click the same link over and over, I get the desired result / animation of the revealed div. If however you click 'link 2' then any link except 'link 2' the animation is different. What do I need to change in my logic to always get the desired result despite which link was clicked?
Someone kindly produced some code for me so I could get my slides links to link to my other slide page. The thing is I am using the "pagerAnchorBuilder" option on my original slide and I cannot seem to get the new code I was given working with my code on my website. Can someone advise me on how I can get the new code working with thepagerAnchorBuilder.
I've been using this little bit of code to show a div when the user rolls over a link: $('a#eventspopupbtn').mouseover(function() {$('#menu').hide('fast'); $('#eventspopup').show('fast'); return false; }); I have been trying to extend this bit of code so that there is a short delay built inso that if the user rolls over the link by mistake or 'just passing through' the div is not displayed. I tried using setTimeout but couldn't get that working (unfortunately, I can't share that with you because I lost the code).
Our web site is built on the LiveBooks framework which is basically Flash-based. Due to their framework not being able to display a Flash slideshow that I'm still completing within their Flash shell without doing a lot of odd things to the Flash file, I'm having to re-create the look of our site in HTML for the purpose of correctly displaying this particular page. Basically, I have an HTML page that has the SWF embedded but I also need to recreate the pull-down menu that is in place on the other pages via Flash. Go to smithphoto-dot-com and after the page loads the intro, select one of the olives other than the one labeled "studio". On any of these other pages, roll over "folios" and you'll see the Flash-based pull- down menu that I want to re-create. Selecting "studio" from any of these pages will navigate to the HTML version of the studio page where I need to insert the Superfish menu. I've attempted this at inet-