[jQuery] HOWTO: Nested hover
Hi I have a div with other divs nested inside it (these may have further divs nested inside). I want to provide a hover effect when each is hovered upon. The trouble I have is that upon mouseout of a nested div - the hoveron event of the surrounding div is not fired. I could keep a list of divs and pop them on and off, but I wondered if there was a better way. Any ideas ?! weepy
[jQuery] Wait for Fade event to complete before initiating next action
Hi, I've been trying to change the content of an element using html(), however I want to fade the element out before I change the contents. sample code: $(document).ready(function(){ $("#menu li").click(function(){ $(this).fadeTo(1000,0).html("changed").fadeTo(1000,1); }); }); I have tried to implement a waiting period in between the fadeTo() and the html(), using the pause plugin aswell as using the .animate({opacity: 1.0}, 3000) method, however the contents of
select all rows in table
Hello, i'm new to jquery, so i have problem I created this little code for select all rows in table (change of color and check checkbox in row). Problem is when click on checkbox, event is fired and then is event on row is fired too - eg. 2 events fired. I tried to stop bubbling but this causes not to color row and not to check checkbox. <table> <tr> <th>Data</th> <th><input type="checbox" name="rX' value="" class="fX"></th> </tr> <tr> <td>first</td> <td><input type="checbox" name="rY[1]' value=""
[jQuery] Error-Message: is not a function
I've been thinking the last two hours about this problem: The following function is part of a form validation script. The targeted selects contain a name attribute like "accomodation[1]" or "accomodation[2]". I neet the number within the brackets. The alert- function is just for testing and will be replaced later on by the processing of catid. I constantly get the errormessage "catid.replace is not a function" pointing to the line containing the first .replace. function checkacc() { var catid;
Accessing new-created DOM elements
ive got preblem with selecting element created during work on page. my code looks like: $("button").click(function() { alert("boo!"); }); $("div").append("<button>make a boo</button>"); as you might see (and if i get it right), in time when selector is looking for a button in the page code, none is created yet, so it won't assemble it any click action. i've found this a bit problem in my case, when i'm loading data from db and making a list from them. i need to acces element in this list.
[jQuery] tbody and jQuery
Is it possible that jQuery would insert tbody tags into the DOM for tables that do not have them? I am beginning to suspect that jQuery is the reason these tbody tags are "appearing" in the rendered source of my pages, despite the tables not having tbody tags in my code. /alex
[jQuery] Tablesorter plugin question
First of all, this is a great plugin, many thanks! I have a bit of a specific implementation that I can't figure out. I have a table working and sorting correctly with the plugin, but because of a design decision, I have to allow the table body to scroll while the table headers remain fixed... and still be sortable. I've tried many things, but the only way I can really get the scrolling to work is to separate the thead and put it in a different table that is essentially placed right above a div containing
[jQuery] Any idea how can this be achieved
Hello everybody :) Please check out this page http://www.wacom.com/bambootablet/bamboo.cfm Click on the image "BAMBOO PHOTO GALLERY" on the right side. Nice thingy! I can see it's thickbox, along with jQuery easing... But how can I apply this feature? Thanks
[jQuery] Masked Input Plugin 1.1.3
Hello everyone, I've been away from the mailing list for a bit. I just released an updated version of the masked input plugin to take care of a bug that several people pointed out. The buffer was not being cleared properly, and when a character got shifted, it would appear twice (once in the old position and once in the new). You can download the latest version at: http://digitalbush.com/projects/masked-input-plugin or from the jQuery plugins repository. Thank You Josh Bush digitalbush.com
[jQuery] Expand one, collapse the rest
I'm working on a navigation bar using jquery for my first time ever! Up until the last hour of coding, I had been achieving all my desired effects for hover and onclick. I didn't foresee this problem I've just run into although I should have and I can't figure out what I have to do to get out of it. So what I want to do is to have the expanded "boxes" collapse once a new "box" is clicked. And maybe on the second click, have the one expanded box collapse. Here's a sample of what I'm working on for
[jQuery] Jquery, AJAX and MySQL update
Hi, I hope someone can help me with this. I've been reading jquery.com tutorials and others online to try and create a sortable drag and drop list which updates a mysql table using AJAX. After a few hours of head scratching I finally got most of it, but I'm stuck on the bit that passes the serialised data via AJAX to the script. Here is the script. <script> $(document).ready(function(){ $("#list").sortable({ accept: 'item', update: function(sorted) { serial = $('#list').sortable('serialize'); $.ajax({
[jQuery] Tablesorter plugin question
<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="border-collapse: collapse; font-family: verdana; font-size: 13px; ">First of all, this is a great plugin, many thanks! I have a bit of a specific implementation that I can't figure out. I have a table working and sorting correctly with the plugin, but because of a design decision, I have to allow the table body to scroll while the table headers remain
[jQuery] Regarding some effects created on the joost.com website.
Hello there, I'm a designer and I have to admit coding is not really my strength. I recently found the joost.com website and I'm really impressed by their feature box ... that is not a flash. I will be able to re-create the same thing in flash, but as far as I see is only JavaScript. I understand that the jQuery team created this nice feature box and I was wondering if there is any way you guys give me a hint or tell me where I could find the necessary documentation on building something similar.
[jQuery] [validate] - IE6 Issue
$('form#order').validate(); $('input#step2').livequery('click',function() { if($('form#order').valid()) { $('div#stepOne').hide(); $('div.step').html('Step<br\/>Two'); $('div#stepTwo').show(); } return false; }); The if() statement: if($('form#order').valid()) above causes IE6 error: Object Doesn't Support this Property or Method Any thoughts?
[jQuery] Tablesorter question
First of all, this is a great plugin, many thanks! I have a bit of a specific implementation that I can't figure out. I have a table working and sorting correctly with the plugin, but because of a design decision, I have to allow the table body to scroll while the table headers remain fixed... and still be sortable. I've tried many things, but the only way I can really get the scrolling to work is to separate the thead and put it in a different table that is essentially placed right above a div containing
[jQuery] Tablesorter question
First of all, this is a great plugin, many thanks! I have a bit of a specific implementation that I can't figure out. I have a table working and sorting correctly with the plugin, but because of a design decision, I have to allow the table body to scroll while the table headers remain fixed... and still be sortable. I've tried many things, but the only way I can really get the scrolling to work is to separate the thead and put it in a different table that is essentially placed right above a div containing
[jQuery] Tablesorter question
First of all, this is a great plugin, many thanks! I have a bit of a specific implementation that I can't figure out. I have a table working and sorting correctly with the plugin, but because of a design decision, I have to allow the table body to scroll while the table headers remain fixed... and still be sortable. I've tried many things, but the only way I can really get the scrolling to work is to separate the thead and put it in a different table that is essentially placed right above a div containing
[jQuery] choppy animate FF bug
does anyone know how to fix this choppy animate Firefox bug? Is this normal jquery animate behavior? In safari it looks very smooth. (be sure to hover over the 3 images from left to right, you will notice it jumping from time to time) http://mindimpulse.com/choppy/
[jQuery] jQuery.extend and prototype inheritance?
Hi All, Sorry if this is my second post but I have no idea if my first post went through.. Plus I have additional info/questions: So I'm trying to wrap jQuery/DOM elements with custom methods.. I've looked around and people claim you can use jQuery.extend (the one documented under utilities not core) and extend a jQuery object using prototypes.. Now I've been able to do this, it looks like it's not actually using prototypes but property copies.. Does anyone have any ideas about this? The following
[jQuery] Animating marginBottom not working
Dear All, I have written the following code, which slides the div #menu away from view 'below' the browser window. The first part, triggered by #hidemenu, works perfectly. However, the second part, triggered by #showmenu, has no effect at all?! I need the div #menu to be restored back to its original position when #showmenu is hovered over. How can I achieve this? <script language="javascript"> $(document).ready(function() { $("#hidemenu").hover(function(){ $("#menu").animate({ opacity: 0.4, marginBottom:
[jQuery] jQuery tabs - create 'modal' or 'force-focused' tab?
I am creating a simple application that allows uploading of images in a popup window, when completing a form. The popup returns the filename to the the parent form when closed, works great. But I'd like to move this function to a jquery tab instead. Has anyone had success, or care to share example, of doing something like this? I need to - add a new tab to a tabbed form, via a link in the first panel (easy) - automatically give focus to that tab as soon as it is created (not sure about this one)
[jQuery] CSS Design consideration
Hi, Recently I decided to use jquery to design few HTML pages. I have moderate experience with html design. I am facing dilemma, how to design CSS layout. From my point of view, in CSS file, u can define a. Styles attributes and b. Selectors where that styles get applied too. I have two patterns here. 1. I just define class definitions in CSS file and let jquery addClass on document.load() 2. I define CSS styles + element selectors in CSS file and use JQuery only for handing events / possible add+remove
[jQuery] drop and bounce effect using
Hi i came across this site http://smoothgallery.jondesign.net/showcase/gallery/ please see how the menu items are dropped from top and bounce before finally settling down. I am wondering how this can be done using jquery... I gave the easing plugin a try but the easing plugin only animates the background of the div. I had this $('#example').animate({height:100}, {duration: 1000, easing: 'easeOutBounce'}); <div style="background-color: red;"id="example">Hello World!</div> thanks for any help. PS:
[jQuery] Wrapping jQuery Objects
Hi, I'd like to know an elegant and efficient way to wrap jQuery objects.. Before jQuery, I would wrap DOM elements with additional inherited methods (like http://www.codeproject.com/KB/scripting/MiniRacer.aspx).. I know about extend but I need to be able to assign methods to only certain classes of elements, not all jQuery objects.. Can anyone point me in the right direction? Thanks..
[jQuery] Superfish without javascript enabled
<p class="MsoNormal">Hopefully this one makes it, my posts don't seem to be showing up. I was looking at superfish, and wanted to see how it was working without javascript. Now I may be misunderstanding how it is working, or suppose to work, but from what I read, superfish should sit on top of suckerfish, enhancing its functionality. In fact, it notes that superfish should be applied to a working suckerfish menu. However, when I use the default menus and styles from your site after disabling javascript,
[jQuery] jQuery plugin: Tooltip problem with disabled form fields
Hi, Shameful to admit but my first post is a request for help but here goes. I've been using the wonderful "jQuery plugin: Tooltip" from bassistance.de but I haven't been able to get it working for disabled form input fields. I don't know whether this is an issue with HTML in general not being able to display the title attribute or with the plugin itself. I've tried to specifically select the disabled inputs to no avail with: $('#form_style input[disabled]').tooltip(); Any help would be greatly appreciated.
[jQuery] Superfish - without javascript
Hello, This may be a double post, kept waiting for my post more than 30 minutes to show up, but so far it is a no show. I was looking at superfish, and wanted to see how it was working without javascript. Now I may be misunderstanding how it is working, or suppose to work, but from what I read, superfish should sit on top of suckerfish, enhancing its functionality. In fact, it notes that superfish should be applied to a working suckerfish menu. However, when I use the default menus and styles from
Dynamic Add Row
I have this script that I'm trying to customize that will allow me to dynamically add rows of data. Other than adding rows of data it should allow me to add a block which contains an addrow button to add dynamic data within each bloc. Please view the following link in IE, for some reason FF is not working right. I need a few functions written and would be willing to pay someone to work on it for me if there is in an interest in doing so. http://ts.7079.net/ischema/addBlock.cfm Thanks you in advance!
[jQuery] Superfish breaks if you replace the inner structure
Ok, so I have a CMS, and it uses Superfish for (most, not all) of the navigation. Every so often (on specific actions by admin) the inner structure of the navigation is tossed about. With superfish enabled, it breaks my navigation, and I can only get to the top level items, anything hidden in a dropdown is gone.
[jQuery] Passing parameters to callback functions
Is i possible to pass arguments to callback functions right now I have: $(".imagethumb").each(function() { $(this).bind( \'click\', function() { var $id = $(this)[0].id; $("#prodimage").fadeOut("slow", function($id) { $("#prodimage")[0].src = $("#" + id ).attr( \'fullsize \' ); $("#prodimage").fadeIn("slow"); }); } ); }); When it gets to the callback function for fadeOut $id is null. How do I fix this??
[jQuery] Validate plugn -> Error does not go away!
Hello, I am using jQuery Validation Plugin. The demos work fine. But when I am using a new form I get correct errors. When I correct the invalid input the error does not go away until I click the "submit" button. Here is the code for a form with id="finansform": var validator = $("#finansform").validate({ // debug: true, rules: { firmanavn: { required: true }, org: { required: true },
[jQuery] Auto update UI Tabs content
Hi! I'm working on an application that shows few "main application tabs" and a separate (single) news tab with UI Tabs 3. Is there a way to auto-magically (every 15minutes or so) poll the news file "uutiset.php" for changes and update the view in the tab when necessary? <div id="wrapper"> <div id="content"> <div class="tabs"> <ul> <li><a title="Projektit" href="pages/ projektit.php"><span>Projektit</span></a></li> <li><a
[jQuery] Optimize and Improve my code please
Guys, I have a code snippet which I would like to improve and optimize and was hoping to get some help. The form has two chained selects so when you select an option on the first one, the second gets populated via an Ajax call. The code is based off of Remy Sharp's chained select article and I've added some code for special situations. Selectbox #1 lists available products while selectbox #2 will display certificates belonging to the product chosen. Here are the situations: 1) If product selected
[jQuery] Flexigrid Column Width
Hi, I have been trying to use the Flexigrid plugin for some time. I got most of its functionality working and created a toscawidget for use in Python web frameworks. It has been documented <a href="http:// docs.turbogears.org/2.0/RoughDocs/ToscaWidgets/Cookbook/ FlexiGrid">here</a>. But I am facing one problem. When I specify column fixed width in colModel, the column shows up correctly but when I set it to auto, the column width of the header row and the data rows do not match. How can I solve this
[jQuery] Tabs & Validation
Hi all! I need a little advice; in a page I have a form with a tabs with 3 tab- pages, all with input elements and all required; in this form I also have enabled the splendid Validation plugin. My concern is this: if a user fill only the inputs of the first tab- page and leave blank the others, he cannot submit the form 'cause this is correctly stopped by the validation plugin, but the problem is that the user cannot see the invalid inputs (highlighted by the Validation) on the others tabpages 'cause
[jQuery] TIP: how to update jCarousel v0.2.2 to 0.2.3
Don't forget rename style .jcarousel-skin-tango.jcarousel-container { to .jcarousel-skin-tango .jcarousel-container { I think, It could be helpful for someone ;-)
[jQuery] Get .index and place it in some text
Hi, I got something like this: http://ischagast.nl/serialscroll/ What I want is to get the item index after the title directly, what I got right now it that you see that index after clicking the <li>. $('body.domenabled #item_news ul li').click(function () { var index = $('body.domenabled #item_news ul li').index(this)+1; $(this).find('a').append(index + ' van 6'); }); I think it's really simple but I don't get it at the moment.
[jQuery] anonymous callbacks and memory
Hi, I was wondering about the performance/memory consumption of something like the following: $("div").each(function() { $(this).bind('click', function() { alert('clicked'); }); }); I'm creating an anonymous function for every div element rather than passing a generic callback (by name) to the .each() method. Additionally, I'm creating another function for the bind. Is JQuery doing something special or am I correct that calling a callback by name would be better choice? Thanks for the advice, Eric
[jQuery] Best Grid Plugins
I am new to jQuery, but I am quite excited about discovering it. Already I have made big gains in productivity at work. I would like to ask what are the "best" grid plugins that I should consider using? By best, I don't mean wealth of functionality. I just mean well-written, with a good interface. Solid code. Thanks.
[jQuery] jqGrid 3.1 version
Hi all, A new version of jqGrid is out. This is a bug fix release, but include a lot of useful features and methods. The full list of changes (release notes) can be found here: http://trirand.com/jqgrid/docs/ Demo page here: http://trirand.com/jqgrid/jqgrid.html Home page: http://www.trirand.com/blog/ Enjoy Tony
Next Page