[jQuery] Tablesorter advice required - row level filtering based on inputs?
Hello. I'm here for advice on which approach to take with this problem. I am using the wonderful tablesorter 2 plugin (http:// tablesorter.com/). I have a table that contains data. I'd like to provide an input field above the table so that a user can filter rows based on a string matched from one particular column. Is this something I could implement as an add-on to tablesorter or am I better off keeping this functionality altogether separate. Hope that makes sense. Thanks for reading Richard
[jQuery] how to output element in string
<a id="link" href="/test.html" target="_new">my link</a> after remove the target attribute $("#link").removeAttr("target"); I want to get the string is <a id="link" href="/test.html" >my link</a> but how could I ? I don't think jquery have toString() function, any idea ?
[jQuery] resizable floating text area?
Hello, What is the best approach to displaying a resizable text area that floats ontop of other elements in the middle of the screen or near to a specific element? The text area can either be already on the form but initially hidden or it could be loaded on the fly. I've found some dialog plugins but none are resizable and I've seen a vertically resizing text area but I can't find a combo of them both? Has got any suggestions on which plugins are good to work together to achieve this? Thanks, N.
[jQuery] [validate] group Options question
<html><body><span style="font-family:Verdana; color:#000000; font-size:10pt;"><div>I'm trying to apply group options to four fields that need to be treated as if they are one single piece of data. All the samples seem to show using className to apply the validation, but I'm setting up my validation rules in the validation call which does not appear to be the recommended method. Is that why I cannot get the group option to work? It appears as if you have to use the class attribute for grouping
[jQuery] Jquery Ajax load()
Hi, I am using the command, $("#divId").load('url'); my development is in J2EE(JSP). The problem is the content loaded by this command is not accessible to other jquery scripts. like if i have cascading dropdowns. the user selects first dropdown, based on its value the other dropdown gets loaded. the newly loaded dropdown cannot be selected by using any selector expressions. i cannot use the $("#newdropdown").change(). What is the problem. is it that the DOM is not being updated? Will other jquery
[jQuery] AJAX Callbacks - How to show Ajax request status using a loading image?
Hi everyone, I am a newbie in jquery and have been stuck on this all morning. I am using the following function to perform an AJAX request which loads in the specified DIV: function showUser(str) { $('#content1').load("select.php?q="+str); } This works fine but I tried to add a loading gif (you know those nice circles) and I got it kind of working. The gif would show up and go away when the content was loaded but I had two problems. The image would show up on first load and just sit there until the
[jQuery] JQuery Effects order ??
I am trying to create something of a shuffle effect. I grab some data consisting of firstname and lastname from an xml file. then i randomly select one, assign it to a span, fade it in and fade it back out. I do this for a few names to give the effect of shuffling through the list of names. it was working fine until i tried to explicitly set the span text to a value. Below is an example of my code (yes i am not very well verse with jquery at all) $('input[name="btnGet"]').click(function(e) { e.preventDefault();
[jQuery] [validate] Repeated error tags
I have the following problem: If I try to submit a for multiple times, and the same field is invalid, each time I will get a new error tag and the old one doesnt clear. So after a while I will have multiple error tags with the same message for a given field. Any ideas how I could fix this or what could be causing it?
[jQuery] mcDropDown: any click event fire the drop down animation
Like the topic says, any click, right or left, fires the animation for the mcDropdown. It disappears right after. Has anyone encountered this bug? Any fixes/workarounds?
[jQuery] prob my function msgcolor
Hello I currently work on a feature for messages my system framework. I just can not create options. (function($){ var settings; $.fn.MsgColor = function(options){ var settings = { startWidth = function(){this.width(0)}, endwidth : null, startHeight = function(){this.height(0)}, endHeight = : null }; $(this).hide(); if(options) { $.extend(settings, options); } $(this).show('slow',function(){ $(this).startWidth.startHeight.animate({'width':'+=60%'},
[jQuery] NEWS: jQuery Tweetworks Group
In an effort to continually provide new methods for jQuery developers to reach each other, the jQuery team has created a new TweetWorks jQuery group to allow those users with Twitter a method of communicating with each other: http://tweetworks.com/groups/view/jQuery Rey... jQuery Project
[jQuery] Nested Sortables with 2 Lists
I'm trying to make a Menu builder and having trouble finding a plugin to do what I need. On the left is the current menu. It's a nested <ul> list. On the right is a list of pages not appearing in the menu. I need 1. The ability to sort the menu on the left in a nested manner, so items can contain sub-items. 2. The ability to drag items from the left to the right and vice-versa Something like this would be great: http://dev.jquery.com/view/tags/ui/latest/demos/functional/#ui.sortable But I can't figure
jquery tabs plugin
I'm trying to use: tabs("add", '#fragment-identifier', 'New Tab', 1); from the jquery doc (http://docs.jquery.com/UI/Tabs/tabs#.22load.22index), and it doesn't seem to work for me. Basically, I need to reload the content of each tab using ajax. Ideally, I'd like to have a div, for example, <div id="tabs"></div>, and then I'd like to be able to add tabs dynamically. How do I go about it? thanks.
[jQuery] Jquery Cycle Plugin Problem
There is a problem with pc memmory when the plugin is working ( Tested in a few pcs). At Least you need a 2 core duo for a not problem experiencie, but try in a pentium 4 with 1gb of ram... and you will Khnow. Open the task administrator and test de memmory. Any Solution for this?
[jQuery] Keeping track of the current clicked link
Hi, these are my first attempts with jQuery and I would be glad if somebody could help me. My Problem: I'm using the ASP.net MVC framework and wanted to keep track of the current clicked menu link. The menu links are in the master page and so is the jscript. What I tried to do is to attach some code to the click event of my links (in a marked list) and attach a "selected" class to the current clicked link: sample code 1>>> i started with this little jquery script: $(document).ready(function() { $("#menu
[jQuery] JSON parser?
Hi, Does jQuery comes with a built-in JSON parser? I need a FROM JSON function as an alternative to using eval. Thanks,
[jQuery] Sliding effect not working
What could be the problem here? I am using the easing plugin to have a panel slide up out of sight, or down into sight and it was working before, but now it's not. The panel just quickly goes to the desired position with no effects. Would other elements on the page affect this? I am using the latest version of both jQuery and the Easing plugin. Am I using the animate function incorrectly? Here's the code I'm using: function toggleAlert(){ $("#toggle").blur(); $("#alert").animate( { top:
[jQuery] Finding an input's label
What's the easiest way to find an input's label? I'm trying to evaluate this along the lines of the following, but this doesn't work: $('label[for=this.attr("id")]').attr('class', 'error'); Any help appreciated.
[jQuery] mouseover text for select option
Hello, i want to display some additional information in a div, while selecting an option from a select. It works so far, except that it always display the previous mouseover text. the used html <form> <div id="fooinfo">qwertz</div> <select id="fooselect" name="foo"> <option value="foo option 2"> option 2</option> <option value="foo option 3"> option 3</option> <option value="foo option 4"> option 4</option> <option value="foo option 5"> option 5</option> <option value="foo option 6"> option 6</option>
[jQuery] form submit without page refresh
Hi Friends I just want to submit the form without page refresh i want to do this using j query, Am actually working in DRUPAL ,Tell me how to implement this in drupal,
[jQuery] Cycle plugin + position:absolute
Hi, I'm trying out the malsup's cycle plugin and really like it. It seems to interfere with my formatting though. My demo is at http://vocabforbreakfast.railsplayground.net/jqfade/. How can I center the div with the images when the cycle plugin sets the position property to absolute? Thanks Lenni PS: Sorry if this is should have been posted in a CSS group instead.
[jQuery] problem when mousing onto <selec> object option list (relatedTarget?)
Hi -- I'm working on a site with a nav area that exposes panels/menus when a parent <li> is hovered over -- using hover(). Some of these panels contain forms, including <select> objects. When I click a select in one of these nav menus, and then mouse over the options, it causes the containing menu panel to disappear. I assume this is because the browsers don't consider the option menu part of the <select>, and therefore not contained within the parent <li>, so it reacts as if the parent <li> is no
[jQuery] Issue with jquery(selector, context) and Chrome
I'm using the Forms plugin to do an ajax submit which then grabs a div with a table to display on the page. The response callback function is as follows: <code> function(response){ var results = jQuery("div#results", response).html(); if(results == null){ // To handle if the session expired window.location.reload(); } jQuery("div#results").html(results); ... } </code> I've put response to console.log (using FireBug Lite) to verify that the proper response is being
[jQuery] Panel Interface for webpage?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd"> <html><head><meta name="qrichtext" content="1" /><style type="text/css"> p, li { white-space: pre-wrap; } </style></head><body style=" font-family:'DejaVu Sans'; font-size:9pt; font-weight:400; font-style:normal;"> <p style=" margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -qt-block-indent:0; text-indent:0px; -qt-user-state:0;">I'm not sure if I've seen a plugin for this, or even a
[jQuery] jCarousel, localScroll, other options?
Here is my issue, I have used jCarousel to accomplish what I need... however the markup is bothering my anal tendencies for pure semantics. I'm using jCarousel to scroll content blocks in a sexy way, however, in order to use jCarousel I must have my content blocks inside a list, each as a list item. This validates, and is functioning exactly how I want it to, however I can't get past the fact that this markup doesn't make sense. LocalScroll is my other option, but it doesn't slide sexy the way jCarousel
[jQuery] Applying Body height to inner element using dimension
I've been toying with a way to add the height of the body (full height of the web page including scroll area) to an internal wrapper. My goal is to achieve a 100% height of an inner div. Any ideas? Matthew
[jQuery] LiveQuery
Hi All, I was wondering if someone could help me translate this code: $('.hover_info').hide(); $('.file').hover( function() { $(this).find('.hover_info').slideDown(220); }, function() { $(this).find('.hover_info').slideUp(220); } ); into something that works with the livequery plugin (http:// brandonaaron.net/docs/livequery/). Both of these are called on page load. Everything I try seems to be throwing errors. I have tried along the line of: $('.hover_info').livequery().hide();
[jQuery] Can't use selectors in reference to a named object?
The following doesn't work as expected and I don't understand why--can someone explain, please? $('form').each( function() { var thisForm = $(this); alert(thisForm.attr('id') + ' [' + $('thisForm
[jQuery] Resizable textarea
Hello, I can't get the jQuery UI resizable function, in any browsers. Here's my code : <link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/ latest/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)"> <script src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/ latest/ui/ui.core.js"></script> <script type="text/javascript" src="scripts/jquery/ui.resizable.js"></ script> <script> $(document).ready(function()
[jQuery] Splitted list
Hi, I am trying to figure out how I can split a simple unordered list in two unordered lists. Code: <ul class="list_splitted"> <li>list item 01</li> <li>list item 01</li> <li>list item 01</li> <li>list item 01</li> <li>list item 01</li> <li>list item 01</li> <li>list item 01</li> <li>list item 01</li> </ul> I can create a div around it and two columns inside it with this code: jQuery(function($)
shorthand help? Script seems too long!
Hi, The JQuery script I'm using (see below) works fine. However, being fairly new to JQuery, I'm fairly sure that the script could be shortened significantly. I'm certainly and obviously not a javascript expert so any help in setting me on the correct path would be greatly appreciated! Thanks $(document).ready(function() { $('.Service1').hoverIntent(function() { $(this).parent().css({"background-color": "#005957"}); $(this).animate({"paddingLeft": "+=5px"}, 100); $(this).addClass("addArrow");
[jQuery] Nested carousels
I tried to implement nested carousels with jCarousel and I'm not sure that's possible (it doesn't work for me). Has anyone tried this before ? The problem is that for some reason the top carousel doesn't scroll correctly. It scrolls the first 2 items great but from the third on.. it looks like it scrolls with the width of the elements in the bottom carousel. ?
[jQuery] panoramic photo viewer
hi, is there any jquery application about showing 360 percent panoramic photo viewer. The photo is taken with cat eye photo machine so i has to use flash panoramic viewer but it is not free. is there any application created with jquery plugins. can you help me about this problem.
[jQuery] Ready event is getting fired - each time i click on a link in the page
Hi All, I am newbie to this group as well as to jquery. I am running the below code --------------------------------------------------------------------------------------------------------------------------------------- <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> Page with Gadgets</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script
[jQuery] Problems with Multiple File Upload
I am having a slight problem with the multiple file upload plugin, found here: http://www.fyneworks.com/jquery/multiple-file-upload/#tab-Support Here is my HTML form: <form id="uploadForm" enctype="multipart/form-data" action="upload.php" method="POST" class="edit"> <fieldset> <legend>Your file</legend> <ol> <li> <label for="choosefile">Choose an image to upload:</label> <input type="file" class="multi" name="images[]"> </li> </ol> </fieldset> <input type="submit" name="submit" value="Send"
[jQuery] make something draggable?
hello, I've got some code like this: <div id="libNotePad"> <form id="libNotePadForm"><input type="hidden" value="" id="libNotePadRef" name="libNotePadRef"> <div id="libNotePadTitle"><img src="/web/javascript/layouts/ fieldSideTab/but_image_notepad.gif" alt="libNotePad" style="padding- top:2px; padding-left:2px; padding-right:4px; vertical-align:text- bottom;" />Edit Comments</div> <textarea id="libNotePadTextArea" name="libNotePadTextArea" cols="" rows="">loading data...</textarea>
[jQuery] Attribute selector with namespace
Is there a way to specify an AttributeFilter for attributes within a certain namespace? I try some alternatives but it seems that is not implemented. For example: <span x:foo="bar">Lorem</span> I would need that something like $('[x:foo]') find the span element. Thanks.<br clear="all">Brian J. Cardiff bcardiff(?)<a href="http://gmail.com">gmail.com</a> .
JQuery Selected Nav Problem
Hi, Forgive me if this sounds bland, but bear with me! I have this problem where I'm loading a sub navigation into a div, which basically is: function loadTabs(p) { $("#footerTabsWrapper ul").load("/views/elements/subTabs.php?t="+ p +"&p="+ p); } Which is executed when the user clicks the main nav item: $("#nav-pages span").click(function() { loadTabs($(this).attr("title")); }); What the loadTabs function does it loads html from a file and pulls the correct set of items and puts it into a
[jQuery] submit form without page reload
Hi one and all Is there any sample snippet for form submit without page refresh, am working in drupal cms, so the sample snipet must suit for drupal 5<br clear="all"> -- உங்கள் நண்பன் பரணி குமார் Regards B.S.Bharanikumar POST YOUR OPINION <a href="http://bharanikumariyer.hyperphp.com/">http://bharanikumariyer.hyperphp.com/</a>
[jQuery] How do I move contents from different frames in a frameset with Jquery?? Tried and can't get it to work!
Hello! I have tried this with the advice of a few in #jquery channel on Freenode and I cant get this to work. Here is my situation: I have a frameset with 2 frames: One's frame source is frame1.html (with Id of "bottomFrame") and frame2.html ( with id of "mainFrame"). mainFrame source (frame2.html) has a div tag with the id of "adDiv" and this div tag contains an Iframe. bottomFrame source (frame1.html) has a div tag with the id of "destinationDiv". I am trying to move the contents of "adDiv" (the
Next Page