[jQuery] Best way to do horizontal sub-menus...
Hi, all... Well, I've finally given in and after 10 years of web design, I'm ready to create my *first* horizontal menus. I've always used vertical menus because of their expandability, but I need some design flexibility. So the question is... what's the best way to build a horizontal menu where each link has a corresponding horizontal sub-menu? jQuery? CSS? Combination? Thanks for any advice... Rick
[jQuery] onfocus filter question
I have a table with rows of input fields that is dynamic in that the user can add / remove rows. I'm trying to trigger a function whenever the user clicks in any of the fields, so for example I use this: $("input.text").focus( function() { alert("In textfield"); } ); After a row is dynamically added, I need to reapply this so the new rows fields will trigger the function as well, but if I just use that line again then the original rows get triggered twice. So, I'm trying to figure out how to filter
[jQuery] Showing indicator while loading options in select box
Hi Guys, Please take a look at this page : http://localhost/jobsfed3/index4.html Here the options in the second box are loaded from an array based on the selection in first box. The problem is that some arrays are very huge so they take long time to load (e.g. the last group 'Blue Collar'). So i want to show the loading sign during the time options are loaded into second box. but this is not working properly. The loading sign appears very late, around the same time the options have loaded. here is
[jQuery] tabs plugin with imagebox?
Greetings, I'm loving the tabs and imagebox plugins, but am having some trouble getting them to play nicely together. I've used them here: <http://www.wfu.edu/anthropology/nepal> The problem is that when I launch the imagebox view of one of the images, it appears just behind the tabs (which are just in front of the shaded page). I think this has got to be a (hopefully) simple CSS change in either the imagebox or tabs stylesheet, but I can't find exactly which property to modify. Anyone like to chime
[jQuery] Performance monitoring
When I expand my quiz to 250 questions, the jQuery scripts are timing out. This happened once before and I was able to diagnose the problem to a selector which wasn't precise. It was installing event handlers on many elements, not the few necessary elements. So here I am again, same symptom. I wanted to ask the community what methods are available (recommended) for tracking down problems like this in jQuery using Firebug (I guess). Are there other monitoring products? By the way, the code that times
[jQuery] [ANN] jQuery Media Plugin
I've been working on consolidating and refactoring my media plugins. The result is a single plugin that handles virtually any media type. Supported Media Players: - Flash - Quicktime - Real Player - Silverlight - Windows Media Player - iframe Supported Media Formats: Any types supported by the above players, such as: Video: asf, avi, flv, mov, mpg, mpeg, mp4, qt, smil, swf, w Audio: aif, aac, au, gsm, mid, midi, mov, mp3, m4a, snd, rm Other: bmp, html, pdf, psd, qif, qtif, qti, tif, tiff, xaml Docs
[jQuery] good show/hide icon
Is there a great (small) show / hide icon out there somewhere? Intuitive, good design, good looks, etc... Sam
[jQuery] help validating...
hello all, Just wondered if i could ask for some help to spot the error here.... Its throwing an error $("#addImageForm").validate is not a function here it is.. cant see the wood for the trees i dont think $().ready( function() { $("#addImageForm").validate({ event: "keyup", rules: { image_title: { required: true }, image_filename:{ required: true, accept: "(jpe?g|gif|png)" } }, messages:
[jQuery] cookies / consequent data
Hi, Somebody can tell me which library i could use to compress text at a maximum, for setting coookies in javascript. Unfortunately IE6/IE7 has a maximum of 4k total for cookies froms 1 site. Another question: does somebody know what could be the reason when after setting cookies and reloading the page i get this: The proxy server received an invalid response from an upstream server. The proxy server could not handle the request. Too much data in the coookie? Regards, Phil
[jQuery] IE7 (jQuery/Interface) with TransferTo set the IE window to background (minimalize!?)
Hi, If got a strange problem with IE7 In FireFox it works good and in IE7 with more then 2 tabs also but when you have a single window in IE7 and calling this function the whole IE window goes to the background just like when you use ALT-TAB or minimalize the window.. What could it be!? function: function openAlbum(containerId, albumId) { if($('#popupContainer').css('display') == 'none') { $('#'+containerId).TransferTo( { to:'popupContainer', className:'albumContainerBig',
[jQuery] Attribute Namespace ? How
I would like to do something like this... <input type="checkbox" name="drink" COOP:maxchecked="3" value="Joy" /> Does anyone know the magic key to doing this with jQuery?
[jQuery] Tabs with nested divs
I'm experiencing a problem with Klaus Hartl's tabs and nested divs. Here is the code (which is basically the example code with some Smarty added): <ul class="tabs-horizontal tabs-white clearfix"> <!--{foreach from=$categories item="category"}--> <li><a href="#tabs-<!--{$category->getTreeID()}-->"><!--{$category-
[jQuery] Updating ID in two places
I have this CSS: #productSizeTitle { font-weight:700; } #productSizeTitle2 { font-weight:700; } And, down in my HTML I want to display a span with this bold style twice: <span id="productSizeTitle">2 x 4</span> <span id="productSizeTitle2">2 x 4</span> And, I have some Jquery that updates these two span elements: var ps = "#productSizeTitle"; var ps2 = "#productSizeTitle2"; $(ps).empty().append(d.attr('productSizeName')); $(ps2).empty().append(d.attr('productSizeName')); I know there's a
[jQuery] Need help with interface slider on Firefox/Win
I'm trying to build a horizontal slider using the jQuery interface plugin. When I click on the slider's indicator, the indicator jumps well to the right of the mouse cursor. This behavior manifests with Firefox 2.0.0.4 / Windows; everything works correctly with IE 6. The slider has a single indicator. The slider's HTML elements are nested inside several levels of <div> elements. The slider is inside a div with CSS position:relative. The slider has position:relative, and the indicator has position:absolute.
[jQuery] DIV onresize
Is there a way of putting a listener on a DIV that listens for it's height changing? Resize didnt do it I think. Glen
[jQuery] Interface plugins iselect and idrag
Hi, I have some weird problems using the interface plugins iselect.js and idrag.js. One issue is the failure message I get when trying to use the "onselect" event for the Selectable plugin. Firebug brings up the failure message "a.get(0) has no properties" when executing the Selectserialize function. Is there any special way how to handle the select event or addressing the serialize function to get the elements properly? The other issue is somehow related to the first one. When I try to drag multiple
[jQuery] "Line break" between label and input when using image
Great work! An issue I have experienced with both the original datePicker and v2 involves the date's text input field "breaking" to a new line when using a button to trigger datePicker instead of the "Choose date" text. E.g., instead of: Start date: [text input] [.png] The display appears as: Start date: [text input][.png] I gather it has something to do with using a float in the style declaration for a.dp-choose-date. Before I wade into experimenting with alternate style declarations, I am wondering
[jQuery] Weirdness in IE
Ok, such a vague subject, but I don't know how else to describe it! When I use this function in my site: $(document).ready(function(){ /*$("h1").after("<hr class=\"thinDivider\" />");*/ $("h1").after("<span class=\"thinDivider\"></span"); }); it does weird things in IE. Like, when you move your mouse onto the browser - it's like it add's padding or margin to the attribute that was just added. I've found that if I add a: <div>, <span> or <hr /> it does this weirdness. If I add a it doesn't.
[jQuery] jQuery on attackr.com
jQuery has been mentioned on attackr.com. It was my turn to write a quick article on web development and jQuery is an excellent muse. http://www.attackr.com/file-uploads-with-ajax/
[jQuery] Colon Operator
Will jquery 1.1.3 support the colon operator? ex: <span style="font-family: courier new,monospace;">$("xsl\:template")</span> I know that <span style="font-weight: bold; font-family: courier new,monospace;"> :</span> is used in jQuery, but <span style="font-weight: bold; font-family: courier new,monospace;">\:</span> seems very possible. It would be nice to parse through xml files with colons in them. ~Sean
[jQuery] Adding Parameters in a function
Hello! I'm newbie in jquery and I'm using the autocomplete plugin (http:// www.pengoworks.com/workshop/jquery/autocomplete.htm). Look at the code: ==================== createAutoComplete = function() { return $("#input_box").autocomplete("/buscarServidor/", { delay:10, minChars:2, matchSubset:1, matchContains:1, cacheLength:10, onItemSelect:selectItem, onFindValue:findValue, //how can I add parameters here???
[jQuery] JQuery Gurus: a challenge for you. Hide and Show
Hi all. I have a very, very, very slow form(6 seconds before validate all data) page with Form Plugin and Tabs. I'll want to show submit when, and only when, user clicks in the last tab. Clicking in another will hide that submit button. My question: is it possible to do that? Or only using several jquery hide function, one for each tab? Cheers
[jQuery] JQuery DOM manipulation: memory leaks?
Hi, I'm a JS and JQuery newbie and I'm trying to resolve a memory leak that comes in IE for my code. Basically, I add elements to the DOM dynamically based on a list of items that I receive from a backend server. I used JQuery to create the list dynamically but noticed that the memory taken by IE keeps on increasing every time the code is executed. I read up on JS memory leaks, and while I'm still grappling to understand the issues entirely, I found the pattern below to eliminate memory leaks. <!--
[jQuery] Chaining - Best Practices?
I'm new to JQuery and still exploring what it can do. I'm curious to know more about chaining, how it should be used, and what it can/can't handle. I tried one experiment that I've listed code for below. The intention was to see if I could chain mouse event handlers for different objects, but it didn't quite work. Maybe the chaining is creating collisions? Maybe I've got chaining all wrong? Could you offer some clarification? Thanks! $(document).ready(function() { var timerId = 0; var nState
[jQuery] Ok... so I've got this horizontal menu html... how to add "selected" class?
Hi, all... I'm dipping my toes into the water of horizontal menus for the first time. I've got some same html I'm using for the menus, but now I need to be able to dynamically change the "selected" class for the ul's and li's in use. <ul id="maintab"> <li class="selected"><a href="#">Home</a></li> <li><a href="#">DHTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">Forums</a></li> <li><a href="#">Gif Optimizer</a></li> </ul> <div id="tabcontent" class="clearfix"> <!--Sub Content #1 --> <ul
[jQuery] SEO and SEF features
I did a lot of research and still cant find any references to SEO and SEF related details. Does jQuery toss errors in XHTML validators? Is it SEO friendly? ~ Jared
[jQuery] Announce Google gears , dojo partners with them
Read more here : http://code.google.com/apis/gears/ Google labs just released on offline storage engine for IE and ff, dojo toolkit team seems have partnered width them . Is there anybody working on a storage solution for jquery there ? -- View this message in context: http://www.nabble.com/Announce-Google-gears-%2C-dojo-partners-with-them-tf3845793s15494.html#a10891347 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] apply selector on ajax content?
It doesn't seem to work: $('#foo').click(function() { $.get($(this).find('a:first').attr('href'), function(data){ alert($('table#bar', data).html()); // doesn't work. Can't apply selector on "data" } ); } ); Is anyone know of any hack to get it working? TIA -- <?php echo 'Just another PHP saint'; ?> Email: rrjanbiah-at-Y!com Blog: http://rajeshanbiah.blogspot.com/
[jQuery] Improving performance in FireFox/Opera
I am working on a project that involves a varying, but potentially quite large number of elements being animated at once, with each element's top, left, width and height all changing together. I use FireFox as my main development browser due to the range of developer-friendly plugins available, and also test in IE and Opera. My code runs as intended in all three but there are some issues with smoothness. In Internet explorer the animation remains smooth under all the cicsumstances I've bee able to
[jQuery] Shorter method?
if($(obj).attr('checked')) { // Hide the correct answers? $('.quizsubheader').hide('slow'); } else { $('.quizsubheader').show('slow'); }; What's the best one-liner method to achieve the same result above? Sam
[jQuery] embedding <script> behaviour different in IE and FF
Hi, I'm using $.ajax to pull down some HTML and insert it into the dom. The HTML has some embedded <script> - in IE it gets fired once, but in FF in gets fired twice - once when it's parsed by jQuery and again when it's inserted into the DOM. I've put a proof of concept here : http://labs.parkerfox.co.uk/jquery/test_ajax.html. On IE there's one popup that says "from test", but on FF, there's two. Not sure what happens in Safari. Any one know how to fix these issues ?
[jQuery] jQuery Autocomplete Mod
Hello! First thing: I'm starting in jquery and my english is poor. :P I'm using Django + jquery autocomplete mod (http://www.pengoworks.com/ workshop/jquery/autocomplete.htm) and it's working fine, but one thing doesn't works: the hidden value. For example, my string is "Tulio|123\n" where "Tulio" is the displayed information and "123" is (or not?) the hidden information. I only catch the information "Tulio" and I'm trying to catch the hidden information ("123") whithout success. Can You help me
[jQuery] .load issue with IE7
Ok so I have payment page. When the page loads I fill in a list of payments within a div using .load, and within the page being loaded in the div, I have another .load that feeds in a total box. This all works great in FF2, but for some reason in IE7 the paybox doesnt not display. So in the main page I load the list page using .load like so and it works fine in both IE7 and FF2. $(document).ready(function(){ $("div#payments").load('account_rec_load.html',function(){ return false; }); }); Then in
[jQuery] JavaScript question (don't think it's jQuery related)
At first I thought it was a problem with the forms plugin, but I don't think so. In IE (6&7) I have an issue related to forms. The data that I'm getting back (JSON) isn't being displayed. Here is the success function that I have setup for adding a note in my system: function finishNote(json, statusText) { notes = noteParse(json.notes); try { $('#notes').append(notes); $('#notecount').val(json.notecount); } catch(err) { alert("error"); //alert(err);
[jQuery] IE auto fill / validation error messages
I'm using the jQuery.Validate.min.js script file and setting the "title" attribute to ensure that Google auto fill messages are not displayed instead of the error messages from the jQuery.Validation methods I have created. What I have found is that sometimes the value for the "title" is displayed instead of the error message text defined in the Validate method. I suspect that the reason for the is the following code fragment taken from the jQuery.validate.min,.js file in which the value for the "title"
[jQuery] how to the pass element to a plugin ?
Hi I am calling my plugin this way : $().accordionQuizz('accordion'); my plugin gets the param this way : jQuery.fn.accordionQuizz = function(accordion){ jQuery(accordion+' input[@type=radio], #'+accordion+' label').each(function(){ How to do in order to call the plugin this way : $('#accordion').accordionQuizz(); thanks Olivier
[jQuery] Interface site down.
Hi, Can someone contact Stefan Petre or Paul Bakaus to tell the their site is down. /niklas
[jQuery] how to use jquery to solve css attribute selector which doesn't support in IE
Here is my html code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="langbar.js"></script> <style tyle="text/css"> <!-- .item-list ul { height:34px; padding:0px; margin:0px; list-style-type:none; } .item-list li { display:block; float:left; padding:0px; margin:0px; } .item-list ul li a { text-indent:-999em; display:block; } li a[title="English"]
[jQuery] Problem with "each" on IE7
Hi I've got a problem with using the each function and IE7. The code I have works fine in Firefox, but not IE7. The basic problem I'm trying to overcome is I have one drop-down list holding a list of car manufacturers, and a second one which contains a list of cars by a manufacturer. The second box is populated based on the choice of the first box. Specifically, when the first box is changed, it fires an onChange event which retrieves the list of cars for that manufacturer using $.post and populates
[jQuery] Improved timePicker, time/datePicker demo
I've been working on improving Sam Collet's original timePicker. Here is the result: http://labs.perifer.se/timedatepicker/ The demo is a Google Calendar-like time/datePicker. It's far from perfect, most of the issues are with the datePicker though, which for example not yet have support for focus/blur. Kelvin? ;) /Anders
Next Page