I wrote a simple jQuery script to take a HTML list (ul and li elements) and add collapsing functionality. The problem is that when you click one of the items open and closed repeatedly, the execution gets slower and slower and eventually stops responding.
[Code]...
The list starts out fully expanded with a "+" next to each item that can be folded, which changes to a "-" after the folding is done. If a "-" is clicked, that item and all its children are expanded.
I am using the cycle plugin on the homepage of my website and it it taking 6.5s ish to fully load the page. All the elements are loaded in less than 1s but it takes 5s plus to render the final page. Is this a CSS issue or is there a better way of using the cycle plugin?
I was wondering if the jquery out of the box allows for repeated ajax requests at a certain time interval to update elements on the page. I found a plug in that can do this:Just wanted to make sire i can ot inherently do it with jquery.
I am a little bit stuck with the events attachment. Currently I want to create an unsorted list, that he "li" elements, that have "ul" child nodes, should respond to a mouse click, hidding the corresponding childs, however, with the increasing of 'ul' levels the events attachment increases proportionally. In the example bellow, the "li" with "3.c" text should raise only an alert, but it is raising two.
I m aware of various ways to validate forms using JQuery, but here I have a complex thing, and i need the most optimized code for it... Basically I have a form made up of rows each containing a number of input text fields which are repeated on a the following rows however of course with different IDs and names... There is no need to fill all the rows, but it is necessary to fill all the fields of a specific row. Now I was wondering, how can i make sure that each row is properly filled? knowing that some rows will be totally blank [which is okay]
I have some elements that hide and show real quick when I click on the same selected checkbox. I only want to hide or show something on change, and only when I need to. The way the behavior works now is I have 20 checkboxes, and each time I check one (even if it's the same), I see the associated elements hiding, then showing real quick. I don't want anything to happen though if all they do is toggle the checkbox, unless there's a condition to uncheck it. It's kind of hard to convey what I'm talking about here, but maybe my code can shed some light:[code]
I've noticed that my site has been loading slower lately, especially in google images. I'm thinking that this could be due to the google analytics javascript. I was told that page load slows down if its placed on top (which I have). Is this true? I'm not really warming up to GA but I also don't want to nix it completely. Bottom placement doesn't work for me as GA does not record then.
I have a nice javascript slideshow but it kills the rendering speed of my home page. According to Yahoo performance guru(s), javascript gets run before other stuff is rendered, so you fix that by putting the js code "at the end" of the html file.
Putting it at the end puts the slideshow at the bottom which is not the desired result. And even abs positioning is slave to the <div> structure.
How do I nullify the flow just for this one thing (I don't want to make the whole page absolute).
I've been doing some research on javascript's impact on the time it takes for a page to load, as defined by firebug's "Net" tab's "onload" demarcation (the red line). It seems that aside from dynamic data that's not part of the HTML, enabling javascript always slows down the page. I've checked wikipedia, yahoo, digg, even google; a javascript-enabled loading of each site shows a later onload() event compared to loading the same site without javascript enabled. My question: Can anyone think of a site that loads faster with javascript than it does without javascript?
when I load this in the browser and check the JS file code, the code is duplicated twice. The whole code is repeated.I could not understand why this is happening. I checked this in Both IE and Fire fox and the result is same.
And the file called puts the data in the database..This all workes fine, but if I click the link again, it doesn't work... It works in Firefox, if I click the link or button or whatever it puts data in the database multiple times...But in IE7 and 8 it only works on the first click, and when you have to close the browser window and and go to the url again make it count one more click...
Here is the preliminary design of a site I'm making in Adobe GoLive (CS2) in OSX Snow Leopard:I'm using CSS for the layout.What I'd like to do is have the nav menu at left be a separate HTML page that I only have to edit once, and then have repeated throughout the site.I achieved something similar with a javascript code I learned from a friend for the title and top menu of this site:The script on the ScorpioMartianus page looks like this:
I am working on a project using the (brilliant) cycle plugin, here's the scenario: (apologies in advance for bad terminology that may be used)
I have a pager using thumbnail images, the slides contain text, at the moment cycle automatically cycles through the slides. I want each pager thumbnail that corresponds to it's respective slide to grow when active using the hoverpulse plugin.
I've been attempting to use 1.4.1 but I'm finding that $.get() and .getJSON() callbacks fail. The XHR requests succeed. I can examine the full request in both Chrome and Firebug. However, the callback functions *don't* execute. To test, I tried the same url with both 1.4.1, 1.3.2, and via a raw XMLHttpRequest(). The last 2 requests succeed, 1.4.1 fails. //v1.3.2 WORKS, fails in v1.4.1 $.get('/topic/api/template/list', function(data){
I'm was able to successfully use your plugin for firefox, safari, chrome. When the form submits the request with file upload, here is the html I send back to the browser (via Rails): <textarea>{'status': 'success', 'avatar_url': '<%=@user.avatar.url(:medium)%>'}
Here i am posting the request to a servlet.The call is going to the servlet.But i am not able to get the data (filename which i am sending ) in my servlet. How to access the param value in the servlet.
I'm trying to make a jquery powered login and register element within a webpage. The page won't read the value of the forms I want it to read. The page is here[URL].. u1241436/Messages/(login or register forms). I use the following code:
Sorry but I can't get the very first tutorial to work. I put the custom.js in a test_jr directory in htdocs. I also put the starterkit.html file in the same directory. I copied the contents of jquery-1.4.4.min.js into a jquery.js file also in the same directory. Then I did the custom.js page shown here:
I tried clicking on the [URL] and I get the starterkit.html page. If I click on the "some link" it doesn't do anything. What am I missing? There are syntax errors in my editor starting on the line with the asterisks* Why is there an error there? It looks like it closes the click function?
Iam using jquery.validate.js I have a forgot password page it has 2 input fields. 1. User name and 2. Email ID The user has to type any one of the field. How to validate this?
I have been having issues with the .html(), .append() and .prepend() functions. If I attempt the following [code] jQuery doesn't seem to register the click. Is this a known bug? Is there a way around this?
I didn't suspect that it will cause problems, but found that Skype plugin is pasting some JS code into ready page and it search for number which are telephone like. Unfortunately when it matches, it is pasting js code. When tab is changed and I'm returning to the same page tab content is pasted second time in this tab. When I'm doing that again it's pasted third time... It's only happening on tabs on which this toolbar found telephone number.
I have five div tags(jquery tabs) in my aspx page...Inside the seconddiv(tab) i have a button. onclick of that buttton the second div(tab)should be switched..instead of that the first tab is coming.. How cani switch the tab in code behind(Inside button onclick event)...
I have created a couple simple custom validators but this one isn't working. I have an input #eSig and two others #FirstName and #LastName. I need to add a rule that says the value of #FirstName must be contained in eSig, and one that is the same for #LastName.
