Mutually exclusive selectable items
My problem mostly stems out of not knowing how to implement my problem, maybe someone in the jquery world can help. I need a grid to show a list of events. Think for example soccer matches. So for each you can pick the home team, draw or away team. The choice must be mutually exclusive for each match. My current solution has an extra column with a dropdown for your result. I would like the actual items to be selectable. Im not forced to use a grid. A repeater would work too. The data source which
How can I recreate this?
Hey all, Firstly, I'm not sure if this is the right section - I'm not really 'stuck' as such on a technical issue; I do need help (in more ways than one!) but it's more a concept thing right now. What makes this easy is I'm trying to replicate an existing website: BT's Personal Site The menu of Packages / Phone, etc is very nice. Not only does the menu auto scroll, but also reacts to mouseover in a lovely manner (thereafter going back to auto scroll if there is no user input). I've spent the afternoon
Cross fading tab implementation
I would like to make a really lightweight, simple carousel. I've gotten everything set up with jQuery UI tabs, but there doesn't seem to be an easy way to animate transitions between slides. Can anyone suggest a way to do this? I know there's larger plugins like jCarousel, I just want something really light with a cross fading transition.
Visitor Recording
Here is the idea I have brewing. Use jquery to track visitors mouse movements and clicks and then playback. Here is the proof of concept: http://www.inet411.com/proof-of-concept ... record.php Uses: jQuery and php. jquery records mouse moves and clicks, sends data via ajax to a php page, the php page writes the mouse events to a text file. When you go to the playback page, jquery connects to a php page that reads the text file and moves the mouse accordingly. Anyone interested in helping to develop
[jQuery] Autocomplete --- Flickering Problem
Whenever I try to type something into the textbox with Autocomplete activated it gives me a flickering effect in IE and Firefox. Please help me solve this problem.
Drop down menu not sliding back up
I have a drop down menu that works as long as you click the links left to right and don't try to go back. I have realized the the sub-menus are sliding down but are not sliding back up if you click an item to the left. You can see a current example here Click on Studio Collections. I know the problem is somewhere in this code, I just can't figure it out. $('span.expand').toggle( /*if it's clicked once, find all child lists and expand*/ function(){ /*var aar =
[jQuery] (validate) Validating multiple drop down boxes
Hi All, I need to check that a user's birthday has been filled out completely, using drop down menus. I can validate each of the menus individually (see code below), but what i really want to do is make one check that all three are selected so that I don't have 3 extra error labels... Any suggestions? $(document).ready(function(){ $("#form1").validate({ rules: { MOB: "required" , DOB: "required", YOB:
[jQuery] manipulate the next element with a class
Is there a non-structure specific way of finding the next element with a given class? for example you have a structure of: <div id="container1"> <a href="#" class="link1">link</a> <div class="a1">asdf</div> </div><!-- #container1 --> <div id="container2"> <a href="#" class="link1">link</a> <div class="a1">ghjl</div> </div><!-- #container2 --> <div id="container3"> <a href="#" class="link1">link</a> <div class="a1">qwer</div> </div><!-- #container3 --> When you click on the link in container1 the
[jQuery] is .closest() included in 1.3.2. minified?
Hi I'm trying to keep the load time down on my site... many users from the UK! is .closest() included in 1.3.2. minified or do I need the full thing (114kb)?
[jQuery] help with Superfish menu on Joomla in IE6/7
My Superfish menu's working fine in FF and IE8, but broken in IE6/7: http://www.redkitecreative.com/projects/checkmark/ My developer who implemented this menu for me is no longer available and I'm not sure what CSS I should be editing here - having never used Superfish before. Can someone point me in the right direction?
[jQuery] Cycle - preload images possible??
Am using Cycle (fade) for image slideshow very happily, except for the big visual flap when all the photos (12 or so, but large-ish) load prior to cycling. I've looked for a preload solution but haven't immediately found any. Is this best? Is there another solution? Would be grateful for any help with this! (obviously it's safe to assume I know little re: js)
[jQuery] Java Servlet with Jsonp
Hi, i'm trying to make a jsonp servlet but it gives me an error on the response. I'm missing something? maybe on the java servlet? Servelet: HttpServletResponse response; HttpServletRequest request; response.setContentType("application/x-javascript; charset=utf-8"); PrintWriter out = response.getWriter(); out.print(request.getParameter("callback") + "({\"value\":\"test \"})"); out.flush(); out.close(); Jquery: $.getJSON("http://www.myothersite.com/? moreinfo=value&format=jsonp&callback=?", function(data){
[jQuery] BlockUI 1.33 crashing Internet Explorer
I am using the BlockUI Plugin version 1.33 with Jquery Version 1.2.1. When the application page is accessed in which the block and unblock UI calls are executed, IE is crashing randomly. Pls help what needs to be done to overcome this issue.
[jQuery] Using jQuery to completely separate HTML from Javascript
Hi, I am trying to remove every Javascript reference from my HTML data (except the inclusion headers of course). I would like some advice regarding event listeners when parameters come into play. Here is the typical example: For event handlers in HTML like: <a href="#" onclick="foo();"></a> I would have no problem replacing with the following HTML: <a href="#" class="foo"></a> and Javascript code in separate file: $(document).ready( function() { $("a.foo").click(foo()); } ) However, how would you
[jQuery] Best autocomplete plugin?
Hi, I'm looking for an autocomplete plugin, can anyone give me suggestions? I found this one: http://plugins.jquery.com/project/autocompletex On this thread: http://groups.google.com/group/jquery-en/browse_thread/thread/5332d4d6f51dbe5d/c81a1bb623f7d3e9?lnk=gst&q=autocomplete+plugin#c81a1bb623f7d3e9 Thanks
[jQuery] Star Rating v3.12 - ajax submission of "Cancel"
Hi all, Using jQuery 1.32 and the latest level of the Star Rating plugin obtained from www.fyneworks.com (3.12). I am trying to do ajax submissions so that when a user clicks on a star, the form is submitted, and a result received from the server. This uses jquery.form.js. It works fine, if the user clicks a star. However, it is not working correctly when the user clicks "Cancel Rating". How do you attach a callback to the "Cancel Rating" element? I'd like it when the user clicks on "Cancel", that
[jQuery] dynamic extend
I have hard time to find out this one. I'd like to extend an object with another array. Let's say I have an array like var $copy= $('input[id$=copy]'); I would like to extend or add element to $par = {}; as following: $copy.each(function(){ $.extend($par,{$(this).attr('id'):$(this).val()} }); i have problem with the key part of the key values object. I get error string or identifier is expected. Any help would be greatly appreciated. -- View this message in context: http://www.nabble.com/dynamic-extend-tp24505460s27240p24505460.html
[jQuery] checkboxTree Plugin
Hello Everybody, I have rewritten and posted my jquery checkboxTree plugin that I originally put out a year ago. Tried to add features and options people were asking for. Information can be found here: http://floatmargin.com/2009/jquery-checkbox-tree-plugin-new-and-improved/ The github repository can be found here: http://github.com/magearwhig/jquery-checkboxtree -Matt W.
[jQuery] DropDown Menu
Hello guys, thanks for the help last time... now I'm coming here to ask you help to build a dropDown menu.... I already built one, but its positioning isn't working very well, when the dimension of the screen is redimensioned or when the page is zoomed. I had trouble creating the menu because ppl on design made the website using image maps... i tryied to get the position of the map using jquery, but it always return top 0 and left 0, so it's no use... If you guys want to understand better what I'm
[jQuery] Add icons to your links automatically
HI there I am using the working with the following script Add icons to your links automatically using jQuery & CSS http://cool-javascripts.com/jquery/add-icons-to-your-links-automatically-using-jquery-css.html // Add pdf icons to pdf links $("a[href$='.pdf']").addClass("pdf"); but I only want to add the class to links that are children of a div with the class .icon-menu can somebody provide me with insite as to have I can limit the above statement to work in this fashion?
[jQuery] jEditable: Eliminate AJAX requests if data hasn’t changed
Anyone see potential problems with optimizing away unnecessary ajax requests like this: $('.editable').editable(function(value, settings) { // check if changed at all if(this.revert == value) { this.reset() return } ... fire ajax request }
Toggle list items individually not as a group
I have just started out in jquery and thought it would be cool to add some effects to my football clubs site. I have a players page with a list of players. In the past each player link would open a new individual profile page. This was not ideal. Now i want to create a list of players names that show a small bio below their names when their link is clicked. I have created some code but it just shows the bio of all players when a link is clicked. There are lots of links so repeating all the code with
[jQuery] children() passable variables there
Hello. I am trying to do $("tbody tr").each(function(){ $(this).children("td:first").css({ 'border-left': '3px solid #EEEEEE', }); $(this).children("td:last").css({ 'border-right': '3px solid #eeeeee', }); $(this).children("td:not(:first:last)").css("text-align", "center"); }); This works in Firefox 3.5 but somehow it bogs down in IE7+ I also tried with td:eq(0) and td:eq(4) (have 5 columns)
[jQuery] help on function val()
Hello, Here is my prototype : http://rejome.homeip.net:8080/prototype.html I don't understand how I can get the radiobutton value in the function... Please help me :-)
[jQuery] Form validation using the validate plugin
Rather than write my own validation I thought i would use JQuery instead however i'm not finding this easy either. I have a few questions which I hope someone can answer. Firstly, the error messages are only appearing when I click submit. How can I get them to appear after exiting each field? Here's my code for validation. Code: $(document).ready(function(){ $("#orderForm").validate({ rules: { shipFirstName: { required: true, }, shipFamilyName:
[jQuery] Jquery url encode
Im using Ajax to get results back. These results are used to show data and create a link to it: Example: Name Link John & Mary www.google.com/John&Mary Paul & Niamh www.google.com/Paul&Niamh How can I get Jquery or Javascript to url encode the link?
set focus
this isn't working on my page. I did validate the page. the alert is fine but the div is not receiving focus. Any ideas how I can track down the problem? $(document).ready(function(){ $("#finalizing").focus(); alert('should be focused on finalizing section'); }); <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"
[jQuery] calling function with array arguments
Hello. How can I pass arguments to a function as elements of an array. For instance: var somemap = { one: 1, two: 2, three: 3}; var arguments = { one, two } --we iterate through arguments array and see which should be passed to a function: call_function(somemap['one'], somemap['two']); or another case: var arguments = { two } call_function(somemap['two']); Many thanks for help!
[jQuery] $.browser returning 'wrong' browser version - anyone seen this UA string before?
No prizes for guessing it's an IE7/6 issue.... I'm trying to detect IE6, with: if (($.browser.msie == true) && ($.browser.version < 7)){ // fail } but the client has got a version of IE7 that's returning the following UA string: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; GTB6; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; .NET CLR 1.1.4322; InfoPath.1; Creative ZENcast v1.02.12; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; .NET CLR 3.0.04506.648) This seems to be fooling jQuery
[jQuery] hover stoppropagation?
im sorry if im posting duplicate, but iv searched for a long while.. I have nested dom and have script: function startVisualAid(){ $(".holder > *").hover( function(){ $(this).parents(".hover_this").trigger('mouseleave').removeClass ("hover_this"); $(this).addClass("hover_this"); }, function(){ $(this).removeClass("hover_this"); $(this).parents().trigger('mouseenter');
[jQuery] Parsing XML using "find()" has stopped working in jQuery 1.3+
Hi, I'm wondering if anyone might be able to shed some light on this situation. I have been using jQuery 1.2.6 to parse XML and find specific nodes. However, when I simply change the jQuery version to 1.3.2 the following fails to work in IE, though still continues to work fine in Firefox. Below is a simplified test case which hopefully someone will be able to comment on. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head>
[jQuery] jquery.calculation modification
Hello, I need some help on jquery.calculation plugin modification (I want to change it so that it would also read the attributes of elements if a string is passed as an attribute name). I want to change the .calc function so that I could optinally pass a string with each jquery object which are passed as an array of objects: ("[id^=total_item]").calc( "qty * price", // define the variables used in the equation, these can be a jQuery object { qty: $("input[name^=qty_item_]"), price:
[jQuery] how to select a child by an attribute
I have 2 lists on a page and I have a link set up to remove an li item from the one list. I need to check to see if there is a copy of that item in the other list based off an attribute in my li item called qid. How would I look for a child list item based off this custom attribute? Assuming I have html like the following and I want to get the one where qid=14. Thanks. <ul id="ul1"> <li qid="12" id="ul1_1">adfaf</li> <li qid="13" id="ul1_2">adfaf</li> <li qid="14" id="ul1_3">adfaf</li> </ul>
[jQuery] Correctly submitting form using Validation Plugin
My main issue is the submitHandler portion. I want to reset the form on submission, or be able to call the form reset as needed. As it stands now, the form works sending and recieving as needed. I just need to reset the form correctly, hopefully using the built in reset. // validate signup form on keyup and submit var suggester = $("#suggest_form").validate({ rules: { suggest_handle: { required: true, minlength: 6, }, suggest_email:
[jQuery] How to detect scroll bar shown
I was wondering if there is a way either through jQuery or javascript to detect when the browser shows the scroll bars. I had an item fixed to the bottom of the browser window when the scroll bar at the bottom poped up the item was hiding behind the scroll bar. Ideally i'd like to hook an event for the showing and hiding of the scroll bars and adjust the postion of the item if necessary.
[jQuery] how to make smooth scrolling ui- tabs like firefox using jquery
hello friends can anybody tell me how to make scrolling tabs using jquery please send me some link or code so that i can implement it .It is very urgent.I want to make scrolling tabs like given in following link using jquery http://extjs.com/deploy/dev/examples/tabs/tabs-adv.html
usings remove() and slideUp() together
Hi All I want to remove a row from a table but make the process look nice by adding the slideUp() function. Only problem is the slideUp() does not get a chance to run. Is this possible? Here is the code I am using $('#thisId').slideUp().remove(); Thanks in advance
Ajaxify-Plugin: Animations are not working correctly
Hello community, I want to use the Ajaxify-Plugin ( http://maxblog.me/ajaxify/ ) for my new Website. It fits exactly my needs. Sadly the animations are not working correctly. When your Internet-connection is too fast, you don't see animations at all (on a local machine also). I putted up a demo: http://www.otakumania.com/tmp/ajax/ The content is supposed to fade out, then the new content gets loaded and then this new content should fade in nicely again, like in my own example, which I got from a
[jQuery] Best practice for integrating server-side validation (jsp) with jquery validation (specially bassistance)
Hi All, I was wondering if there is a link or pointers for best practices while integrating client side validation errors with server side validation. I read on a forum that this requires the server side to return a json, but could not find many pointers or details about this. Can somebody please provide some tips on how best to achieve this? By the way I am using the bassistance plugin, my application is a legacy app written in jsp & is database intensive; And so far I have not considered using
jquery script running on joomla with php type thing :D
hey guys i am after a little bit of help if i can get it, basically i have this menu system which works using a couple of jquery scripts it all works fine etc, but now i am porting my site into a joomla design ( dont ask why just a challange ) at the moment i have a module on the left which has my menu in and on the right is another module which loads the content depending on the outcome of the script: at the moment what ihave done is not the finished product as i would like to make sure that this
Next Page