[jQuery] sortable jQuery 1.3 don't work well
Now I'm using the great 1.3 version, but some plugins don't work very well such as Sortable which no trigger update callback if the DOM position has changed and Tab UI which trigger a JS error in Firebug when try access a disabled Tab. And Now What We can do? Thz... Happy birthday jQuery!!! I wish you lot of years and sucess!!!
[jQuery] quick note about cross domain getScript function
Hi, A note about 1.3; I still need to do this http://groups.google.com/group/jquery-en/msg/996ace3956f70102 to get $.getScript or $.ajax to call the `complete' callback when `dataType' is "script" and I'm doing cross-domain requests. (i cba. registering at a bug-tracker)
Selector Syntax
<div id="ct_set"> <input type="image" name="ct_imgbtn_red" alt="red" /> </div> I'm attempting to create a wrapped set based on the following rule: All input:image elements contained within the div:#ct_set element I know that this is simple, but I'm struggling with the correct syntax. Any assistance would be very much appreciated.
[jQuery] Wordpress using jQuery problem
Hello, i noticed on IE6 that some widgets disappear when clicking the "edit" link of some widgets like the RSS and Text widgets. Now, i am not seeking support for wordpress it's self but after i traced the code: var addWidgetControls = function( context ) { if ( !context ) context = document; $('a.widget-control-edit', context).click( editClick ); // onclick for save links $('a.widget-control-save', context).click( function() { EndTime = new Date(); var diff = EndTime.getTime() - StartTime.getTime();
[jQuery] new fisheye menu ?
hi to all, I'm looking for a fisheye menu that would be integrated in jquery (ui ?). I already know fisheye from Interface. It seems this menu doesn't exist yet. May be someone can tell us more ? regards, f.
[jQuery] getJSON - how to retrieve plain text?
I have a getJSON call that works fine in FF, but bugs in IE. I get no data. :( So i want to see what the plaintext is that's returned in the success callback.. Using the new 1.3 jQuery, btw.. code: var rc = $('select#regions_countries')[0]; var rr = $('select#regions_regions')[0]; var url = 'http://www.myhost.com/members/ajax_fetch_regions_for_countries.php'; var countries = []; for (var i=0; i<rc.options.length; i++) { if (rc.options[i].selected) { countries[countries.length] = rc.options[i].text;
[jQuery] Covering multiple elements with a single function, but passing a variable?
Hi. I'm stuck trying to figure out the jQuery way to code this functionality I have in my project. Below is a stripped down example of what I'm trying to do. When I click the "Add Item" link below any list, I want to just append a new element to the end of that list. What I do now is just use an onclick element for each anchor tag, and call addItem and pass the specific list_id for that list. The function then dynamically locates that specific list and appends a new item. What I have here works (excuse
Starting with jQuery, tabs with datagrid
Hi everyone I've been building an intranet database system over the past 18 months and gradually adding features. I was using JS components from dhtmlx.com and also the mootools library. However I recently found jQuery and it's been a revelation! It's made my life loads easier, just one library/system, rather than various different libraries components. But I'm looking for some advice on an implementation of a tabs/data grid system. I've found the jQueryUI tabs widget, and got that up and running.
[jQuery] append changes width of select boxes in ie7
Hi all, I have written a control of 2 select boxes with buttons where i can move options from left to right and vice versa. In ie7 when i make the action of moving from left to right, the select boxes shrink suddenly. I narrowed the problem to the append function here is the code from right to left: var left = $(this).parent().parent().find('#select_left'); var right = $(this).parent().parent().find('#select_right'); var rightOpts = $(this).parent().parent().find('#select_right option'); left.append(rightOpts);
resize() for any element
I've been trying the resize() method but, as docs suggest ("The resize event fires when a document view is resized") you can only attach it to the $(window) object. I have a <div> element. I use scripting to replace part of its contents. When its width changes I need to call my custom repositionBox() function. Currently, I've placed a call to repositionBox() after all the parts of the code that may result in width change. I wonder if there's a trick to simplify this mess; something similar to: $("div#foo").resize(repositionBox)
[jQuery] Google Reader style endless scroll library?
Hey y'all. I'd like to provide "endless scrolling" of search results in the manner of Google Reader. The thing where an AJAX call loads more results when you scroll to the bottom of the list of results. A Google search turned up a lot of articles on the theory of how to do it. I also searched the jQuery plugin repository. Is there a reliable library or jQuery plugin that provides this functionality? If not I'll roll my own. Just thought I'd check first. Thanks, Ethan
[jQuery] [validate plugin] Conflict in using validation plugin with custom submit code
hi, Like others I seem to have ran into the "double-click to submit problem". Allow me to explain: I have a registration form which validates just fine using the excellent validate plugin. It's working perfectly. However, I now want to run some custom code after the validation event. Specifically, I want to disable the submit button when validation is passed. After that, a normal post should follow to the server, no Ajax post. My first try was to do this: // disable the submit button upon submit
xml confusion
Ok am playing with xml to see what I can do with it, was working fine with one variable however as soon as I added a second one: var author_text = $(xml.author).text(); It seems to be incrementally adding the data on each loop - can anyone point out how I can fix this? JQuery: $.ajax({ url: 'source.xml', type: 'GET', dataType: 'xml', timeout: 1000, error: function(){ alert('XML Function Error 1.1'); }, success: function(xml){ // do something with xml
efficient highlight columns in table?
Hi there, Seen a lot of scripts for highlight table rows, but found nothing to highlight columns, so figured I'd try making my first jQuery plugin. Here's what I've got so far: HTML: <table id="popupTable"> <thead> <tr><td>Name</td><td>Amount</td><td class="popupHide">Expenditure</td><td>Date</td></tr> </thead> <tbody> <tr><td>Tesco</td><td>£134.45</td><td>£45.34</td><td>01/11/08</td></tr> <tr><td>WHSmith</td><td>£12.23</td><td>£23.21</td><td>05/06/08</td></tr> <tr><td>Esso</td><td>£114.45</td><td>£134.12</td><td>01/11/07</td></tr>
Loading div during ajaxSubmit();
Hi Guys I am using the Form plugin for ajax functionality on a site im doing. Does any one know how you would be able to load a page on the form area while the request is processed? Its not urgent, I just want to give the site a web 2.0 look! o
Does JQuery have a method to resemble this functionality?
Hi all! I've known this script for a while: http://www.dhtmlgoodies.com/scripts/drag-drop-folder-tree/drag-drop-folder-tree.html, but since I'm hooked on getting everything to work with JQuery, and because the mentioned script is from 2006, I was wondering if there's a built in method to do something like this? I've played with the JQuery UI sortable, but it really doesn't work all too well when using it for rearranging a website menu structure. I can't work out the logic of parent/child relationships
[jQuery] How to use the simple modal if there are two modal windows need be pop-up on ready method?
Hi all How to use the simple modal if there are two modal windows need be pop-up on ready method? I use the confirm style of simple modal and only the fist window can be pop-up, the second doesn't work. thanks for your help. thanks Camel BTW: the code of javascript is following <script type="text/javascript"> $(document).ready(function(){ $('#confirm').modal({ close:false, position: ["20%",], overlayId:'confirmModalOverlay', containerId:'confirmModalContainer',
[jQuery] updating flash after changing flashvars
Hello, i have embed flash element on the page it looks like <embed id="flashsettings" src="something.swf" quality="high" wmode="transparent" FlashVars="color=FFFFFF" .... > if i'm trying to change the FlashVars with new value it doesnt seem to be working but i see that new values was implemented alert($("#playersettings").attr("FlashVars")); $("#playersettings").attr("FlashVars", "color=000000"); alert($("#playersettings").attr("FlashVars")); if i'm trying to change code manually
[jQuery] why i dont see my post
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] The new core LIVE.
The new core LIVE. Hello. Can I use a namespace with live? $.live('click.fuc1',function1 }; $.live('click.fun2'); $.die('click.func1');
[jQuery] Condense this function
Being a bit of a newfie, I was wondering how this function could be condensed: $(document).ready = setTimeout(function(){ $(".sticky1:hidden").fadeIn(500); }, 100); setTimeout(function(){ $(".sticky2:hidden").fadeIn(500); }, 200); setTimeout(function(){ $(".sticky3:hidden").fadeIn(500); }, 300); setTimeout(function(){ $(".sticky4:hidden").fadeIn(500); }, 400); setTimeout(function(){ $(".sticky5:hidden").fadeIn(500); }, 500); setTimeout(function(){ $(".sticky6:hidden").fadeIn(500);
[jQuery] Condense this function
Being a bit of a newfie, I was wondering how this function could be condensed: $(document).ready = setTimeout(function(){ $(".sticky1:hidden").fadeIn(500); }, 100); setTimeout(function(){ $(".sticky2:hidden").fadeIn(500); }, 200); setTimeout(function(){ $(".sticky3:hidden").fadeIn(500); }, 300); setTimeout(function(){ $(".sticky4:hidden").fadeIn(500); }, 400); setTimeout(function(){ $(".sticky5:hidden").fadeIn(500); }, 500); setTimeout(function(){ $(".sticky6:hidden").fadeIn(500);
[jQuery] Event delegation in CLosest()
Dear Folk , how does the $(document).closest() work I could not understand . for example this is our HTML code <ul id="main"> <li> a </li> <li> <ul> <li> b</li> </ul> c </li> </ul> javascript code : $("#main").bind("click", function (e) { $(e.target).closest("li").css("background","red") }); so how doesthis exactly do , how is this relate to event delegation
[jQuery] Trying to mesh UI slider with jCarouselLite
So I have an interface mockup here that will eventually be a real estate property search by price range. http://viewwestaspen.com/new/quicksearch_jcl.html I have the UI slider working, and was using the default array of items from the UI site real-world demo. On update of the slider range, the property elements nicely fade in and out if they are in/out of the range. However, what I would like to do is use jCarouselLite to scroll left and right on the matching elements instead of the default execution.
[jQuery] trouble with offset();
I have this code here and i am trying to get the offset of element. the idea is that i will eventually be able to make it hook - right now i just want it to get the position. everthing else works... just not the positioning. can anyone help me fix that? (function($){ $.fn.extend({ bstip: function() { return this.each(function(i){ var nowid=$(this).id, nowtitle=$(this).attr("title"); here=$(this); //Math Vars var offset = here.offset(); nowidth=$(this).width(); nowheight=$(this).height(); $("body").append("<div
[jQuery] $(window).bind('resize', fn) not working in IE
Can anyone verify that $(window).bind('resize', fn) doesn't work in IE? $(window).bind('scroll', fn) works fine for me, but not resize. I'm using 1.2.6. Thanks.
[jQuery] In this code, what would $(this) in the success part refer to?
Would it still be referring to the '.update-button that was clicked in the second line? Thanks, Rick $(document).ready(function() { $('.update-button').click(function(){ var formval = { tour_url: $(this).parent().parent().find('.update-input').attr('value'), mls_number: $(this).parent().parent().parent().attr('id'), dsn: '<cfoutput>#application.dsn#</cfoutput>', agent_id: '<cfoutput>#session.agent_id#</cfoutput>' };
[jQuery] nod names in from fields id
Hi, How do i get nod names in for loop based on fields id? var serverVals = { 'firstName':'John', // 'city':'NY', 'state':6, 'gender':1, }; <input type="text" name="firstName" id="firstName"> <select id="state" name="state"> <option value='AL'>Alabama</option> <option value='AK'>Alaska</option> <input type="radio" name="gender" id="gender1" value="1" />Male <input type="radio" name="gender" id="gender2" value="2" />Female for(var i in serverVals){ alert(jq('#'+i).nodeName);
[jQuery] updating flash after changing flashvars
Hello, i have embed flash element on the page it looks like <embed id="flashsettings" src="something.swf" quality="high" wmode="transparent" FlashVars="color=FFFFFF" .... > if i'm trying to change the FlashVars with new value it doesnt seem to be working but i see that new values was implemented alert($("#playersettings").attr("FlashVars")); $("#playersettings").attr("FlashVars", "color=000000"); alert($("#playersettings").attr("FlashVars")); if i'm trying to change code manually
[jQuery] $("area") not selecting in IE
I am using an image map and some jquery to highlight (by applying a border) an image outside of the image map. I am using the code below: $("area").hover(function(){ var stateClass; stateClass = $(this).attr("class"); var stateClassQuery; alert(stateClass);//for testing stateClassQuery = "#"+stateClass; $(stateClassQuery).addClass('selected');
[jQuery] FadeIn Event loop
Hi peeps, looking for some assistance. How would I go about fading in a series of divs with the same classname on after another? Any help is much appreciated!
[jQuery] Noob
Hello, I have a table that has some form inputs in a single row. One of the text inputs is an autocomplete that gets its data from a PHP variable. I have all that working. I have a button that clones this row and all its inputs incrementing the IDs and then appending it to the table. That works fine. The problem I am having is that I dont know how to attach the autocomplete to the input in the new row. I have pasted my code below. If you read it you can probably tell that I ran into the same issue
[jQuery] jQuery 1.3: Sweet upgrade, but can we use it?
New blog post, "jQuery 1.3: Sweet upgrade, but can we use it?" here: http://tr.im/751a The gist is that I'm concerned that jQuery is progressing faster than users are upgrading their browsers, making it increasingly difficult for web developers to sell the use of the library to management and clients. I *hope* I'm wrong because I would love to take full advantage of the improvements in 1.3. I welcome your comments. -Andrew ----- http://andrew.hedges.name/blog/
[jQuery] er, off topic - HAPPY BIRTHDAY jQuery ... and cheers John, would never have learned js without you m8
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000066"> <font face="Verdana">Just read on Ajaxian lovely slushy piece by Ray Bango... or was that a spoof and me a prat. Oh well, I've had fun gettin p****ed with this lingo, anyhow. Big cheers John, jQ developers, look forward to getting my head around this lingo a lot more before the 4th. Olly. the_guv guvnr.com </font> <div class="moz-signature">-- <style> #sig { background:#FFF;
[jQuery] Alternating text plugin??
I was wondering if anyone knows of a plugin I could use that alternates text on page reload. I know I can do it in PHP but I can't use PHP in this case -- so was hoping this is achievable with jQuery. Would anyone know how I could accomplish this? or of any plugin I could use? Thanks, Elle http://designbyelle.com.au/
[jQuery] Can I call a different domain using .ajax async=false
Hi, If my code is on mydomain.com and I want to get some data from yourdomain.com can I use .ajax with async=false or does .ajax always do an XMLHttpRequest to get it's data? I know I can't use XMLHttpRequest for cross-domain requests. Thanks ahead of time.
[jQuery] keep session alive
hi i got a big problem i need to take a session from one page and keep it alive on another page where i have a long form. is this possible?
[jQuery] jQuery selector question - Having ":" in attribute name
I'm using jQuery 1.2.6 and having an <a> element with the attribute ajax:id="46" <a href="#" ajax:id="46">Test Link</a> According to http://docs.jquery.com/Selectors/attributeEquals#attributevalue you have to escape ":" with double backslash like I did. alert( $( "a[ajax\\:id='46']" ).attr( 'href' ) ); I tried a lot, but it's not working? Any hint would be appreciated! thanks
[jQuery] dynamic title set after ajax
Hi all, after a ajax load of content in a DIV I try to change the title of the parent document, for better BookMarking. Works fine in FF, not in IE. In IE is result null. In Opera become <localhost> in alert. here the Code: var new_title = $(data).filter("title").text(); document.title = new_title; alert (new_title); See you a way to do this in all Browsers? -- Viele Grüße, Olaf ----------------------------------- olaf.bosch@t-online.de http://olaf-bosch.de/ http://ohorn.info/ http://www.akitafreund.de/
Strange behaviour until page refresh
I have a simple slider script on my webpage. The height of the open div is dynamically set by jquery- it works just fine after a page refresh, but initially, the content and layout is all crazy. I'm stumped. Any ideas would be much appreciated! I'm running a pretty recently jquery version, downloaded earlier this week, btw.
Next Page