[jQuery] page flashing when using mac firefox
Hey folks, I am getting weird flashing/opacity pumping happening on mac firefox when I use the fadeIn or fadeOut effects. The flash is happening on the whole page while the fades are only happening on the elements I've attached them too. Anyone know what causes this and how to fix it? Thanks Iain
[jQuery] Submitting entire webpage for server-side XSLT parsing
Hi, I'm building a tool that is used to configure a build process. The website is based on a XML file that is transformed with XSLT into XHTML. The users can then edit the page by updating the DOM in different ways (input fields, new elements etc), when they are satisfied they should submit the entire updated page back to the server for reverse XSLT parsing back into the configuration file. I got it all up and running, but I have run into problems, values of input fields are not updated if I just
[jQuery] jQuery.post returning binary content
I current add a form to the page, which is then submitted and returns binary content (e.g. a PDF or Word/RTF Document) that causes a prompt for them to open/download the file: var form = $(document.createElement("form")).attr( { "method": "post", "action": "getdocument.ashx" }).html("<input type='hidden' name='RecordID' value='1'>"); $("body").append(form); form[0].submit(); The getdocument.ashx returns the following headers to cause the download dialog to appear:
[jQuery] [autocomplete] trigger function on data retrieval?
I tried posting this yesterday, and it didn't seem to post. Apologies if two messages appear. I need to catch the data retreival - even on null sets - from autocomplete. In my example: I am using autocomplete to fetch items from a database. When an option is selected, a result() function sets the id of the returned item as a value in a hidden field. I need to reset this value to undef if someone types in another letter or backspace, causing a new search.
[jQuery] [autocomplete] not working in Internet Explorer
Hello all, I'm using the autocomplete plugin (http://jquery.bassistance.de/ autocomplete/demo/) and everything runs fine in Firefox and Opera, but in Internet Explorer (7) It fails and the only little error I get from IE is " 0 is null or not an object ", and thats from this line in the plugin " formatItem: function(row) { return row[0]; }, ". I can't figure out why this works in all other browsers but fails in internet explorer. Anybody had this problem before or who can advice on a way to fix this?
[jQuery] Display input field when option is selected
I have a form with a table that contains a list of names. For each name there are two drop downs - relationship1 and relationship2. When the user selects the option, Other Relative or Other household member, I need a text input to display allowing them to enter the actual relationship. I have something that partially works but I will be using this in several places so I would like to make the code more reusable by allowing parameters to be sent in for the select field name and the input field name.
[jQuery] unsubscribe
<html><head><style type="text/css"><!-- DIV {margin:0px;} --></style></head><body><div style="font-family:times new roman,new york,times,serif;font-size:12pt"><div>unsubscribe </div><div style="font-family: times new roman,new york,times,serif; font-size: 12pt;"> <div style="font-family: arial,helvetica,sans-serif; font-size: 13px;">----- Original Message ---- From: Karl Rudd <karl.rudd@gmail.com> To: jquery-en@googlegroups.com Sent: Wednesday, July 16, 2008 9:35:59 PM Subject: [jQuery] Re: ajax
[jQuery] How do I change the target value for all links with a target of _top
I am embedding an external page (with permission) in an iframe on my page. The problem is when the page has a link with a target value of _top it navigates out of the frame. An example link I could try to change is: "<a target="_top" href="http://jobsearchlog.com">Job Search Log</a>" I want to change the target attribute value to an empty value or even better remove the target attribute from the link. I have been successful at using $('a[@href^="http://"]') to identify external links so I figured
[jQuery] Jquery validating the data that is there in the div tag..
<form id = "testform"> <div id ="1"> <input type="name" /> <input type="lastName" /> <input type="phoneNumber" /> </div> <div id ="1"> <input type="address1" /> <input type="address2" /> </div> <input type="button" onClick="validateDiv("1") /> </form> I need to validate the <div> data on the onClick. I will pass the div id to validateDiv method. In the above scenario I need to validate only the data that is there in first data. I appreciate if you could respond to this note. Thanks in advance ......
[jQuery] UI Sortable
I am having a little trouble with the update callback when i drag an item from one Sortable to another.. the update function gets called twice.. is there anyway around this or am i going to need to think of a way around the 2nd call? The calls are going to be sending a json array to the backend with the sort order to update the database and i dont really want that happening twice.. Thanks!! James
[jQuery] Database Request
Hi .. I found your jquery script and it's great cause it's the first that i found with multiplie field. But you don't take list from a database ( sql ) , only from file. Is it possible to have a field that take the list from a sql database ?? Thanks
jQuery pagination : works in FF, but I.E... not so much
http://www.eastcoastgolfsales.com/produ ... egoryID=20 Thought I had it made, till the client pointed out that the pagination is not creating more than the first link in IE. What the... ? I would be a much happier person in general if I could rid my life of browser differences. In this case, I am stumped. 100 Points and a cold pint (of... whatever) to the person who can help sort this one! Thanks in advance!
[jQuery] Insert new DOM element with new ID (index)?
Hello. I trying to do a function that add a li element with a new number (index) each time a link is clicked. The current jQuery code looks like this: ------------------------------------------------------------------------------------ $('.new').livequery('click', function() { $('.item').each(function(index) { $('.new').before('<li class="item' + (index+2) + '">Item ' + (index +2) + '</li>'); }); return false; }); ------------------------------------------------------------------------------------
[jQuery] Problem with closed the window
Good morning, I have a problem with IE when using jqModal. When I want to display a styling (example 3a) I did not cross cloture while it works in Firefox. Do you have a solution to this problem? Thank you
[jQuery] [validate] Submit button that doesn't validate form.
I want to have one submit button that validates and processes the form, and I want one inside the form for a different purpose. However they both validate the form. How do I stop it from validating?
[jQuery] document.write and DOm creation - performance optimization?
I searched the group for this and came across my own old post (http:// groups.google.com/group/jquery-en/msg/18d7fa95c5f01d2d) I've noticed that when displaying a large number of elements into a page, it takes a bit of time to render. but in order to use document.write, I would have to write to an iframe, and I don't want to do that. is there a particuarly efficient way to populate a page with results in jquery? I can't afford a 2.5 second lag. any ideas much appreciated.
[jQuery] jQuery docs menu for Firefox
Hi All. Not sure if this is the right place for it, so sorry if not. Just thought some people might find this little firefox extension I wrote handy. It adds jquery documentation links to your firefox menu. Very simple but I find it useful! http://www.kintek.com.au/jquery-menu-firefox-extension.html
[jQuery] parent help
I am returning a form in an ajax call that is built with a table I want to find an input $('input[{$k}]') then i want the immediate parent tr of that input. I have tried $('input[{$k}]').parents("tr:last").addClass("error-field"); and $('input[{$k}]').parents("/../tr:last").addClass("error-field"); but both solutions get a different tr that i don't want to change. the html looks like <tr> <td>E-Mail Address</td> <td><input name="email" type="text" value="email" /></td> </tr> and i want to add the
[jQuery] help with passing value to jquery
I have a value stored in an object, and now i want to pass it to a jquery function, please help: var obj = { width: 300, div: 'testdiv', func: function () { var newwidth = this.width; $('#'+this.div).animate({width:newwidth+'px'}, 1000); } }
[jQuery] jscrollpane and database
Hi... I just found out about the wonderful Kevin's jScrollPane and I want to use it. Unfortunately, I want to use it with a mysql dataset... I got a list of people and their details stored in a table and I want to display their introduction text within a DIV that has a custom scrollbar. But from what I understood, every pane has to be initialised so we need to know how many panes will have in the page beforehand. Which is quite in contradiction with the idea of a database and a unknown number of
[jQuery] jQuery.ajax / xml / callbacks
Neither of the callbacks in the following code are ever invoked: jQuery.ajax({ type: "GET", url: actionUrl, data: { productId: productId, quantity: quantity }, dataType: "xml", error: function(e) { alert("Failure: " + e); }, success: function(xml) { alert("Got Results: " + xml); } }); I have verified the following: 1. The url defined by 'actionUrl' is being called correctly (determined from server logs) 2. The results appear to be valid (at least when I invoke the url manually); the content type
[jQuery] Need help with div selection
How can I select the #blc2? HTML <div id="blc1"> Some text </div> <div class="openBloc"> <div id="blc2"> <h1><strong>Some title</strong></h1> </div> </div> Script $(document).ready(function(){ $('div#blc1').ifixpng(); $('.openBloc > #blc2').ifixpng(); }); CSS #blc1 { Background:URL(../img/blc-1.png) no-repeat; Display:block; Height:100px; Width:498px; } .openBloc #blc2 { Background:URL(../img/blc-active.png) no-repeat; Display:block; Height:192px; Width:498px; Padding:16px 0 0 20px; } .closeBloc
[jQuery] using scrollTo to keep dynamically added content scrolled into view?
If one has a textarea or editable div with overflow: auto, and one starts typing and filling the div, due to focus on the cursor the scroll will keep the newly added lines in view. But if one is adding the content dynamically, the newly added lines will appear out of view - there's no cursor to focus on. Question - can the scrollTo plugin be used to automatically keep the last line of text in view? Is there a simple way to do this? Thanks!
[jQuery] hover not working in IE6
Hi, I'm having some issues with a drop down menu in one of my sites (http://www.laseleccion.com.ar/argentina). While in Firefoz it works perfect, in IE 6 y does not display the menu at all. It works in IE 7. Any ideas what could be the problem? Thanks in advance Leroy
[jQuery] .width() gives me NaN (or looking for alt methods)
All right, here's my situation I have a bunch of articles stored in my database, plain jane HTML ones submitted by a few hundred different people (read: people of all varying levels of HTML expertise, from none to expert) In some of these HTML snippets are <div>'s and <tables> and other items that one way or another have a width specified (via CSS, inline style, or width parameters) What i need to do is take these snippets of HTML and somehow restrict the width of these items to the size of the 'viewport'
[jQuery] $.getScript() - how to load into JSON formatted object?
var blah = { something : function(variable){ alert(variable); }, something_else : 'hello' } alert( blah.something_else() ); // 'hello' blah.something('whatsup'); // 'whatsup' so far nothing unusual... but... how can I put the "blah.something" function into a separate .js file and load it? Played around with $.getScript() but nothing works :( Ideally, my file "alert.js" would contain only the line with "alert(variable);" in it. Can that be done?
[jQuery] i wish there was a way to get the entire CSS for an element... or is there?
#myDiv {height:200px;background: #FF9900;} $('#myDiv').css(height'); // returns "200px' but how can I get the whole enchilada so I have it in a nice and neat object? I imagine something like this: $myCSS = $('#myDiv').css(); $('.otherDivs').css( $myCSS);
[jQuery] jQuery n00b needs a (seemingly) simple thing...
Sorry I'm such a n00b. I have only done a couple of things with jQuery, just real simple stuff. Anyways, here's what I need: I need a SIMPLE slideshow/carousel script. It should be able to automatically slide between images (actually slide, like the image moves all the way to the left) every x amount of milliseconds Also, there has to be a pause button, and forward/backwards buttons. So, if it's auto-sliding the pictures, and you see one you like, you can pause and look at it for longer, then hit
[jQuery] [autocomplete] trigger function on data retrieval?
does anyone know if it is possible to trigger a function on an autocomplete retrieval ( using this autocomplete library http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ ) example: i'm currently using result() to store the id of a currently selected item in a hidden field when a user selects something. if they hit a new key, go forwards/backwards/etc, ie - when a new search is performed, i'd like to catch that and result that id to null. is this possible on the current version or should
[jQuery] Need help with animations in IE
Hi, this is one of my firsts experiences with jQuery and I have a little problems already. The problem explanation is that I want to apply an effect to a css layer (and it is applied) that when you click on a special div, it moves some layers. It works perfectly with Firefox, but not in IE... I leave here the css code and the jQuery script... ////////////////////////////// jQuery <script type="text/javascript"> $(document).ready(function(){ var selected_opt = 0; var speed = 300; $("#contentbox4").animate({
[jQuery] Why does IE not cache images?
Hi list, I recently started using jQuery after working with plain JavaScript for several years. The features of jQuery are amazing! Now I have found a problem regarding IE's handling of dynamically created images. It is not really jQuery related, but maybe you can help me anyway. I have the following code snippet: $(document).ready(function() { for (var i = 0; i < 100; i++) $('body').append('<img src="images/b_edit.png" title="Edit">'); }); As you can see, this code creates 100 *identical* images;
[jQuery] Livequery add class to new DOM elements
I am trying to get live query to work, so that it will add a new class to links that have just been added to the DOM through ajax. Something is not right though: $('a.calendarNavLink').livequery(function(){ $(this).addClass('ajax'); }); Have I done something wrong here?
[jQuery] [ANNOUNCE] Twitter Accounts for jQuery & jQuery UI Projects
One of the things that the team tries hard to do is provide as much information to jQuery developers as possible. We're actively using Twitter to make announcements about upcoming jQuery & jQuery UI updates and releases, new plugins and tutorials. http://twitter.com/jquery and http://twitter.com/jqueryui I urge you to follow the accounts, along with the mailing list, for updates and news. Please note that we may not follow all accounts and will be using this primarily as a notification tool. Rey
[jQuery] jcarousel explodes
I can't seem to use jcarousel if it I use the start option to be more than 1,000. I am using it for a photo site where the slide image could anywhere from 1 to 300,000 e.g. jQuery('#photo_carousel').jcarousel( { scroll: 1, start:1400, size: 23000, itemLoadCallback: mycarousel_itemLoadCallback } ); Use this and it goes BOOM!
[jQuery] addClass or toggleClass?
The CASE: I have 3 links which specify 3 different views (or various sized DIVs). If the user clicks a specific view the according link should become invisible. As a result only 2 links supposed to be active and visible at any time since the 3rd view is currently active. What is the most elegant way to accomplish this? Might it be better to display all three links and make one link inactive by removing the "a" element and give it a grey color? Is this possible? Thanks for your help!
[jQuery] AutoComplete > Multiple Elements, Same Function
Hello, I have 3 inputs that use the same AutoComplete function. Can I make this work only with one command? I have: $("#Tags").autocomplete("GetTags", { autoFill: true ... I tried $("#Tags, #MoreTags").autocomplete("GetTags", { autoFill: true ... But it does not work. How can I do this? Thanks, Miguel
[jQuery] Sortables Organize
If i have 3 columns that hold 3 divs (<div class="feed"></div>) each and i make those columns sortable by: $('.column').sortable(); Now if someone moved one of the divs to another column, then that column would recieve 4 divs.. is there anyway to make it so the sortables would be evened out? so if one column has 4 divs and another one has 2 the very bottom div would move down to fill in that spot at the bottom? Example: http://www.myiowa-news.com/test/jquery/sort.html Would the easiest way to do
[jQuery] animate problem
Hi, I'm currently using: $("#msg").empty().prepend('<div class="success">It works!</ div>').show("slow").animate({opacity: 1.0}, 5000).fadeOut("slow"); But the problem is, that it's still showing (for the specified 5000ms) after i invoke new action which should display something different than "It works!" instead waiting for 5000ms and then showing new msg. How can i stop the previous animate to make place for the new msg? Thanks, BR
[jQuery] Cycle Plugin - multiple instances on same page?
Any way to have several slideshows on the same page, each with their own independent navigation (prev/next), without giving them unique ids? Couldn't get this working: $('.gallery').each(function() { var p = this.parentNode; $(this).cycle({ fx: 'scrollHorz', speed: 'slow', timeout: 0, next: $('a.next-image', p) }); });
[jQuery] Multiple Instances of the same effect without unique IDs
I know this has got to be in here somewhere; I'm not familiar enough with jQuery syntax to know what a valid search string is (i keep looking for EACH and THIS and MULTIPLE but I'm not returning anything useful). So I apologize that my noob stripes are showing through... I've got (basically) a table looking like: Title | Release Date | Revised Date | Contact ----------------------------------------------------------------------------------- -----------------------------------------------------------------------------------
Next Page