[jQuery] What causes the speed bottleneck in Javascript?
Forgive me for a non-jquery related post, but I'm hoping someone on here might be knowledgeable enough with Javascript to answer it. I see lots of post on here regarding optimization for DOM traversing and think it's funny since most people gave up spending much time worrying about CPU & memory bottlenecks in compiled offline apps long ago. I've been a web developer for about 4-5 years, and I remember thinking not even 3 years ago with projects I was working on that Javascript was icky, poorly supported
[jQuery] Error in droppable.js
Hi guys , I am using the droppables.js on my site and this js file was directly linked to teh jquery. Today I found a bug in teh droppable.js file.For some resons its giving a helperSize.width javascript error on the browser and also has forced teh functionality to not work. You can also this error on teh following page http://docs.jquery.com/UI/Droppables Just try to drag and drop the element. Any idea on why this has come up and what needs to be done to resolve this.
[jQuery] Changes repository
Hi! I was wondering where i can find changes history between jquery versions. Actually i need to know changes between version 1.0.x and 1.1.1. Know where i can find such informations?<br clear="all"> -- Serdecznie pozdrawiam, Adam Ludwinski <a href="mailto:adam@ludwinski.net">adam@ludwinski.net</a> <a href="http://www.ludwinski.net">http://www.ludwinski.net</a>
[jQuery] Use Sortable and Droppable together can't work in IE (but work in Firefox)
I'm having a problem with using Sortable and Droppable (interface plugin for jquery) together.My Idea is drag an item into a container (dropable), and then when I drop it there is one new item will be created in the container item and I want the new items can sort together in the container. As you know, we can't use Sortable and Droppable together. So I have some trick for that problem. Below is my code. As you see, first in the ready() function, I load Sortable for the container and then define
[jQuery] jqModal re-binding
hi, I have let say an element which I use as for dialog's let say : <div id=dialog><div id=content></div></div> then i use : $('#dialog').jqm({ ajax: url, target: '#content' }); so far ok.. it works. But now I want to reuse this dialog. But if I try to bind again with different url2: $('#dialog').jqm({ ajax: url2, target: '#content' }); It still uses the old url for ajax fetch ?? How can I change this behavior, so I can pass different urls ? Opps forgot the most important thing, I'm using jqModal
[jQuery] limit to only jpeg when file upload
Hi, I'm using this to upload file: <input id="file" name="file" type="file"> It works very well, now I'd like to find a way to check only jpeg files are uploaded, any way to do this in jQuery? Thanks. A.C.
[jQuery] modifying a label when radio input selected
I have some formatting I want to add to a couple of radio buttons. I'm wanting to hide the actual radio buttons and only show the labels which I want to format differently depending on whether they're related radio button is selected or not. HTML: <div id="searchLabels"> <input type="radio" value="" id="entireSite" selected="selected" name="cat"> <label for="entireSite" class="selected" id="labelEntireSite">Entire Site</label> <input type="radio" value="recipes" id="recipesCat" name="cat">
[jQuery] When using blogUI and setTimeout in firefox , a strange behavior
Hi all: When i using blogUI in firefox(ie 6.x and ie7.0 are ok), there is a strange behavior. To avoid the call-stack issue in ie 7.0 , i cant' just write: $().ajaxStart($.blockUI).ajaxStop($.unblockUI); I must write : $().ajaxStart(function(){ setTimeout($.blockUI,0); }); but... the default message(should be "please wait" ) will become some integer(maybe 36...). It looks like: http://crazylion.files.wordpress.com/2007/11/1.png otherwise, if i write: $().ajaxStart(function(){ setTimeout(function(){$.blockUI();},0);
[jQuery] Truncate plugin and jquery 1.1.4
I notice that the jquery.truncate.js plugin supports jquery 1.1.3.1 -- are there any known issues with jquery 1.1.4 or later? I'm starting my upgrade process to 1.2... http://www.reindel.com/truncate/ Thanks! -- View this message in context: http://www.nabble.com/Truncate-plugin-and-jquery-1.1.4-tf4809065s27240.html#a13759855 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Safari Ajax and tablesorter
Hello, I am building a table with xml I am retrieving with $.ajax and once the table is appended to the page I am using tablesorter on it. It is working fine in IE7,ie6, Firefox 2 (mac and pc) but will not work on Safari 3. Tablesorter works fine in safari on tables not added to the dom after page load. Anybody else had this problem?
[jQuery] Scripts at the bottom of the page
Is there a good reason why placing scripts at the bottom of a page is a bad idea? By placing them in the head all javascript files must be downloaded before the rest of the page can render. This seems odd since most of the time the javascript needs to wait for the page to be loaded anyway. Other than perhaps organizational issues, are there any good reasons why having the script tags at the bottom of the page is a bad idea? ~Sean
[jQuery] gradient plugin - wont work on td's?
i am trying to programatically add gradients to table header cells and i came across the gradient plugin (http://jquery.com/plugins/project/gradient). it seems that this plugin works well for creatign gradients in divs but when i try and apply it to a td, it seems to work in ie but in firefox, it puts the gradient at the top of the page rather than in the td. can anyone think of a possible workaround for this? -- View this message in context: http://www.nabble.com/gradient-plugin---wont-work-on-td%27s--tf4805944s27240.html#a13749147
[jQuery] jQuery.LocalScroll 1.1.2
Hi, I've released version 1.1.2 of this plugin. Changes are: - The default settings have been exposed for modification. - The plugin can still work for dynamically added anchors, using the setting 'persistent'. - The trigger event can be something else than click. - It's possible to make the anchors alter the hash in the address bar (the default behavior). This is the project page: http://jquery.com/plugins/project/LocalScroll And the demo: http://www.freewebs.com/flesler/jQuery.LocalScroll/ Hope
[jQuery] how to loop over checkboxes and hide the UNchecked ones?
I've got a series of topics - each with a list of checkboxes. Topic 0 item 1 0 item 2 0 item 3 When the user clicks the topic - I have the checklist show/hide using toggle(). What I'd like is when the list closes - the 'checked' items remain visible. Topic X item 2 X item 3 I'm struggling with how to loop through the list of checkboxes?? My attempt to use .each() isn't working?? $('h3').click(function() { // $(this).next().toggle("fast"); // $(this).toggleClass('down').toggleClass('right');
[jQuery] clueTip > Examples
User "daveg" suggested adding the below example at the link below. I second that. I spent 3 hours figuring out how to remove the title from the clueTip and have it contain simple text. Most the examples use AJAX - which is great if you want to use that method - but I think the bulk of the users just want the simple "text out of the link" example. I think you'll help a wider audience by giving a few more simple examples. Thanks Jquery and clueTip people for making the web a better place! Keep up the
[jQuery] problem with ifixpng background position
hi guys i have come across an issue with IE 6 and Ifixpng, and could do with some advice! the transparency seems to be working, but in ie6 - the script also seems to strip out the background positioning styles... anyone come across this? is this gonna be an issue with the style sheet, or is it something within the js - maybe the positionFix function? cheers L
[jQuery] Zoomimage
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title></title> <META http-equiv=Content-Type content="text/html; charset=windows-1251"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"><!-- body { margin: 5px 5px 5px 5px; background-color: #ffffff; } /* ========== Text Styles ========== */ hr { color: #000000} body, table /* Normal text */ { font-size: 9pt; font-family: 'Courier New'; font-style: normal; font-weight: normal; color: #000000;
[jQuery] help in WYMedito plugin
how can i get the value in the WYMeditor plugin??? +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++++++++ code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>WYMeditor</title> <link rel="stylesheet" type="text/css" media="screen" href="wymeditor/ skins/default/screen.css" /> <script type="text/javascript" src="jquery/jquery.js"></script> <script type="text/javascript"
[jQuery] jqGrid update
Just now I have updated the jqGrid. The news are: - Row editing - From now jqGrid can accept XML and JSON data with arbitrary structure using a xmlReader and jsonReader. Demo at: http://trirand.com/jqgrid/jqgrid.html Just now I will work hard on documentation. Enjoy Tony
[jQuery] issue with .append
I have a bit of code that uses .append: $(pObject).append(whatToAdd); pObject is a div, with an unique id, in this case "#divTxt" whatToAdd is a string containing a tag and two <label><input> tags. The HTML is: <body> <a href="#" onClick="appendElementScriptHere">Add</a> <form action="#" method="get" id="form1"> <input type="hidden" id="counter" value="1"> <div id="divTxt"> <!--- this is where the data should be appended too --
[jQuery] Zoomimage
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title></title> <META http-equiv=Content-Type content="text/html; charset=windows-1251"> <meta http-equiv="Content-Style-Type" content="text/css"> <style type="text/css"><!-- body { margin: 5px 5px 5px 5px; background-color: #ffffff; } /* ========== Text Styles ========== */ hr { color: #000000} body, table /* Normal text */ { font-size: 9pt; font-family: 'Courier New'; font-style: normal; font-weight: normal; color: #000000;
[jQuery] .load appending content in IE7 only
I'm creating a basic email system and I'm having a problem with IE7 when using .load to replace the content of a div when a new message is selected. With earlier versions of IE and all other browsers the div content is replaced, but for some reason, IE7 is appending the content instead. Here's the code I'm using: function loadMail(mailID) { $('#mail-message').load('inc_message_ajax.asp?MailID='+mailID+''); } <.a href="default.asp?MailID=123" onclick="loadMail(123); return false;">message subject<./a>
[jQuery] OT: Somebody's spam filter is doing me wrong
<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">Hi everyone, <DIV><BR class="khtml-block-placeholder"></DIV><DIV>Sorry to have to post this to the whole list, but I'm not sure how else to deal with this.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV>Every time I post to this list, I get an auto-reply[1] from <A href="mailto:Postmaster@jrg.co.in">Postmaster@jrg.co.in</A> telling me "MDaemon has identified your message as spam.
[jQuery] Problems with multiple animations and timeouts
Hi, I've set up a simple extension for an image rotator. It looks like this: jQuery.fn.imageRotate = function(delay,speed) { // Converted s into ms delay = delay * 1000; // Get all child items of the list var targetItems = $(this).children(); // Hide all except first item (and store the first item as targetItem) var targetItem = targetItems.hide().slice(0,1).show(); // Set a JS timeout for next rotation setTimeout(function(){ $(this).imageRotateNext(targetItem,delay,speed);
[jQuery] slideUp weirdness when div content is a SWF file in FF
My slide down & up occur seamlessly in all browsers when the Div content is an image file, smoothest is a CSS background image applied to empty divs. When I substituted Flash generated object code in the formerly empty divs, in FF the slidebar toggle div slides up under the slidebar, while slidebar slides up suddenly after the slidebar trigger has disappeared. I am also seeing a sudden partial popping open of slidebar at the end of slideUp in IE. I have all divs defined as 0 padding. <script type="text/javascript">
[jQuery] combo boxes disappear during blockui (only IE)
Just have a closer look at http://www.malsup.com/jquery/block/#element. Blocking the div let the combos in IE disappear. Any ideas about that ?
[jQuery] row clone and calculation
Hi, I have a table with input fields (array of them)...i can add new rows through clone...the problem is that i would like to calculate the numbers in the fields and display the sum at the end (both row sum and final sum) and i don't know how. Here's what i got: function calc(){ var price = $("input[@name='price[]']").val(); var qty = $("input[@name='qty[]']").val(); res = price * qty; $("input[@name='row_sum[]']").val(res); var sum = $("input:disabled").sum(); $(".sum").text(sum);
[jQuery] Issue with <script> block inside a page loaded with .load method.
Hey guys, I'm having a weird problem. Browser IE6. I'm loading a page inside a div using onclick="$ ('##c_right_content').load('./act/add.cfm');"> This page that gets loaded have the above <script> block that makes this page makes the whole browser screen blank, while if I remove this block of code, the form shows up perfectly. What it could be? Thanks. <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ // Select-filler code... $(function(){ $("select#strategy").change(function(){
[jQuery] Fix for BlockUI slowness
I just spent a while tracking this down, so I thought I would post it here in case anyone is searching the archives in the future. I use blockUI to block containers while they are getting loaded via ajax. I found that in many cases, the call to block was going very slow - sometimes taking 5 seconds just to put up the block message! What I traced it down to is blockUI attaching events to every <a> and <input> within the blocked element. In my case, I had a tree structure with hundreds or thousands
[jQuery] HOVER Over Image Enlarge Image
Are there any jquerys that would allow this function....it is used most frequently on Ask.com...when you hover over an image with the cursor a much enlarged image of the thumbnail appears in the browser on top of the page. any script solutions would be appreciated.
Getting Contents of Specific Form Fields? [SOLVED]
I have a form with a ton of text input fields on it. I'd like to use jQuery to monitor the numeric contents of 3 specific fields, and put the total on the screen whenever one of them changes. I know how to do most of the jQuery code for this, but what I don't yet know is, how do I get the contents of just those 3 specific fields? For example, I tried giving the 3 text input fields IDs of "target_1', 'target_2', and 'target_3', and doing this: function UpdateCurrentTotal() { var n1 = parseInt($('#input:target_1').text(),
[jQuery] The hour glass do not disappear after unblocking the page until the mouse movement is performed
hello members, I am using jquery plugin. I am blocking the entire page. But I saw that the hour glass don't get disappear until I perform some mouse movement. This behaviour can also be seen in the jquery site, where demo of different page blocking is shown. Can someone help me to get this resolved. thanks in advance. thanks romesh
[jQuery] CSS based Sliding menu
Hi all, I'm sure jQuery has something similar, just haven't been able to find it. There's an article/example here, and I'm sorry if this is a common question here. I wasn't sure how to search for "sliding menu thingy" in the threads. :-) Where should I look within jquery for a similar effect of http://devthought.com/cssjavascript-true-power-fancy-menu/ ? Cheers all. :-) - sf
[jQuery] dynamically set timeout on a jQuery cycle plugin?
Hi - I haven't found an easy way to speed-up/slow down the timeout speed of a running cycle of images. Can this be done? I've tried about a million differnt ways including modifying the plugin itself, but no luck yet. Stuff like: jQuery('#fastButton').click(function() { fx: 'fade', timeout: 2500, before: onBefore }); fails miserably -- seems to create a competing cycle.
[jQuery] Easing cheat sheet demo page
<span style="font-family: trebuchet ms,sans-serif;">I just couldn't get my head around the new easing naming conventions.</span><br style="font-family: trebuchet ms,sans-serif;"><br style="font-family: trebuchet ms,sans-serif;"> <span style="font-family: trebuchet ms,sans-serif;"> So I made a cheat sheet demo page.</span><br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: trebuchet ms,sans-serif;"> <a href="http://www.commadot.com/jquery/easing.php">http://www.commadot.com/jquery/easing.php</a></span><br
[jQuery] Jquery rounded corners.
Hi, I'm trying this plugin: http://www.methvin.com/jquery/jq-corner-demo.html But I've a little problem. If have a background color for my body (for example red), then a container with background color of white, if I use this plugin in the backgound of my corners i will see the red background and not the white one. There's a way to solve? Thank you.
[jQuery] Drop box values display
I am trying to hide/show various options in a "Sub-Category" drop box when certain selections are made in a "Category" drop box. HTML: <label for="bestPracticeCategoryID">Category</label> <select name="bestPracticeCategoryID" id="bestPracticeCategoryID"> <option value="0" class="">Please Select</option> <option value="1" class="">Administrative Maintenance Fund</option> <option value="2" class="">Breaks</option> <option value="3" class="">Call By Name (Not to be confused by Recall)</option>
[jQuery] [JOB] PHP/MYSQL/Javascript Programmer - Lafayette, LA
Type: Full-Time Position Position: Web Developer Requirements: # Fluent in PHP (PHP5/object-oriented programming experience a plus) # Fluent in MYSQL # Proficient in Javascript/Ajax, HTML, CSS (understanding of standards-based coding/design) # Good understanding of Linux/Apache servers with some experience at the command line # Knowledge of JQuery, Ruby on Rails, ASP.NET/SQL SERVER is strongly desired # Other desired skills include ASP Classic, Flash, Coldfusion and Java Location: Lafayette, LA (Telecommuting
[jQuery] jcarousel - changing size
I'm struggling to get jcarousel to scale up to fit a design requirement. I'm trying to change the overall size to 428/109px and image sizes to 105/103px. Of course it works on some browsers and others the layout is rather ugly. Is there a trick to tweaking the layout to other sizes? Steveoh
[jQuery] queue issue
Hey, i've just got this working: <div id="555" style="clear: both; background-color: red; overflow: auto; width: 100%;" onMouseOver="highlight(this);"> <div style="float: left; text-align: right; width: 15px; margin-right: 5px; color: silver; font-weight: bold; font-style: italic;"> 12 </div> <div style="float: left; min-width: 400px;"> Total file size of all downloaded files: </div> <div style="float: left; min-width: 50px; font-style: italic; color: orange; font-weight: bold;"> <a href="" class="orangeLink">__NUMBER__</a>
Next Page