[jQuery] Superfish Richard Willis - second tier static
Hi, I have implemented the Richard Willis modified Superfish by Joel Birch (http://users.tpg.com.au/j_birch/plugins/superfish/richard-willis- example/). This is the first two tiers horizontal, third vertical version. I have modified the CSS to create a tab like interface and made the second tier static: http://bym01.eduka.info/Byrnecut-Group/About-Byrnecut-Group.aspx The above link is just the pure CSS without JavaScript. What I know need to do is modify the Superfish JavaScript to do the same. Here
[jQuery] Viewport moving when toggle or slideToggle used
I'm using slideToggle to show and hide a list of images on my page. When slideToggle gets called, if the browser window is scrolled down at all it immediately scrolls back to the top of the page. Any thoughts?
[jQuery] Re-invoking the jQuery config file dynamically
I am building a portal interface in jQuery (and UI). Each portlet has a sortable drag handle which each feature roll-up/down and close links on hover. I use server-side scripting to build the page on first load. All the drag/rollup/close events are recorded in a DB using ajax, so that the next time the page is hard-loaded the portlets are displayed as they were left. There is also a 'customise this page' link which dynamically adds portlets to the DOM on an event. The portlet code is identical to
[jQuery] How do I write this jquery expression?
Hi, Within my TR of class "rowData", how do I write a jquery onblur handler for every input field of type = "text" or every field that is a TEXTAREA? Thanks, - Dave
[jQuery] [validate] removing or changing rules after validate() method
So I have a field on the page that may or may not be required, depending on what the user wants to do. Once I need the field to be required, I aplly validate() on the form and its done. But, once I want to make the field not-required again, I run into problems. Here's some example code with markup and failed attempts: $('#add').click(function(){ $("#form1").validate({ rules: { textfield: { required: "required", min: 1 } } }); // Validation is(should be) added }); $('#remove').click(function(){ $("#form1").unbind('submit');
[jQuery] How to collect values out of a bunch of input checkboxes?
I have a form with a bunch of checkboxes. They all have the same name and different values. This form posts to a page that does a bunch a stuff based on the checked checkboxes. I want to change the form to use AJAX to update a div on the page. I need help figuring out how to post the form with AJAX. I am using something like this right now: var x = serialize_all_the_form_elements(); $("div#formresults").load("/save", x); I am having trouble building that object x. Right now, to grab all the checked
[jQuery] Selecting and cloning part of table structure
[Sorry if this is a dup, first one didn't seem to post.] Assuming I have <table> <tbody> <tr id="first"> <td>1</td> </tr> <tr> <td>2</td> </tr> </tbody> </table> is there a way with jQuery to select and then clone the following (i.e. the table structure, but with just the first <tr> <table> <tbody> <tr id="first"> <td>1</td> </tr> </tbody> </table> Thanks for your help Pete.
[jQuery] jqmodal and jeditable
I'm trying to use jeditable in jqmodal box. When I load the box for the first time everything works fine but if i close the box and open it again jeditable not working I need to reload the page and open jqmodal box again...
[jQuery] Two column menu using jdMenu?
Hi, I'm using jdMenu for a new project and came across a problem. Some of my menus are so long that they run off the page. Is there any way of making the menu spill over into a second column. If that can't be done, can it cut off and allow people to scroll through the listings? How should I handle extra long menus? -Jason -- View this message in context: http://www.nabble.com/Two-column-menu-using-jdMenu--tp16467967s27240p16467967.html Sent from the jQuery General Discussion mailing list archive
jquery accordion and wordpress issue
Hey gang, I've got the release candidate version of Wordpress installed. I've uploaded the latest (1.2.3) jquery version. Here's the issue: Moderator Edit: Link contains NSFW images. My sidebar on my home page works just as expected: http://www.jestertunes.com/ The issue comes when you click through to an individual post, the sidebar no longer works. This is perplexing me because I'm not using a single.php file, and the index file is delivering the content. (in other words, same file, same function
[jQuery] Superfish (1.4.1 menu disappearing)
I finally got the superfish menu system for jQuery working in my application (after some idiot moves on my part). The problem now is that the menu system, which is located in my header, is not displaying on top of the page but instead the content of my main content area. On another note I'm using Model-Glue 2.0.304 for my framework so I'll just try to include code snippets. The following is my css code so far (I know parts of it are extemely ugly, so be gentle). ------------------------------------------------------------------------------------------------------------------------------------
Toggle func - problems
Hi, I want to show and hide a div with content. Ok, there is the slideToggle func but which doesn't fit my requirements totally. I also want to change text and a class. So I was writing this little func: $("#message_history").hide(); $("a.history").toggle( function() { $("#message_history").slideDown(); $(this).replaceWith("<a class='history' href='#'>"+"show History"+"</a>"); return false; }, function() {
[jQuery] jQuery pagination : works in FF, but I.E... not so much
this is a plea for help I'm stuck... and it might be simple but... I'm stuck. http://www.eastcoastgolfsales.com/products/ladies/productlistsgloves_mre.cfm?CategoryID=20 Love the pagination plugin, and 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. And stuck. 100 Points and a cold pint (of... whatever)
[jQuery] better examples for UI DatePicker?
No offense to anyone involved with creating the default examples, but I think the default and especially the "alternate" UI DatePicker styles are awful. I realize they are meant to be a starting point for people to customize. In theory that sounds like a good idea, but in reality it's probably detrimental to DatePicker's success. Customizing the calendar [and doing it well] takes a fair amount of CSS/graphic design work & I doubt many jQuery users have the skills and/or the time. For those who aren't
[jQuery] bassistance.de jQuery plugin: Autocomplete
I've been trying a few different versions of this plug-in. It's nice, but the very first thing I have to do is override the colors. <blockquote><code> <link rel="stylesheet" type="text/css" href="jQuery/jquery.autocomplete.css" /> <!-- Override weird colors in css file --> <style type="text/css"> .ac_over { background-color: #fed; color: #012; } </style> </code></blockquote> How is it working for anyone? By default I get unreadable
[jQuery] Performance differences
What would the performance considerations be between: showHide(".showhide"); function showHide(elem){} and $(".showhide").showHide(); $.fn.showHide= function(){} Thanks, Dan.<br clear="all"> -- Daniel Eastwell Portfolio and articles: <a href="http://www.thoughtballoon.co.uk">http://www.thoughtballoon.co.uk</a> Blog: <a href="http://www.thoughtballoon.co.uk/blog">http://www.thoughtballoon.co.uk/blog</a>
[jQuery] jqModal and Rounded Corners
I am using jqModal and am trying to get the window to have rounded corners. Does anyone know of a way to accomplish this? Thanks for any help you can provide. -- View this message in context: http://www.nabble.com/jqModal-and-Rounded-Corners-tp16447295s27240p16447295.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] $(this) scope (each() nested in an event)
I'm trying to reference an element in an each() that's inside an event function. scenario-- I have a div with a class of .button, several divs with the class .elementSelected. I click on the div with the .button class, and then... $(".button").click(function() { elements = new Array(); $(".elementSelected").each(function() { var wordsSelected = $(this).html(); // this is probably wrong. Array.push(wordsSelected+','); $alert(elements); //debug });
[jQuery] When do animations happen
I am trying to run the following code $("#facetpicker select").livequery('change',function() { $("#solutions, #facetpicker").fadeOut("slow"); alert('go'); $.facetSelected(this.name,this.value,0,-1); $("#solutions, #facetpicker").fadeIn("slow"); }); The facetSelected call takes a second or two to complete. With the javascript alert in place, it functions as expected. (Fades out, alert, does stuff, fades back) If this is removed, the system pauses with the open
[jQuery] IE and onClick - not!
<html> <body> Hello all, The following function forms the first part of a two step confirmation sequence for deleting either a quiz or a slideshow. The onclick element is correctly produced for the second step of confirmation. Unfortunately, whereas FF fires the onclick event, IE7 does nothing, zip. <tt>function confirmDel(what,where,which,ht,pb){ $("#"+where+"b").hide(); $("#"+where).fadeIn(500).css("height",""+ht+""); switch(what) { case "sshow": var sWhat =
[jQuery] Matching content
Newbie question. I'm trying to right a selector that matches content in a definition list. At the moment I have $("dt:contains('" + a + "')").next("dd:contains('" + b + "')") which kind of works, but I really want equals rather than contains. Somehow I have managed to right 80% of a feature based navigation system in one evening (blimey - jQuery is powerful!), but I can't get this right! Andrew
[jQuery] hide() and floating elements leaves white space
Tsk, I should also answer the question fully. The affected content is: <li><a href="<link>">Link</a></li> Richard -----Original Message----- From: jquery-en@googlegroups.com [mailto:jquery-en@googlegroups.com] On Behalf Of GianCarlo Mingati Sent: 03 April 2008 14:02 To: jQuery (English) Subject: [jQuery] Re: hide() and floating elements leaves white space Ciao Richard, i'm glad you get the solution. could you show us the piece of code you used? i don't understand (and i'm always curious to 'see')
[jQuery] www.na3.it
Hello, this is a new site i've made for an architect. It uses the jquery.cycle plugin for most of the "slides". Check out the 'projects' page for a sliding accordion menu. If the items for each sub category contains more than 5 items, a 'sliding' interface is created (check the 'design' catgeory). I'm satisfied about the achieved results, what do you think? jQuery rocks!!! Ciao GC
[jQuery] event fired after SlideDown
This is probably truly basic, but I can't figure it out myself. The problematic code calculates and manipulates objects positioning (using offsetLeft and offsetTop), that runs on $(document).ready(). It runs as a module which is part of the Drupal CMS, so I don't have control over some of the components. Usually it works well, but when used inside a div that is not displayed by default, rather by slideDown() function (it is called 'collapsed' in Drupal) - all the positioning calculations fail. I
[jQuery] ready and jquery 1.2.3
I'm seeing more and more evidence that the ready function isn't really working properly with jquery 1.2.3 and FF 2. $(function(){ $('#mydiv').hide(); }); things like above, when the page loads sometimes i see the div, then it disappears. Is there just a problem with the shortcut? Is it a combination with 1.2.3 and FF? I didn't notice this happening before with 1.2.2.
If Url [Solved]
Hello, Does anybody know how I can use jQuery to discover the url of the page I am on and then addClass to a specific ul li a#sample ? Many thanks!
[jQuery] Book review: jQuery in Action
I just thought I would let everyone know I recently finished up a (rather lengthy) book review for jQuery in Action. You will probably still have a hard time choosing between this book and Learning jQuery as both are excellent resources. However, the review should help you to make a more informed decision I hope. http://blog.reindel.com/2008/04/03/book-review-jquery-in-action/ Brian Reindel
[jQuery] check/uncheck via toggle
<html> <body> Hello folks, I have a table of data, with each row containing a checkbox. What I want users to be able to do is tick the box of each row of data they want to delete (and after ticking, they will submit the form etc etc. As a visual aid, I want to alter the background colour of the row - and if they untick a selection, to reverse that background colour change. My code as follows achieves the background colour toggle, but the checkboxes are neither checked or unchecked. I'd appreciate
[jQuery] Click Radio Buttons to Disable/Enable a Text Box
The setup: 2 Radio Buttons and a text field. What I wish to accomplish: When Radio #1 is clicked, disable the text box. When Radio #2 is clicked, remove the disabled attribute so the text box is now enabled. I also want this done in more than one instance, the "2 Radio Buttons and a text field" will be used on the page more than once, but I want the ids to be unique. So I see using a method where Radio #1 and #2 have an id="x1" and the text box has a target="x1". Therefore I can do x2, x3 etc. I'm
[jQuery] $('<a>').size() === 0 in IE??
I'm going to explain my problem by code. Both of these work perfectly fine in Firefox but only the *second one* works in IE 6. ** THE ONE I WANTED TO WRITE ** function __duplicateToolbarButtons() { // Make "save" and "save and view" buttons appear in toolbar if ($('#CMSButtonBar').size() && $ ('input.duplicateintoolbar').size()) { // Next, make <A> elements then put them into button bar $('input.duplicateintoolbar').each(function() { var btn = this; var a = $("<a>") .attr('href','#') .addClass('ButtonAction')
[jQuery] Problem of show and hide when I have several DIV and one only has to be affected
Hello, I hope I'm more or less clear in my title. I have this problem : I have several DIVs which contains different infos (the content of them is coming from a DB). Exemple : <div class="news"> <a class="see_more" href="">See more</a> CONTENT CONTENT <div class="news_complete" style="display:none;"> HIDDEN CONTENT HIDDEN CONTENT </div> </div> When i click on See more, I have a small Jquery command : $(document).ready(function(){ $('.see_more').click(function(){ $('.news_complete').slideDown(1000);
[jQuery] [newb] Creating a list of X quotes randomly
Problem: I am creating a "teaser page" for a site that is coming soon. We have a list of 20 sentences that describe the site. We want to select 5 of those, at random and without redundancy, and display them in a div. The display part seems easy enough, and should look something like this: $(document).ready() { $("quote_box").append(quote_array) } However, I cannot seem to find any information about randomly loading an array y out of an array x, in jQuery or otherwise. I would like for the script
[jQuery] call another function with jquery
I have a page that loads dynamically via innerHTML...I would like to replace the loading script with something from the jQuery library. But I cannot find any jQuery function in the documentation that will do what I need it to do. I suppose I should explain what I want it to do. I want another .html page to be loaded into a DIV tag. I need a javascript function to automatically run on that page that truncates the text to a specified amount of characters. The user can then click a "more" link to see
[jQuery] Superfish and flash?
I've been using Joel Birch's superfish drop down menu, and have used transparent pngs as background iamges on the drop downs. Woks brilliantly, but in Firefox MAC, the links between the first and last link disappers, but you can still hover over them. I've used swfobject, and inserted the wmode opaque mode, but still to no avail. Here's the work in progress: http://www.studiomoso.com.au/designs/property-planning/www/_index.html Any help would be much appreciated! cheers, Ritch
[jQuery] New to jqModal... couple questions
I'm wanting to use jqModal for my "login," "forgot password," and "register" forms on my site. I've tried using thickbox for this same thing and it's really buggy when using forms (or so it seems). I'm wondering if there are any major hurdles by using forms in this manner with jqModal? If so, I may just scrap the idea because I'm not experienced with javascript enough to work my way around any problems that may arise. Second question. Here's what I'm using for my "login" link: <li> # Login <div class="jqmWindow"
[jQuery] New to jqModal... couple questions
I'm wanting to use jqModal for my "login," "forgot password," and "register" forms on my site. I've tried using thickbox for this same thing and it's really buggy when using forms (or so it seems). I'm wondering if there are any major hurdles by using forms in this manner with jqModal? If so, I may just scrap the idea because I'm not experienced with javascript enough to work my way around any problems that may arise. Second question. Here's what I'm using for my "login" link: <li> # Login <div class="jqmWindow"
[jQuery] Content not moving down when div height expands
I am having a real problem with some container divs whose content is loaded via the .load() function. Each div holds a table containing a form. When the form is submitted it adds (or removes) a row to the table. When a row is added to the table the div elements that follow do not move down to accommodate the new height. Here is some pseudo code: div id="container" (contents loaded via .load()) #container contents: div id="tablecontainer" table (loaded with an initial number of rows.) The table contains
[jQuery] UI Tabs - closable tabs
I want to add a "close" icon to the UI tabs to allow the user to close a tab (remove it from the interface) I've found this page: http://stilbuero.de/jquery/tabs_3/close.html which seems like it's supposed to do what I want, however it doesn't seem to work for me in either FF, IE6 or Safari 3 - I don't see any "x", or anything else to click that closes the tabs. Is there a working model of this concept somewhere? thanks, Rolf
[jQuery] ui.tabs - appending multiple new tabs
Adding (appending) new tabs in ui.tabs is pretty straightforward, but I notice in the example: http://stilbuero.de/jquery/tabs_3/#container-9 that if I append multiple new tabs, they are all given the same ID (which won't work well in real life) Is there an easy way to generate sequential IDs? e.g. #appendedTab_1, #appendedTab_2 Also, is it possible to 'append' the *first* tab - in other words, add/ create a tab to an 'empty' container? Thanks - this is the first time I've delved into the more advanced
[jQuery] Interface TransferTo function in jQuery UI?
I want to use the old Interface transferTo function/effect, but I'm wondering if this is being refactored in the new jQuery UI, or if there is another jquery 1.2 'optimized' version of this effect somewhere? Thanks, rolfsf -- View this message in context: http://www.nabble.com/Interface-TransferTo-function-in-jQuery-UI--tp15951954s27240p15951954.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
Next Page