[jQuery] How to determine filter used to select $(this)?
If I do a match that is using multiple selectors, how(or is it possible) do I know which filter was used to select the item in the current index? For example: $('*[onabort],*[onblur],*[onchange]').each(function(){ $(this).css('border','1px solid #000'); }); This scans the DOM for any elements with these inline javascript attributes. In the .each() loop, I need to know which filter was used to match the current selection. Can this be done?
[jQuery] Accordion
Hi all, I am a js idiot, but I did manage to get a page up and working. My problem is that I want all accordions closed initially and can't seem to find the solution. (The first one is always extended.) I thought 'all closed' was the default but apparently not. Here is the test url: <http://www.pagesetter.com/Rad/faq.html> I have chili-1.7, accordion, dimensions, easing, and jsquery in my library group. I'm sure the answer is simple but hours of playing have not revealed it to me. Thanks to anyone
[jQuery] More elegant solution to assigning function pointers?
Hey, I'm trying to pass a function an array of buttons and function pointers. What I want to do is to assign functions to the arbitrary list of buttons. At the moment, I'm using: if (button_text !== undefined){ for (var vars in button_text){ var button = $('<input type="button" value="' + button_text[vars] + '">').appendTo('#content'); button.data('idnum', vars); console.log(button.data('idnum'));
[jQuery] JQuery Cycle + $.load question. <div>'s not appearing but they seem to be cycling.
Hello, I want to grab content from another page and then using Jquery Cycle, fade it in and out slowly. The content is a bunch of <div>'s inside of the div with id $events_banner. The problem is that, although cycle seems to be working as I can see it changing the Z-index and opacity of the divs in firebug. Basically, the content area remains white. If I take off the callback, it loads in the content perfectly, and without cycling, of course. $(document).ready( function(){ $("#events_banner").load("foo.html",
[jQuery] replacing content with .get madness
Hi all, I'm trying to change some html inside a div with ajax, after the user change the value of a drop down, but I 'cant make it work, it has been some time I've last coded with jquery and it seems I'm a bit rusted, can someone help me please? I've banging my head on this for the some time now here's my js: $(document).ready(function(){ $("select").change(getData); function getData() { var idRep = $("#estados").val(); alert($('repDesc').html()) // returns null (!!!!)
[jQuery] Show/Hide. Could someone, please, help me with this?
Hello, I have a form as following: <form id="MyForm"> <fieldset> <legend>Personal Data</legend> .... </fieldset> <fieldset> <legend>Options</legend> .... </fieldset> </form> I would like to hide/show each fieldset when its legend is clicked ... ... or even better, adding a small icon on legend or somewhere in fieldset to toogle visibility. How can I do this with JQuery? Thanks, Miguel
[jQuery] method to convert object to query string?
Does jQuery provide a util to convert an object to a query string? I'm converting a project from mootools using Hash.toQueryString to jQuery. (p.s., I've searched google, this list, and the jquery code and i haven't found anything as simple as i was hoping for.)
[jQuery] Advise me - data in openoffice spreadsheet - best way to manip. with jquery
Hi, I know I have been posting on here a lot. I hope thats ok. 2 things: a) I'm new to jquery and I want to learn as much as I can, b) I have projects going at work and personal projects. So I have data in a spread sheet, Open Office.org. So I can export it in a few different formats. The data is used in an offline webpage. I have it working my creating a csv file then using a small app I wrote to parse all the lines into a js array arr[i] = readline, (not important really). The array is then searched
[jQuery] [ToolTip] Suggestion/queestion
Hello, Is it possible to use the tooltips in some similar fashion. <a href="#" onmouseover="showToolTip(this, "tooltipmessage")"> S </a> This would make it much easier to use the thing on a heavily async page that has alot of messages that come from some array that you iterate on a jsp. For example a list of news that has a field that should go into the tooltip. The point is its inconvenient for me to "attach" the tooltips onLoad. If this is not possible currently is there any plan to implement it
[jQuery] Best AutoComplete PlugIn
Hello, because the UI AutoComplete is pushed back to 1.7, I'm looking for a good AutoComplete PlugIn. Which is the best today? Thanks for your help, Stefan Sturm
[jQuery] Corners - jQuery Port needed
This is a really neat technique.<div><a href="http://www.schillmania.com/projects/dialog2/">http://www.schillmania.com/projects/dialog2/</a> </div><div> </div><div>Unfortunately, it isn't jQuery.</div><div>Anyone want to try and port the idea? </div><div> </div><div>I wish <canvas> could just "do" this without the need for a graphic.</div><div> Glen</div>
[jQuery] delay delivery of a link
Hey, is there a way of delay the delivery of a link? The idea I have is to display a disclaimer in case a <a>-element, pointing to an external site, is clicked. To ensure the user can read this disclaimer, i would like to delay the browser for 1 or 2 seconds, as ie Opera reacts very fast, while with FF on Mac OS X I have a lot time to read it. I hoped there would be an equivalent to preventDefault(), but there isnt, right? So another solution could be writing the href-attribute to a variable and
[jQuery] [Treeview] How many nodes can it handle?
I am using the treeview jquery plugin: http://bassistance.de/jquery-plugins/jquery-plugin-treeview/ I have a tree with 56 nodes in the top level. When I load this tree, I keep getting a stop script. Is this too many nodes for the tree to handle? Cheers Sarah
[jQuery] where are the plugin demos?
I was wondering where the plugin demos are? Browsing thru the list of latest plugins, all it seems to list is the name, sometimes a version number and then a link to download the plugin itself.... Lots of times I don't even understand the plugin description until I see it working and code snippet....what about links to a page that has the plugin working so we can see it in action? yes? no? maybe? is everyone else just such a javascript jock that they "get" what a plugin does just by looking at the
[jQuery] Treeview and Search Engines
Hi Are links to pages in 'Treeview' valid for Search Engines. Can Search Engines follow the links? Thanks SC
[jQuery] how to parse tags with the name of <title> ?
Hi all, I've just downloaded jQuery to see if I can use it in a web program and I've come across something which I don't know is a problem, a bug or just (quite likely) my lack of xml/jquery knowledge. I'm using the example at ... http://www.webmonkey.com/tutorial/Easy_XML_Consumption_using_jQuery?oldid=20032 and if you change all the xml <name> tags in the referenced 'students.xml' test file to <title> it doesn't work. I guess this is because title is a reserved word? Anyone know how to get round
[jQuery] Problem with jQuery Round Corners plug-in in IE 6&7
Hi, I used this code in my page to gain rounded corner : <script type="text/javascript"> $(document).ready(function(){ $("div#right_column").each(function(){ $(this).corner("round"); }); }); </script> There is no problem in FF but I have problem with IE , please have a view here : http://i33.tinypic.com/2re6u6u.png I don`t have online sample now :( What can I do ?
[jQuery] Issues with the paging button when using table sorter
Hi, When using the pager option when using the table sorter, has anybody managed to put the buttons above the table? It just wont work for me when above it.
[jQuery] Actions on single div with common class
Hi, I'm having trouble figuring out how I can perform say, a hide animation on a div, by clicking a button on one div, which uses a class used by other divs. *Lets say I have this:* <div class="message"> <a href="#" class="delete">Delete</a> Message text </div> <div class="message"> <a href="#" class="delete">Delete</a> Message text </div> <div class="message"> <a href="#" class="delete">Delete</a> Message text </div> *then the jquery is: *$("a.delete").click(function () { $(".overlay").hide("slow");
[jQuery] ie accordion glitch
Hi everybody. So I've more or less developed a solid accordion menu. It works flawlessly in FF and Opera, has a tiny bump in Safari that I'm not really worried about, and is completely horrid in IE (i'm using IE 7). It seems to display the hidden section and then take it away again before it actually begins animating, and in doing so bumps everything below it down and back up about 100 px. As a side note, when I was developing the menu on its own (outside the actual page its the menu for), it worked
[jQuery] Unresponsive script when navigating away
<script type="text/javascript"> $(document).ready(function (){ $('div[name=limit1] label input[type=checkbox]').bind('click',function(){ $('div[name=limit1] label input[type=checkbox]:checked').each(function(){ this.checked = ""; }); this.checked = "checked"; }); }); </script> hi all, the code above i use to make a list of checkbox limited to one selection at a time, my trouble is that now i have over 100+ checkboxes,
[jQuery] Firefox is showing error console with no errors?
Hi there, I'm creating a one page ordering system that lets kids and parents order lunch. http://clients.blazemelbourne.com.au/cc/order.php It's designed to allow multiple kids and weeks per page, swapping the active ones around using jquery. Works splendidly in almost every browser except Firefox. On Firefox 3 it's just really really slow and jerky. On Firefox 1-2 it's just as slow and particulary on 1 and 1.5 the animation is displayed very poorly - the biggest problem is that Firefox 1-2 are throwing
[jQuery] How to return element index in group
Hello there, Imagine we have an unordered list and I want to get an index (position number in group) from the LI element I'm working on. More precisely, let's say the particular list has 10 LI items. I'm handling the second one at the moment, but I don't know that, so how can I return the number? Regards
[jQuery] Accordion script within a portlet
I'm trying to incorporate an accordion script into an IBM Websphere portlet. The scripts work fine on their own, but once I try putting it inside a portlet, then it will not work at all. I'm working in IE6. Any ideas?
[jQuery] How to enable right click on a jquery flot application
Hi All, I have been trying to enable right click on a flot implementation of mine and havent been sucessful so far need a little help on it. if i can programatically invoke the plot.onclick method that can also sort out my woes. basially in onlick I can check for the event.button and do the specifics but how do i riht click without bining up the browser context menu. Thanks in advance Faizal
[jQuery] Tablesorter issue, can find images for the header.
Hi, I'm messing about with the tablesorter. The issue i am having is I cant seem to find the images on the header. If i do a save as complete page from I.E. 6 and upload to my webserver, it still does not work. Here is the page I have done the Save as from http://tablesorter.com/docs/example-pager.html everything works fine, but the images are nowhere, any ideas ?
[jQuery] Table sorter issue - trying to stop a field from sorting
Hi, Here is my code, I want to prevent the first field from being a sort option, can somebody help? <-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us"> <head> <title>jQuery plugin: Tablesorter 2.0 - Pager plugin</title> <link rel="stylesheet" href="jq.css" type="text/css" media="print, projection, screen" /> <link rel="stylesheet" href="style.css" type="text/css"
[jQuery] video tutorials first of Arabic tutorials with video
<div dir="ltr">i Have Correct the Links This time Hi every One this is my first post and i want to say that it's glad to be the First One to write a arabic and it's a video tutorial and a introduction to jquery with the arabic language in text Mode the text tutorial is here : <a href="http://www.hack-systems.com/2008/11/01/introduction-to-jquery-in-arabic/" target="_blank">http://www.hack-systems.com/2008/11/01/introduction-to-jquery-in-arabic/</a> and the Video Tutorials is there : <a href="http://www.hack-systems.com/2008/11/04/get-start-with-jquery-arabic/">http://www.hack-systems.com/2008/11/04/get-start-with-jquery-arabic/</a>
[jQuery] ClueTip Sticky IE dbl click
Initially set up site to use Hover to bring up cluetip, then request was to make user click for display. Using cluetip sticky, I configured jquery.cluetip.js to use "click" instead of "hover" (also tried "toggle"). The issue I can't resolve is that IE requires 2 mouse clicks initially to display the html. Once cached it reacts properly to single click. FF has no issues.
JQuery No Conflict Problems
Hello, When I use jQuery.noConflict(); I receive the following error: 'undefined' is null or not an object. JQuery is loaded, I use it and I need to add the no-conflict thing but I keep getting this error. Any ideas? Gabriel
JQuery Conflict Bug
Hello, I have a problem with a form that uses jquery with ajax. go to: http://www.top40.ro/WebDesignSolutions-test/form.php Do not fill the form. Click Submit directly. After you receive the errors, go to bottom and check the "I agree" checkbox. You will see that a green tick appears. Now, point your mouse over the question mark image near the "I Agree" text. You will see that the error appears back, even though the checkbox is checked. Somehow when $('#JT_copy').load(tip_url); from the jtip.js file
[jQuery] [treeview] How collapse all after any click
Hi! Help please with Treeview plugin. I have a categoty tree and I need to collapse all category after any click on any category. in other i need any time only one category in expand condition it's similars "Collapse All" in treecontrol but after any click on category and then expand selected category. But i can't modify code for this. Thanks!!
[jQuery] Firefox flickering with slidingtabs-script
Hi, I'm experiencing some heavy flickering in Firefox only with a slidescript built on the coda-slider. It could have been set up like this: box w. width of 200px each pane has a width of 200px and are float to the left so only one is visible at a time. Each time I switch tab the flickering occours. Any workaround to this would be greatly appreciated :-) I'm sorry the example is in Danish but it should be clear enough anyway: http://eucnordvest.dk/Nyeste+videoer.3626.aspx Thanks in advance, Oskar
[jQuery] Problems with Firefox
hi all, installed the plugin and it works great of Safari but i seem to have problems in firefox, it looks like it doesn't initialize the plugin.. u can see sample here http://new.yalla-ya.com/melinda-nicci/ . i also dont get any errors at all in the console, don't see how it is related but it's built on wordpress. i also tried adding the ($.browser.safari || $.browser.mozilla) hack from one the other posts but nothing.. i also tried removing completely the other jquery scripts i have there and nothing
[jQuery] on the fly div and ui droppable problem
hi all i found a problem with jquery ui droppable, i give the target div a css class which drag and drop is working fine , but when i create another div with the class on the fly and append it to the HTML the drop doesn't work are there any solution ? the code is like that <script> $(".pheader").droppable({ accept: ".ads", drop: function(ev, ui) { ui.draggable.clone().fadeOut("fast", function() { $(this).fadeIn("fast") ; }).appendTo($(this).empty()); } }); /* the problem div */ $('<div
[jQuery] Passing data to the jQuery.get callback
Hello, I am developing my blog from scratch, using XHTML and jQuery 1.2. On a page, I have multiple posts, each having a "show comments" link, that is handled by jQuery. I want it to fetch the comments on the PHP backend using Ajax, and insert them in the DOM. This way, comments would be dynamically loaded. Currently, I have this: $.get('/blog/get-comments.php', {'id': newsID}, JW.HomePage.commentsLoaded); JW.HomePage.commentsLoaded = function(data, textStatus) { } My problem is: how do I know in
[jQuery] Simple Ajax question
Hi! I have a basic question with jQueryed ajax. How can I reach elements by tag name ? I have this js: $.ajax({ url: "some.xml", type: "POST", dataType: ($.browser.msie) ? "text" : "xml", processData: false, complete: function(data) { var xml; if (typeof data == "string") { xml = new ActiveXObject("Microsoft.XMLDOM"); xml.async = false; xml.loadXML(data); } else { xml = data; } alert(xml.responseText);
[jQuery] Arabic tutorials first of Arabic tutorials
Hi every One this is my first post and i want to say that it's glad to be the First One to write a arabic and it's a video tutorial and a introduction to jquery with the arabic language in text Mode the text tutorial is here : http://www.hack-systems.com/2008/11/01/introduction-to-jquery-in-arabic/ and the Video Tutorials is there : http://www.hack-systems.com/2008/11/03/get-start-with-jquery-arabicget-start-with-jquery-arabic/ the Description : in this tutorials we will get to Now the jquery library
[jQuery] [validate] - submit works after fixing only one required field
Not sure if anyone has run into this...might be a bug. I even see it happening on the demo page for the great validate plug in. I am using the code to capture all of the validation messages in one container. When you enter nothing and hit submit you get the messages just fine, but if you correct one of them and hit resubmit it will allow the page to submit even though there are still required fields. Go to the top demo here: http://jquery.bassistance.de/validate/demo/errorcontainer-demo.html hit
jquery tab effects
I'm using the jquery UI tabs, but the transition from tab to tab is very jumpy. Where can I find what can of effects that can be used with it if there are any? Should I be using another library with better effects? Here's my current initialization code: <script> $(function() { $('#tabs_container > ul').tabs( {remote:true, ajaxOptions: {cache:false}, spinner:'Loading', fx: { height: 'toggle', opacity: 'toggle', duration:'slow' } }).tabs('rotate', 5000); }); </script>
Next Page