[jQuery] Iterating over 1000 items - optimizing jquery
Hi, I'm doing an order form for a bookstore. The order form has over 500 items in it, so jquery runs slowly. There is no way I can change the number of items, it's a given and a piece of business 'logic'. The jquery I have comprises four simple functions to add increment/decrement buttons to the order form to increase quantities, and a jquery addClass call to add pajama/zebra stripes to the table. There are two quantity fields (again for business reasons), so that's over a 1000 items. http://test2.danieleastwell.co.uk/test2/master_order_test.html
[jQuery] Hiding and Showing behavior, where to mouseout?
I'm having a little trouble with getting a rollout behavior to work properly: I would like to have a button trigger a menu to open up. The menu will close back up when the user rolls out of the menu space. So far I have been able to get the menu to open correctly open a menu trigger. However, whenever the user rolls into the drop out menu, it closes back up again. Here's a working example: http://project.meyouand.us/webdev/jquery/drop-menus3.html The jquery I'm using: $(".menus h1").mouseover(function()
[jQuery] Problem with easing function was: accordion adventures
I'm writing inverted hover accordion plug in. In order to fully reproduce <a href="http://Apple.com">Apple.com</a> menu, easing function is essential. I'm using easing function copied from Interface. That easing function causes menu to jumps. In plain version (non-plugin) this function behaves nicely. Any clues, please? plugin: <a href="http://www.bydot.net/iccordion/">http://www.bydot.net/iccordion/</a> original: <a href="http://www.bydot.net/hoveracc/">http://www.bydot.net/hoveracc/</a><blockquote
[jQuery] Just my two cents > Filter <DIV> by ID, NAME or other tags while typing
Tried to find an example how to do this but found none. Search for DIV by NAME tag while typing Hide all divs but show only the ones that contain the search string. <!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" xml:lang="en" lang="en"> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function search(val2){ $("div").hide();
[jQuery] Incompatibility between jqem.js and jQuery 1.1.3
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <font face="Arial">Hi all, Since installing jQuery 1.1.3, a major memory problem has arisen in which 99% of the cpu is used. I did lots of tests and tracked it down to <a class="moz-txt-link-freetext" href="http://davecardwell.co.uk/javascript/jquery/plugins/jquery-em/0.2/">http://davecardwell.co.uk/javascript/jquery/plugins/jquery-em/0.2/</a> Is anybody else using this plugin?
[jQuery] add class to row object of table
Hi, My table format is this <table id="srTable"> <tbody> <tr><td>some data</td></tr> <tr><td>some data</td></tr> <tr><td>some data</td></tr> <tr><td>some data</td></tr> </tbody> </table> I have a small issue which might be easy for jquery pros. Initially I'm saving up all the table rows as suggested by George(Thanks to him) in my previous post like. for( var i = 0, n = trows.length; i < n; ++i ) { var row = trows[i]; var col = row.firstChild; rows.push({ row:row, col:col, style:row.style, visible:true
[jQuery] .change() and IE bug
does .change not work it IE becauseI have this 310 destination.load('/lib/ajax/price_buster.php', {'get': 'destination'}); 311 destination.change(function() 312 { 313 reset_data(0); 314 var destination_var = $('select[@name=destination]'); 315 316 nights.load('/lib/ajax/price_buster.php', {'get': 'nights', 317 'destination': destination_var.val()}); 318 nights_tr.show(); 319 }); And the first .load work but the second one does not load and the only thing i can think of is that IE does not like .change.
[jQuery] Passing variables to a dynamically loaded script
I am writing a page where I need to load different scripts based on what the user is allowed to do. I started by using $.getScript("test.js"), which worked fine until I realized that I need a variable from the original page within the script I called. What I have ended up doing (and haven't tested beyond firefox2) is using a regular $.get and doing an eval() in the callback. This seems to allow me to use the variable I need within test.js, but it really seems that there should be a better way of
[jQuery] What to do when a plugin's css gets in your way
What do you guys suggest when I use someone's plugin and its css contains styles that alter my entire page. I have never had this happen until I tried jTip, which is a very cool tooltip plugin. It has a body style that changes its font to 62.5% of an em, and that ends up shrinking all my fonts. Mitch
[jQuery] Javascript "object" detection
I'm writing some plugins/modules for JQuery and a PERL based CMS (yeah yeah, I know, PHP is simpler, etc, but its a long story, and I'm stuck with it), and I have a bit of a dilemma. I'm working on an implementation of JSON-RPC v1.1 using JQuery on the client side, and PERL on the server. I have the underlying preliminary code working - calls are being made, and responses generated and handled. I'm going back and doing the data validation and checking to make the system a little more robust. During
[jQuery] Loading remote JavaScript
Is there an easy way to get a remote script and run code when it has loaded as well as check the content type? $.getScript only works with those scripts on the same server. The problem I have is when using Google Maps I get often the sorry CAPTCHA page (the one you get if too many requests are made) instead of the JavaScript. This results in the rest of the JavaScript (not just the map) on the page not working. What I want to do is show that page (preferably in a Thickbox) when it happens so that
[jQuery] changing class
hi i'm trying to change the class of a label and i'm using this: $('label').click(function(){ $(this).toggleClass('pop').toggleClass('tart'); return false; }); initially the label class is set to 'pop'. when the label is clicked it toggles pop off and tart on, but then it runs a 2nd time and toggles it back to pop. why does the function run twice?
[jQuery] Accordion adventures
Due to popular demand (Mikael ;) ) I decided to rewrite my invert accordion script into plug in. Original code is on <a href="http://www.bydot.net/hoveracc/">http://www.bydot.net/hoveracc/</a> But,.... First incarnation of script (ver 0.0.1) shows old problem. Accordion is dancing. Demo can be found on: <a href="http://www.bydot.net/iccordion/">http://www.bydot.net/iccordion/</a> PS What you think about name iCcordion from Inverted Accordion, also "i" is connection to Apple as they inspired me to
[jQuery] Square brackets in name-attribute
Hello, a problem I couldn't find a solution for is the following: I have an input element with the attribute: <input name="[DUS][1]" /> Getting this element is easy using: $('input[@name*=DUS]') But what to do when I try to search for the following: $('input[@name=[DUS][1]]') This ofcourse won't work with the square brackets in it. So how to get attributes like this one? Thank you very much for your help!!! Greetings, Marc
[jQuery] simple menu - hover issue
Hello to all! I'm new with jQuery and was wondering if someone can help me out with my problem I'm having for simple menu. Here is the HTML code: <div id="headermenu"> <a href="http://flairpair.com/blog" title="FlairPair Blog Home"><img src="http://flairpair.com/blog/wp-content/themes/FlairPair/ img/home_off.gif" alt="FlairPair Blog Home" border="0" /></a> <a href="http://flairpair.com/blog" title="Web Development Blog"><img src="http://flairpair.com/blog/wp-content/themes/FlairPair/
[jQuery] jQuery Ajax Bugs?
I have use jQuery to send AJAX call to PHP script using POST. It's always execute error function callback. I check using FireBug Firefox extention, the passed XMLHTTPRequest to error function callback has some of this value : readyState : 4 status : 200 responseText : {The expected response} statusText : "OK" Here some of my code : $.ajax({url:'inc/ msgboard.php'.url,type:'POST',dataType:'html',data:'name=F8R', success : function(passed) { } }, complete : function() { }, error : function(err) { alert(err
[jQuery] Simulate foucs on any div, really get Firebug and use it
I finally figured out what was wrong with my attempt to get stopPropation to work so I could simulate focus on any div, not just an input element. This is the link to the demo and below is how it works (the foucs and unfocus part). http://www.whatbird.com/wwwroot/Components/Complete_Search_Tab.html#Javascript; Learn to use Firebug I could not have done this without Firebug and Mike Geary who clued me to putting 'debugger;' in my troubled handler, which is when I saw I could watch the "this" click
[jQuery] Why do my tooltips slide to the right in IE and are fine in FF
My jTips work fine in FF but in IE7 they are all shifted to the right by a fixed amount and I dont understand why or have a clue (ha ha) on how to fix it. If you go to this page and pass the cursor over the bird Acadian Flycatcher you will see what I mean. http://www.whatbird.com/wwwroot/Components/Complete_Search_Tab.html Maybe someone here can point out something I am doing wrong. Mitch
[jQuery] $(document).ready window.history.back() bug?
Hi All Not sure if this should go straight to the dev list so trying here first. I've just spent two hours debugging a strange issue where the following triggers the back function and ignores the contents of the if condition: $(document).ready( function () { if (window.history.back()) { $('td.dynamicBackButton').addClass('txtAlignRight'); $('.dynamicBackButton').append('<button tabindex="-1" type="button" onclick="window.history.back()">< Back</button>'); } } ); Is this a bug?
[jQuery] $(document).ready doesn't pass document
I'm trying to get a site using iframes working, and for that I do the following: $(frameDocument).ready(frameInit); where frameInit is a function that sets up the logic for the page in the frame. I'd like to be able to just use normal queries like $('a') in frameInit instead of queries like $('a', frameBody) since I'd like the frame document to work, even though it's not loaded in the frameset, but it seems the ready function doesn't change the this variable to the document in question. In short:
[jQuery] hide table rows when we type in text box
Hi everyone, Thanks for everyone who responded for my previous queries. Here is an assignment which I feel challenging for our for our jquery guys. for table with 500 rows. I don't want to use any plugin for this. Well the task is when we type some thing in a text box it has to show only those rows which has the value typed in textbox in one coloumn. For ex. consider a table with id "example" <table id="example"> <tbody> <tr><td> blah vijay</td></tr> <tr><td> blah victor</td></tr> <tr><td> blah avinash</td></tr>
[jQuery] some javascript function on "some.html" won't work
Dear all: can some one help why sometime i load some html like $("somediv").show("slow").load("some.html"); some javascript function on "some.html" won't work but it will work when call it alone? Thanks!! Michael
[jQuery] Seach and replace Rails template tags
Hi, I'm trying to search through a node and find all of the Rails template tags: <% and %>. I'd like to simply remove them, but can't figure out how. How is this done? :) Thanks! -- View this message in context: http://www.nabble.com/Seach-and-replace-Rails-template-tags-tf4300911s15494.html#a12242044 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] TableSorter 2.0 documentation notes
Two easy to fix errors: The example code in Getting Started uses tableSorter() several times rather than tablesorter(). Threw me off till I compared my code with other examples. http://tablesorter.com/docs/#Getting-Started The example code for text extraction has comments left over from forced sorting. http://tablesorter.com/docs/example-option-text-extraction.html
[jQuery] TableSorter Set Column Sorter to false
>From the docs I gather that I should be able to do the following: This should allow me to define the parser per column as well as to tell it that I do not want the edit column to be sortable. The parser definitions work fine but the sorter:false is not working. I want the edit column to be un-sortable, any suggestions? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>JQuery Grid</title> <!--- tablesorter --->
[jQuery] Feature suggestion: animating through stylesheets
It has been my observation that, when animating a lot of elements, jQuery does so by manipulating the style attribute of each element to be animated directly. Accessign DOM attributes tends to be relitively slow in most browsers, and if you're applying an effect to a large number of elements, this can really tell as animations that were smooth for small numbers of elements grow increasingly choppy. An idea occured to me, maybe it would be possible to use stylesheet rules for animating elements instead
[jQuery] New jQuery Cheat Sheet
There are a few jquery cheat sheets out there already, but I wanted to create my own tailored to what I need and how I wanted it to look. I created it in Excel so it is easily modifiable. http://www.JavascriptToolbox.com/jquery/JQueryCheatSheet.xls I hope someone finds it useful. If anyone finds technical errors or has any suggestions, feel free to email me. Matt Kruse
[jQuery] Loading a DOM Element with Rails Template Syntax?
Hi, I've got a template that is loaded into the page, and immediately hidden by jQuery. I want to duplicate it and append it into another place on the page. The situation is that there are spots in the HTML fragment that have the Rails template syntax: <% something.each do | item| %>. What I'd like to do is replace "text" with something else. The problem is that jQuery doesn't seem to "know" about these tags as I can't find them using text() or html(). I've tried serializing the element to html()
[jQuery] Get the element that's appended directly without using second step?
<div class="Section1"> <p class="MsoNormal"><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; color: navy; font-family: Arial;">This is exactly how I do it. I don't even append the new element until it has been fully populated or manipulated. I don't want my users to see a half way completed div if some procedure takes longer than expected.</span></font> <div> <p class="MsoNormal"><em><b><i><font color="navy" face="Arial" size="2"><span style="font-weight: bold; font-size: 10pt;
[jQuery] Optimization Help
Someone want to help trim this function down some? What it does is take a list of checkboxes and if someone selects "ALL" it turns off all the other boxes and checks, if someone selects any other box it turns off "ALL" and allows the others to light up. $('input[@id^=categoryid]').click(function() { temp = this.id.replace("categoryid",""); if (temp == 0) { $('input[@id^=categoryid]').attr("checked",""); $('input#categoryid0').attr("checked","checked"); } else { $('input#categoryid0').attr("checked","");
[jQuery] How can I add new plugins to JQuery plugin list?
Greetings, Last time I working under creation of new plugins for JQuery. What I need to publish my plugins description in JQuery site? Where have I to place my plugins in external web-servers or it's possible to put my files into JQuery web-site? There exists any validation phase for new jquery plugins ? Thaks for advance. -- Regards, Victor Bartel
[jQuery] jQuery 1.1.3.1 Safari Crashes
jQuery 1.1.3.1 Safari Crashes After upgrading a high-traffic Web site from jQuery 1.1.2 to jQuery 1.1.3.1, some Safari users started reporting that the Web site would cause their browsers to crash. The crash would be that Safari would instantly shut down. I set up multiple test environments using clean installs of Mac OS 10.4.0 through Mac OS 10.4.4 (with some newer 10.4.10 systems already in place), to determine which versions of Safari experienced this problem. This is the basic test code: <!DOCTYPE
[jQuery] Problem with SVG/XML and Jquery ???
Hello, I tried desperately to make the jquery with the SVG code but does that seem not to function... is it that someone to an idea? or of the examples that function ? thank you for your help (I use Firefox and adobe plugin svg) ================================================================ The code doesn't function below <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> <svg xmlns:dc="http://purl.org/dc/elements/1.1/"
[jQuery] Disabling ctrl+v(paste) in forms with jquery
I'm looking a script to disable users to paste content in forms using ctrl+v. How to avoid that? Cheers
[jQuery] Help with show/hide script
I'm skipping around the jQuery book (finally!) and working on converting an existing PDF manual into an HTML doc - I created the following script to show/hide a table of contents - and widen the page content using a toggle: <script> $(document).ready(function() { $('#mybutton').toggle( function() { $('#toc').slideDown("slow"); $("#manual").removeClass("bodywide").addClass("bodytoc"); $('#mybutton').empty().prepend("Hide TOC"); }, function() { $('#toc').hide(); $("#manual").removeClass("bodytoc").addClass("bodywide");
[jQuery] Plugin for uploading multiple files/directories?
Hi all, I'm looking to allow a user to upload mutliple files or even better, an entire directory worth of files. Adding a progress bar for the batch or single file upload would be ideal. What's my best bet for doing this? Thanks. - sf
[jQuery] [CFJS Plugin] Replace() problem
Dear All, I'm using the excellent CFJS plugin from Chris Jordan (see <http:// tinyurl.com/yr66lp>) to ease some string functions in my web pages. I'm running into a problem when using Replace() or ReplaceNoCase(): the original substring won't get deleted from the final output. Here you are some code: 1) The original HTML code: <div class="Menu2L"> <a href="http://site.com/url.html">S&P/Mib</a> | <a href="url2.html"> Midex</a> | <a href="url3.html"> All Stars</a> </div> 2) I will try to
[jQuery] jqDnR and resizement proposal
Hi All, Does anyone know how to implement resizement following a certain amout of pixels with jqDnR ? For example I would like the plugin to allow resizement East, South or both by steps of 10px at a time. In other words, I would like to have something like the grid option for idrag.js but with the resizable facility of jqDnR. Thanking you in advance, Joel Sooriah
[jQuery] Totally new to this...
Totally new to this and code ignorant but I did try to build a template webpage with the functions I want to have, so http://www.qbox.gr/test_asxeto/sitetest.html here it is... (I did use 2 different/irrelavent scripts but I think that I could add in terms of content and fx and lose on KBytes just by using one framework). Since these are my baby steps in jQuery I did gave it a http://www.qbox.gr/test_asxeto/jq_test/dragJq.html try but stumbled again in programming... Basicaly I would like to know
[jQuery] Strange bug with slide function and input elements
Hi, I've got a simple list of radio buttons that I want to turn into an accordion, have a look at <http://lab.jeroencoumans.nl/jquery/ accordion.html>. Note that without the input elements, the sliding up and down works perfectly, but with the input elements, the sliding up occurs twice. This happens in Firefox and IE7, but not in Safari 2.x or IE6. Anybody got a clue what's going on? Thanks, Jeroen Coumans
Next Page