[jQuery] [validate] Rule Selectors
Hi, Is it possible to use jQuery selectors to identify the elements to which certain rules should apply? If this feature exists, then I won't have to unnecessarily complicate the component that dynamically creates my form and that features various control types. Thanks, Mihai
[jQuery] multiple width kwicks
Hi. I'm implementing this effect for a project: http://www.jeremymartin.name/projects.php?project=kwicks The problem is that I'm trying to apply the same effect but using different width buttons, I mean, the first button is 88px width, the second 100px, the third 75px and so on... I tryed defining the widths in the CSS but didn't work, the effect cuts in 700px even if I defined a 960px container, got this CSS: * defaults for all examples */ .kwicks { list-style: none; position: relative;
[jQuery] Trouble with event.stopPropagation();
This is small function for scroll images in div with scroll mouse: var mouse=function(event, delta) { _imgFrame.unbind("mousewheel", mouse); if (delta > 0) { _imgFrame.find(_child+":last").clone ().show().prependTo( _imgFrame ); _imgFrame.css("marginLeft",- _width); _imgFrame.animate( {marginLeft:0}, _speedWheel, '', function(){ _imgFrame.find(_child +":last").remove(); event.stopPropagation(); event.preventDefault(); _imgFrame.bind ("mousewheel", mouse); }); } else if (delta < 0) { _imgFrame.animate
[jQuery] links going to "top" of page
Hi all, New to JQuery & ajax, so this is probably a rookie mistake, but I can't seem to find what I'm doing wrong. I have a page separated into a left (selection) and right (display) region using css. I have the links on the left pointing to a div on the right. Simple enough. However, when the legacy page is displayed on the right, and it contains a link, that link will generate over the whole page, and not remain in the div tag. I'm assuming the embedded page does not respect the calling page's
[jQuery] cluetip mouse tracking
Hi, I'm interested in using the cluetip mouse tracking plugin, but I noticed that the feature is "experimental." Does anyone have more info on this? Are there plans to support it fully? In the meantime, am I safe using it in the major browsers?
[jQuery] load() works for html, not php
http://reenie.org/test/jquerytest.html This uses $('#container').load('content.html'); to load content from an html file http://reenie.org/test/jquerytest.html This uses $('#container').load('content.php'); to load from a php file. Why doesn' t the second one work? They are the same except for the files being loaded. If I change the second one to load the html file, it works fine.
[jQuery] How to access href-property
Hi there, how do I access the "href"-property of an anchor-element? I know there is a $("#idOfAnAnchor").attr("href"); but this only gives me the attribute and not the property. I need the property, because inside of this property is the full URL. See example: <a id="idOfAnAnchor1" href="/index.php">Home</a> // on otherpage.com <a id="idOfAnAnchor2" href="http://somepage.com/index.php">Home</a> $("#idOfAnAnchor1").attr("href"); // gives '/index.php', needed is 'http://otherpage.com/index.php' $("#idOfAnAnchor2").attr("href");
[jQuery] Checking to see if a SWF is fully loaded
Hi, Need to find a way to use jquery to check whether or not a swf has been fully loaded before executing a javaScript function. M
[jQuery] How to achieve this effect?
If you go to the Gucci homepage: http://gucci.com/us/index2.html you will see a brief slideshow where the image fades in, moves horizontally across the screen (say from right to left), then fades out. Easy. But then the next image fades in, switches direction and moves across the screen in the opposite direction (say left to right), then fades out. How can you use jquery to switch direction of the animation for each new slide? Thanks!
[jQuery] Hover Repeats Over and Over...
It's amazing I can't find anything helpful on this. When I use hover over and out with and animating technique, then mouse over it quickly, it bugs out. Here's my code: $("#header").hoverIntent( function(over){ $("#header #menu").slideDown(); }, function(out){ $("#header #menu").slideUp(); } ); Now, as mentioned, the problem occurs when you mouse over and out really quickly. I tried adding the stop(), but if you mouse over and out quickly
[jQuery] jQuery works locally, but not online
Hi, I've got 2 jQuery features in 2 pages of a site I'm building. One is a show/hide list that's working perfectly, but on another page I've got a carousel image slide feature that's working when viewed locally but not when it's uploaded to our test server, which I can't understand. I've tried referencing the jQuery file and the javascript code locally and absolutely to no avail, the same thing's happening, I'm getting nothing online. Here's what I've got in the header - <script type="text/javascript"
[jQuery] Hide a div onblur
I have a div which is shown when a AJAX callback is executed, but I can't get it to hide again. I'm using some of the code from the autocompleter and the div contains a <ul>. The code I have is at http://pastebin.com/m4b7bf13c . I've left out everything but the relevant parts. I thought I understood how the autocompleter hides the menu when the user clicks elsewhere in the window but I can't get it working. Is there something I've missed out?
[jQuery] jQuery slidable pananel with mouse over + gMaps + IE = SLOW!
Hi guys, Im creating a informative dashboard using googlemaps,using marker manager and some other stuff, I also have a panel on the left... we can click on each one of the options and it will do something like $(this).next().slideToggle("slow"); and this function is also looking for all of the other elements and its collapsing them. the problem is that i'm importing a bunch of files: <script src="http://maps.google.com/maps? file=api&v=2&key=ABQIAAAAnfs7bKE82qgb3Zc2YyS- oBT2yXp_ZAY8_ufC3CFXhHIE1NvwkxSySz_REpPq-4WZA27OwgbtyR3VcA"
[jQuery] Trouble Understanding getJSON call
Hi, I'm trying to use the $.getJSON() but with no luck. Here's the code I'm using to make the call. $.getJSON(http://the.domain.com/getJSON.php? experiment=104&callback=handleIt104.callback&format=jsonp&askingfor=recipetransaction'); This calls a php script which as an example would return the following: handleIt104.callback({"status": "success", "recipe": "Ne", "transaction": "11451988", "recipemask": "", "askingfor": "recipetransaction", "experiment": "104"}); The handleIt104.callback method/function
[jQuery] Select checkbox when click on row
Hi people, i need a little help, i´m complete new in jquery and i am a little lost... my doubt is: how can i check/uncheck a checkbox by clicking a row like yahoo mail ,for example. my checks id is (for all) CheckAreaID and the value that they are taking ar the AreaID. Thanks and sorry for my english! Lucas
[jQuery] textarea problem
I have an html textarea that is 41 columns wide. I need to capture each line and input it into a database( each line in its own seperate field). I have been searching the internet and haven't had any luck at finding anything. Any help would be greatly appreciated. Thanks!
[jQuery] jquery + struts action
Hi I need to call an action using jquery.. The following piece of code works correctly for it is calling and executing code the correct struts action. However.. the action itseft is not being correcty forwarded. I don't think that the problem is the action, for if I call it in other ways the forward works. Any ideas? $.ajax({ url: '/listReports.do', type:'post', cache: false, dataType:'xml' }); thanks Marta
[jQuery] SOT: Blinking cursor in Firefox 2 bleeds through divs...
I have a weird problem I'm running into again, but haven't been able to find a fix. In FF2, when I place a <div /> over an <input /> element that currently has focus, the blinking cursor shows up through the top layer. I put together this little video to show off the problem: http://blog.pengoworks.com/index.cfm/2008/12/4/Blinking-cursor-in-Firefox-2- bleeds-through-divs Does anyone know of a fix for this problem? -Dan
[jQuery] cancel ".hide()"
Hi there, I have a relativly simple question, first some code: $(".classoflinks").hover(function() { $("#myDiv").show(); }, function() { setTimeout(function() { $("#myDiv").hide(); }, 4000); }); so that's what I'm doing. Mouseover shows the div, mouseout hides the div after 4 seconds. Now the tricky part: When I hover over the shown div, I want to stop the hiding. Something like: $("#myDiv").hover(function(){ $(this).stopHide(); }, function() { setTimeout(function() { $("#myDiv").hide(); }, 4000);
[jQuery] Expanding div over an image on mouse-over
I want to add a description/info to some images, I came across this really cool effect that I think is created using MooTools, just wondering if it is possible to replicate in jQuery? Half way down the page (http://www.irishtimes.com/ ), 5 images with a black text box, put mouse over an image, text box expands to reveal more info. This is exactly what I want, can it be done in jQuery? I have tried using a couple of effects, but nothing that doesn't mess up the image. Is it possible with jQuery? Any
[jQuery] How do I build a variable array/object to use $.post?
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> Hi, I'm struggling a bit to get $.post to work. I can get it working as documented, ie. $.post("url", { param1: 1, param2: 2 } ); but I want variable fields on my form (identified by the class 'edit_field') to be posted to the url I thought the approach below would work, postdata is built correctly, but it sends nothing. What am I doing wrong? thanks var postdata = [];
[jQuery] ajax request stops rest of code working
Hi people I have the following code which works fine independandtly but NOT when used together... here's the code [code] $(document).ready ( function() { $("ul li div.info").hide(); $("ul.profiles li h3").hover ( function() { $(this).css({"cursor":"pointer"}) } , function() { $(this).css({"cursor":"default"}) } ); $("ul.profiles li h3").click ( function() { var id = $(this).attr("id").split('-'); if ( $("#info-"+id[1]).is(":hidden") ) { $("#info-"+id[1]).slideDown("slow"); } else { $("#info-"+id[1]).slideUp("slow");
[jQuery] How do you get the name of a tag/node/element?
I'm trying to convert an xml node into an object...all I want to do is find the name of the tag...function function initObjArray(xml, arr, tagName){ (xml).find(tagName).each(function(){ var o = new Object(); var t = $(this); var c = t.children(); c.each( function(){ var key = $(this).TAGNAME; var val = $(this).text(); o[key] = val; }); }); } So that: <fruit> <type>apple</type> <color>red</color> </fruit> will be: fruit.type = apple; fruit.color
[jQuery] code not functioning if ajax request is executed...
Hi people I have the following code which works fine independandtly but NOT when used together... here's the code [code] $(document).ready ( function() { $("ul li div.info").hide(); $("ul.profiles li h3").hover ( function() { $(this).css({"cursor":"pointer"}) } , function() { $(this).css({"cursor":"default"}) } ); $("ul.profiles li h3").click ( function() { var id = $(this).attr("id").split('-'); if ( $("#info-"+id[1]).is(":hidden") ) { $("#info-"+id[1]).slideDown("slow"); } else { $("#info-"+id[1]).slideUp("slow");
[jQuery] [tooltip] Problem in IE 6 with multiple tooltips of different 'extra' classes
Hi, Just started messing around with Jörn's tooltip plugin, and I think I found a bug while using IE 6 (not a problem in IE 7 and FF 3). Here's some reference code. http://epierce.freeshell.org/jquery-tooltip-bug/index.html In the example I'm assigning three different tooltips each with their own unique extraClass to three different blocks. In IE 6 only the first tooltip works (tooltip has a blue background). The other two don't use their respective extraClasses (different background colors, etc.).
[jQuery] Need help adding rows to JCarousel
I am desperate to get rows added to JCarousel, I am a js novice so I have made many attempts to hack with css with no success. I am trying to create a carousel that shows 6 dates in 3 x 2 grid at a time. Any guidance as to how to add rows to JCarousel would be greatly appreciated. -n
[jQuery] [validate] Required on Fields Matching Criteria
Hi guys, Is it possible for the validator component to make exactly one field within a chosen set required? <input type="text" id="input1" class="my-group"/> <input type="text id="input2" class="my-group"/> If either input has a value, then validation succeeds. If neither input has a value, then both fields should be marked as failed with preferably a message next to them. Thanks, Mihai
[jQuery] Has jQuery development halted?
Hi all, There hasn't been a jQuery update in what seems like ages, and jQuery UI 1.6 will be released 'in the next few days' since somewhere in september. I know John has been really busy with a lot of great things, but it seems to me like the development of jquery has seriously lagged the last few months. As a small example: there isn't even a way to detect chrome in the official jquery builds yet, and chrome has been out for several months now. I'm afraid that the lack of updates will eventually
[jQuery] 2 sets of tabs with different container sizes?
Hi Im trying to set up 2 sets of tabs on the same page- I have the 1st set working fine using an altered jquery.tabs.css file. The problem is Ive set the tabs-container to 646px; in this file. I want the 2nd tab- contaner to be 100px;. Ive tried specifying alternate jquery.tabs2.css file and adding it but it seems the 1st css file overides it. when I remove the link to the initial css file the 2nd set of tabs look fine, so I presume it picks up the 2nd css file ok. But this messes up the other tabs.
[jQuery] parse not serialized XML
hi, it's possible to parse an XML that is not serialized? my webapp creates and modifies an XML using functions like config.objects.modifyXML (I can see it in Firebug if apply console.dirxml(config.objects.modifyXML.doc) but it's not anywhere on the server as a file; I tried to use $.get(config.objects.modifyXML,{},function(xml) ... but complains about labeling in XML ( I suspect cannot find the XML as it's not serialized). I created a function to serialize it and no problem, just wanna know if it's
[jQuery] passing 'this' into getjson callback
Hi, On click of a button I am placing a json call in the following manner jQuery( '#myButton' ).bind( 'click', myProject.callJson ); The callJson function calls the json parameters: jQuery.getJSON( url, null, function( json ) { myProject.handleResult ( json ) } ); The handleResult function further takes me to someOtherFunction() as well. The issue is that all the while I need to keep on passing a reference to the clicked button through jQuery(this) so that I can manipulate it in someOtherFunction().
[jQuery] UI Datepicker Regional
Hello all, I can't get the regional settings (language etc) to work with my datepicker - the changes I have made other than that are: $("#dateInput").datepicker({ closeText: 'Luk', prevText: '« M', nextText: 'M »', currentText: 'M', navigationAsDateFormat: true, firstDay: 1, duration: 'fast', showAnim: 'fadeIn' }); What do I put in there to set the region? Thanx
[jQuery] autocomplete help
Hi, I have got the autocomplete from: http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ And looking at the last example: http://docs.jquery.com/Plugins/Autocomplete This doesn't work in Firefox. The error I see is: "value is undefined" anyone know what I'm doing wrong? Thanks, monk.e.boy
code is working in all browsers except Safari
Hi Guys, Any idea why this code isn't working? function showLightBox(r){ frame.prepend("<div class=\"l-box\"><div class=\"lb-holder\"></div></div>") lBox = $(".l-box"); var lBoxHolder = $(".l-box .lb-holder"); lBox.css({opacity:0}); alterheight(iniheight); lBox.animate({opacity: 1}, 400, function(){ lBoxHolder.append("<div class=\"close-button\"><a href=\"\">Close X</a></div>") var closeBtn = $(".l-box .lb-holder .close-button");
code not function if ajax request is executed...
Hi people I have the following code which works fine independandtly but NOT when used together... here's the code $(document).ready ( function() { $("ul li div.info").hide(); $("ul.profiles li h3").hover ( function() { $(this).css({"cursor":"pointer"}) } , function() { $(this).css({"cursor":"default"}) } ); $("ul.profiles li h3").click ( function() { var id = $(this).attr("id").split('-');
How can I add to img tag?
Dear all, I need your help. I hope you can give me some replies. My dynamic website create the following html. <img src="images/products/flower_art/daffodil_small.jpg" border="0" alt="DAFFODIL: SIMPLICITY" /> I'd like to add jqimg="images/products/flower_art/daffodil_big.jpg" And make it like this. <img src="images/products/flower_art/daffodil_small.jpg" border="0" alt="DAFFODIL: SIMPLICITY" jqimg="images/products/flower_art/daffodil_big.jpg"/> Since it is a dynamic site, I have to pick up src image
item selection help..
Last night I was working on a little small project, building a directory browser, displays folders and items within the folders. Sub directory items are originally hidden, and will slide down upon clicking the folder. Code for the page is set up basically like this.. <div class='.is_folder'> Root Folder <div class='.is_folder'>Subdirectory <div class='.is_file'>File in subdirectory</div> </div> <div class='.is_file'>FileUnderRoot.ext</div> </div> As mentioned, all lower level
[jQuery] Changing Class using Jquery
Kindly help!!! I am in a situation where I have to develop a news website, and my client wants me to display three stories from each category rest all should be hidden by default and when a user wants to view more stories he can click "add a story" the next story with class blocked should get visible. Same when a user clicks on "remove a story", the list item with no class should get changed to class "blocked" Basically i have seen this on BBC's website homepage. I will be thankful if anyone helps
Select specific list item in an unordered list
I have a menu which is generated dynamically, and I want to create a hover effect on the buttons by adding a class. I tried this: $(function() { $("li[a:contains('Home')]").addClass("Home"); $("li[a:contains('About')]").addClass("About"); $("li[a:contains('Contact')]").addClass("Contact"); $("li[a:contains('Admin')]").addClass("Admin"); }); The classes are not added when I look at the source... I tried adding a class to the ul itself, just to make sure I had set things up correctly...
[jQuery] ask : jquery validation plugins not working
Hi jquery users, I have forms which has a lot of input inside and all of it I set as required. Actually I generated the form using database, not by hand :) each input has unique id (generated by server). at the moment, the validation wont work on all field, it just detect the first fields ... (eg: houseHoldExpfood, expPerson1food, expPerson2food) .. but ignored another fields. is this jquery validation bug ? here is My javascript code: $(document).ready(function(){ $('#householdBudgetForm').validate({
Next Page