[Autocomplete] - how to turn off automatic selection of first item on the match list
Hi All - I recently got an autocompete search field up and running on a Shopify store, which you can see live here - Things At Home . I don't want the first item in the match list selected, unless a user hits down on their arrow keys. I thought I had set the correct option "highlight: false," but that doesn't seem to work - very strange. The JS I am using is: <script type="text/javascript"> var data = [ {% for tag in collections.all.tags %} {text:"{{
jQuery validation passwords never match...
Hi, I have this pretty simple html form which has two password fields. It is checked by jQuery Validation Plug-in but then I try to submit it I always get not matching passwords error... Here is the passwords fields HTML: <label> <strong>3.</strong> Choose a Password <span>*</span><br /> <input type="password" class="text" name="password" /> <em>Must be at least 8 characters long.</em>
scrollTo problem in IE (scrolling starts from 0 each time)
Hey guys, I'm developing an html/jq website in which I'm scrolling the $(document) on certain button clicks. The problem is that in IE, each time when the scroll is triggered it starts from the document begin each time. So imagine you are at some offset y: 1000 and want to scroll to y:2000. The stupid IE goes to y:0 and then scrolls to y:2000. Any ideas on how to handle that one ? :/ Thanks in advance, Martin
How read "alerttext" from grid locale ?
I have a problem with show "alerttext" from locale. I've a following instructions: <script src="js/lang/grid.locale-it.js" type="text/javascript"></script> function rowview(event, data) { var gr = jQuery("#list").getGridParam("selrow"); if (gr != null) { $("#list").jqGrid('viewGridRow', gr, { modal: true
Clear timer reference outside of a plugin
Hi, I have a plugin that makes use of setInterval()/clearInterval) to activate a scrolling slider. The plugin acts on a div that is filled with ajax data. This works fine as long as the data is not refreshed. After the div is updated, the plugin is re-applied to the new data. This raises erratic scrolling effects as the previous time reference (timeID) was not cleared. If auto mode is disabled, manual scrolling works fine upon an update. Thus, potential js code errors may be disregarded. Question:
Looking for a bubble burst animation plugin
Does anyone know of an animation plugin that does a burst or pop effect? I'm doing real-time form validation where errors show up in bubbles and I would like to make a bubble pop like a balloon when the user corrects the error. I tried using the jQuery UI explode effect, but it doesn't look quite right. Any leads would be great!
Expand div on x & y axis
Hi, I am creating a layout with masonry, and would like when a user clicks on a div the div expands/collapses on both the x & y axis. I can't seem to find the right jquery plugin that allows this. Most seem to be accordion based and only expand one direction. Thoughts? Thanks!
Jquery accordion menu won't work in Wordpress
here is a working example just using static html page MENUBAR WORKING EXAMPLE Just need it to wok with wordpress... Can anyone help me to get this code to work in wordpress?? It uses the following to work... It is a very simple accordion menu which works great in static HTML, but when I try and use it with wordpress it just doesn't work. I think it may use an older version of Jquery... function initMenu() { $('#menu ul').hide(); $('#menu li a').click( function() { $(this).next().slideToggle('normal');
Help with a Featured Content Slider
I was hoping somebody could help me "install" some kind of timer/slider that would integrate with already written HTML code. <div id="headlines"> <ol> <li><a href="javascript:$('#content_1').slideDown('medium');tabSwitch('tab_1', 'content_1');" id="tab_1" class="activ">1</a></li> <li><a href="javascript:$('#content_2').slideDown('medium');tabSwitch('tab_2', 'content_2');" id="tab_2">2</a></li> <li><a href="javascript:$('#content_3').slideDown('medium');tabSwitch('tab_3',
Multi-level menu plugin
Hey guys. I'm working on this multi-level menu plugin, and it all seems to work fine until I specify a width for an item in the menu. Then, the sub menu is shifted over to the right, and I can't figure out why. Here is the page without specifying the width. Here is the page after specifying style="width: 100px;" on the "About Us" link. In FF and Chrome, this works fine, but not in IE7. Anyone have any ideas?
Upload a file from dialog box
I have a form to upload a file + some meta data about the file (description, caption, alt tag, etc). I am displaying this form inside a modal jquery dialog box, and I want the result of the form submission to display inside the dialog. This workflow works fine with other forms without file uploads, however, with the file upload, if there are server side errors on the form (IE duplicate file name, file too large) the return from the form submission is html of the form with error messages. This
Autocomplete not working - appendChild in IE
Hi, I developed JSP page in BEA Weblogic to test the autcomplete functionality, here's basically the code: <netui:form action="doSave" method="post" tagId="app"> <netui:textBox tagId="Zipcode" dataSource="actionForm.Zipcode"> </netui:textBox> </netui:form> <script type="text/javascript" language="JavaScript"> var ac = $("#Zipcode").autocomplete({ serviceUrl:"<servletAddress>", minChars:4, width: 200, delimiter: ',' });
jQuery Form Validation: add a method after complete
I have an ajax post request method i need to run AFTER the form has been validated. I was just using a button, but ofcourse that wont work with validation, it needs to be a submit button. How do I get around this? I have been trying todo an inline javascript if statement in my button [code] <input type="button" value=" submit " onClick="if( $('#form').valid() == 'true'){ mymethod(); }else{ alert('Finish the Form'); }"> [/code] but its not working.. PLEASE I NEED HELP!!
Circular plugin (jQuery Tools) using forms and inputs instead of images
Hello, I'm quite new to jQuery so I have some troubles with the use of it. The circular plugin perfectly worked with images, but I got some trouble to make the arrows work when I use forms with <input type="image" /> instead of <img />. When I click on the input, no problem with the image or the title they both work fine, but when I click the next or previous button nothing happens. Firebug says: "p.position() is undefined" on jquery.tools.min.js at line 47 : {var p=m.eq(o);if(k.vertical){f.css({top:-p.position().top})}
using images to toggle panes
hello, I am very new to jquery and have been playing around with the UI today. What i have spent all day trying to figure out is how to add a button or tab to toggle between the panes which would stick into the middle pane. this is my sample... http://www.justinblayney.com/new/index.php to explain further i created a graphic here of what i want to do http://www.justinblayney.com/new/images/sample.jpg if anyone can point me in the right direction i would appreciate it
scale9Grid
I've tried working with the scale9Grid plugin but it seems to be very instable? Sometimes if I change the values of top/bottom/left/right just by a few pix either the background image completely disappears or it just repeats (the default behaviour without the plugin). I've also had occasions where changing the font-size totally messes up the aspired effect. I thought I was doing something wrong, but even when I took the files of the example provided with this plug in and simply changed around the
javascript confirmation box with jquery Dialog in Rails
Hi My application is in RubyOnRails. I have an index page Against each record I have a delete button Now I implemented it like <%= link_to "Delete",user_url(u), {:method => :delete, :confirm => 'Are You Sure?'} I would like to rewrite it using JQuery modal box .But dont know how to do it. Please help Thanks Tom
JSTree - Sending user defined attributes with GET() method
NOTE: I've posted this to the JSTree Group but as yet the moderators have not cleared it!??! I have a basic tree, which includes this section of code "{ data : { title : "00.00.00.00 Home", attributes : { "desc" : "HOME", "flys" : "FlyAway" } }, attributes : { id : "00.00.00.00", desc : "Home" } }" As you can see I have several user defined attributes. Two in 'data { attributes }' being "desc" and "flys", and one user defined
how to print all cycle items?
I'm using malsup's cycle plug-in and when I print the page only the currently visible item prints. I want all the items in the cycle to print, if possible. I'm familiar with CSS and print stylesheets, but I don't know if this is possible and if so what to specify in my print stylesheet to make it happen. Thanks!
Tablesorted does not short a table which is just appended.
Hello! I'm making an admin page for my website, and trying to include the google analytics, as i like. :) The analytics script is makes a table which called #analytics. My problem is, I simply can't apply the tablesorter script to it, with $(document).ready(function())... My questions are: Why? (Maybe cuz the table is not there when the document is ready) How can i solve this problem at the JS which makes the table? How can i solve this problem at the HTML's JavaScript.
Way to change plugin options with a button on page?
I am using the feature carousel function and I would like to add a pause/play button. is there a way to change the "autoPlay:200" option to "autoPlay: 0" when I click a button on my page? Here is the script in my html page that calls the plug in: <script type="text/javascript"> $(document).ready(function() { $("#featureCarousel").featureCarousel({ topPadding: 10, sidePadding: 5, autoPlay: 200, counterStyle: 1
Cycle Plugin Question - Prev/Next Controls
I have a question about the prev/next controls using the jquery cycle plugin. I am trying to create a page like this demo... http://jquery.malsup.com/cycle/pager11.html I got it to work but it looks like... Prev Next -1 -2 -3 So I was wondering, what do I have to do to change the 1, 2, and 3, to actual images? And how do I do the same to the prev/next controls as well? Thanks
jQuery Validation - adding method, after successful validation
I am fairly new to jQuery, javascript, and its plugins. I have developed a method to handel the submission but i need to incorporate jquery validation. I was running my method with the onClick event of my button, but now that the button is submit, not a button, my method gets ran even if the form is empty. I only want my method to run when validation has been successful. My method is an ajax post. [code] var poststr = 'add=y&var1='+var1+'&var2='+var2+'&var3='+var3; $.post('url/page', poststr, function(data)
Autocomplete: to show the value of the id from the result as normal text
Hello at All, I am using the actual version of the autocomplete-ui-plugin for a lot of fields and all of them are working fine. Since 2 days I try to find a example or a ToDo for the problems are following in this forum and in the whole web, but can not find one that I am be able to understand. My php-source giving back the result as a json-package in the structure of the autocomplete-demo. I want to assigne the value of the array-part "id" to a variable, show this variable as normal text in the
[Star Rating]
Hello, I am using this http://www.fyneworks.com/jquery/star-rating plugin but what I need to do is to be able to show rating values with comma but only allow users to select integer values when they vote. Using {split:2 or 4} metadata I can show values with comma, but users are allowed to select them too. My problem is that I tried to modify this plugin but it's pretty complicated and I am not able to do it. Any of you have done something similar or have any idea what I should do? Thanks in advance
how to feed images to cycle plugin?
Hi all, I'm planning to have a small slideshow at the top of my website using the Cycle plugin - but I want it to run on all pages! So what would be a good way to feed the images to it? In the examples (http://jquery.malsup.com/cycle/) the images are defined with the img-tag on the page, but isn't it a little repetitive to put the same lines on every page? (And does it actually make the browser to load them every time the user moves to another page?) Is there a smarter way, can I keep a separate
Host jquery plugins script
Hi all, Sorry if i asked very basic question, i have been building website with jquery, and it's nice tools to have, because it have so many usefull plugins.... I am using rails 2.3.5 I have finish my website and host it at www.site5.com. And i can not get my jquery run smoothly. I probaly know the main problem which is, i have to load the jquery script from other location, rather than my remote site path.... Ex : => i have this code at my main layout... <%= javascript_include_tag 'jquery.js' %>,
[AutoComplete] setting dynamically 'minChars' option
[AutoComplete plugin] Hi all, I would like to be able to set the 'minChars' option with a variable, whenever my page is refreshed So far, neither of these solutions work: 1. $("#q").autocomplete([url], { minChars: function() {return aNumber;}, //instead of "minChars: aNumber" ..} does'nt work because minChars seems not accepting functions 2. <body onLoad="$('#q').setOptions({minChars: aNumber});"> does'nt work because onLoad seems to be executed before the autocomplete function (that
how to get scrollto to scroll a link down to an element via anchor
hello all, hopefully the title is of help, i have i hope what seems a simple problem as i'm fairly new to jquery so my understanding is fairly low basically if on my website (http://iamsteve.me) i want the anchor "my recent work" to scroll down to the <h2> directly below it with "my recent work", i have just put a '.' for the purpose of testing for it to scroll to (but that doesn't work). i have the scrollto plugin/jquery linked in my header, i did have a slightly working version but it seemed to
ASP + Validation = Stuck
I'm struggling a little with what I think should be a fairly basic problem so please be patient with me! I'm just starting to pick up jQuery and am finding it a very useful tool in my web design belt but it's proving a little more tricky than I'd hoped. I'm building a fairly basic contact form that uses ASP to complete the send. I am hoping to use the jQuery validation plugin to perform some basic client-side validation to make sure that everyone enters at the very least a name, a valid email and
filetree plugin + contextmenu plugin don't run
I try to use http://abeautifulsite.net/2008/03/jquery-file-tree/ and http://abeautifulsite.net/2008/09/jquery-context-menu-plugin/ but it don't work together. I think i need something like the live() function. But i don't now how to use? Can someone help me?
Jquery Cluetip IE Zoom problem
Hi all, I have a problem with IE Cluetip plugin. IE displays the ClueTip outside viewing area if you zoom the page. . I tried setting topOffset and Leftoffset but doesn't seem to work. Is there any fix for this? Vardhini.
jQuery Overloading / Replace Methods
Rather then editing a core plugin file (jquery.validate.js) to hack one method, I was wondering if someone could explain the proper approach to overloading methods in jQuery when it comes to extensions / plugins? Thanks!
how to put multiple cycle plugin divs on one page?
hi evrybody! i'm trying to put multiple cycled galleries on one page. cycling works, BUT the cycled divs are being displayed stacked one over each other... of course i want to display them like normal divs, below each other... how can i achieve this? many thanks! fusi <script type="text/javascript"> $(document).ready(function() { $('.slides').cycle({ fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc... speed: 250 }); }); </script> <div id="slidecontainer" style="background-color:
valid-method and remote validate rule
Hi, I'm calling the valid-method on element that contains the remote validate rule. The ajax returns true, but the method returns false. Somebody had this problem? cheers
[validate] focusCleanup does not work for errors inside containers?
Hello all, I am attempting to use focusCleanup to try and resolve the flickering error issue when using the remote method. focusCleanup works just fine on my forms that have errors inline with the form fields, but if I use errorContainer: errorLabelContainer: "#memorize-as-errors", wrapper: "li" ... These errors do not disappear when the user focuses on one of the inputs that has an error associated with it. I don't think this is supposed to be how it works, is this a bug? Or do I need to
JQuery.Validate - Defining Groups Dynamically
I have a table with N rows, each having two textboxes. In each row, the value in the first textbox must be less than the value in the second texbox. I added a custom method to do validation for both textboxes in each pair. The problem is, they do not behave together. For example, each has it's own separate error message. And correcting the value in one does not remove the validation message for the other. I seems that the groups option is meant to handle this kind of scenario. Problem is, my
validate plugin. How to disable auto validation on keypress after submission for a given element.
I wish to be able to disable the automatic validation for one field/element only after submission how can this be done? I have looked at all the docs but cant work this one out. $.validator.addMethod("checkvalidIP", function(value, element, option) { return validateIP(value); }, "Please check the IP Addresses you have entered." ); $("#validateContact").click(function() { var errors = false; var firstError; $(".contact .required").each(function() {
jQuery Form Plugin - post to new window?
Hello, Does anyone know if it's possible to use the jQuery Form Plugin to post content into a new window (as opposed to a div within the same page)?
ADA compliance problem with Jtransform plugin
Hi , I am using the jquery transform , for a custom drop down box. I have added keyboard navigation , to the drop down box. I still need to make it ADA compliant. It doesnt read the names of the state when i navigate using keyboard. I dont get consistent results. I have included the code below ----------- any thoughts ?? jtransform code (function($){ $(function(){ $('form').jqTransform(); }); /* Label Code */ var jqTransformGetLabel = function(){}; /* Hide all open
Next Page