ScrollPane and ScrollTo plugins conflict
Hi everyone! This is my first attempt on using JQuery so I'm mostly doing copy/paste/tweak. I'm using the ScrollTo plugin to create a horizontal sliding content effect. It's working well. Now, one of my content needs to have a scrolling down bar. I found ScrollTo.js (http://woork.blogspot.com/2009/08/elegant-scrollpanes-with-jquery-and.html) which is exactly what I need, but can't make it work with my previous script (still got the classic overflow:auto) Here is the code: <script type="text/javascript"
jQuery Validate: Highlight on submit, unhighlight on the fly
Hi! I wonder if you could help me sort this out. My goal is the following: 1. Errors should only be highglighted on form submit. A container saying "You missed two fields, they are highlighted below" shows up above the form. 2. When the user corrects a highglighted (erroneous) field, the error should be unhighlighted (disappear). Is this possible, I can't seem to find a working example of this and can't figure out how to go about on my own.
jQuery Searchable DropDown Plugin in Tables?
I'm trying to use this plug in to make a select list which has nearly 600 options easily searchable to my users. However, when I installed it, it did not work for me. Through some experimenting, it seems like it will only work for selects that are NOT in a table, so of course mine is inside one. Dumping the table is not an option. Any ideas or fixes that could get this plug in to work inside the TD element? As it is now, when the select is inside the TD, if you click on it, it opens then quickly
Using autocomplete within AIR sandbox
I am trying to use the autocomplete functionality from within my AIR app, code below - <html> <head> <title>JQuery Component Tester</title> <link type="text/css" href="http://jqueryui.com/latest/themes/base/jquery.ui.all.css" rel="stylesheet" /> <script type="text/javascript" src="lib/air/AIRAliases.js"></script> <script type="text/javascript" src="http://jqueryui.com/latest/jquery-1.4.2.js"></script> <script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/1.8rc1/jquery-1.4.1.js"></script>
Validate dynamic inputs
Hi. First of all, the code : http://pastebin.com/LatweLuN And the page : http://nicolasrio.fr/test2.html I use the jquery.validate plugin. On the example page, click 'Add a horse' twice (two rows should be added to the table), then click on validate. As you should see, only the first of the generated inputs gets red by getting the error class, not the following. Then, put the focus inside the second generated input and then trigger the blur event by clicking anaywhere else on the page : the input
jquery validate, check difference between fields
Hi all, I'm new to jQuery. I use the plugin validate in order to check values between two fields. So I have two fields, and I want to check if the value of the first field is greater than the value of the seconde one. But, I can't find into the documentation how to do that. Following is my current JavaScript : $().ready(function() { $(document.CorrespondancePPForm).validate({ rules: { tpsRetenu1: { required: true, number:
Out of range error of Maphilight?
Error message showing in firebug. (207 out of range 45) don't know what is going on and how to resolve it. Please help.
cycle plugin : how to pause the animation onmouseout and resume it onmouseover (exact opposit of "pause: 1,")
Hi! Here is the way to pause the animation by default, resume it onmouseover then pause it again onmouseout. So, it's the exact opposit of "pause : 1". here's the way to do it, based on the fade effect: /* SCRIPT */ <script type="text/javascript"> $(document).ready(function() { $('div.slideshow').cycle({ fx: 'fade', speed: 300, timeout: 800 }); $("div.slideshow").cycle('pause'); //we pause the animation by default $("div.slideshow").mouseover(function(){
superfish IE6 transparency and zindex problem
Was wondering if someone could help me out here, I just started using superfish and have it working in FF, IE8, Chrome.... but IE7 and IE6 both suffer from this problem. It appears as if the drop downs show up as a lower zindex and are hidden below other elements, and they are transparent. See attachments for example. The slightly different style being drawn in IE6/7 is less of a problem to me than getting the basic functionality of the menus working. Any help pointing me in the right direction would
jCarousel Dynamic Width and Height - Is this possible?
Hi, I'm new to jQuery and jCarousel... I am using jCarousel with the intention of displaying a horizontal list of books along with some other textual information such as author, price, etc... This list will be populated from a database (via ASP before page load) and therefore the content will vary along with the dimensions of the list items... My problem is that the jCarousel example and all of the forums I wandered over don't seem to explain how I might get the jCarousel window to be the correct
autocomplete/sortable conflict
I'm very new to javascript and jQuery and not certain this is even the right place to post this question, but here goes... I'm using the QCubed framework (branch of QCodo) and have built a form that uses sortable to sort a list and also autocomplete, but autocomplete is on a control that is not included in the sortable ul. When I include autocomplete, I get an error on sortable: $("#c33 ul").sortable is not a function. This is the script for sortable: </form><script type="text/javascript">qc.registerForm();
filtering table rows having rowspan
Hi, I want to filter the rows of a table based on a specified filter for a particular column. However I am getting problems when my row has rowspan, since if a particular tr has rowspan then consecutive tr's have one less td(until the rowspan ends) which causes a wrong calculation of td positions, leading to incorrect filtering. Kindly help. I have tried using uitablefilter .js ( http://gregweber.info/projects/demo/flavorzoom.html) and table.js( http://www.javascripttoolbox.com/lib/table/ )
jquery.truncator middle of word cut off
After testing multiple truncator plugins, the jquery.truncator plugin seems to be the only one that handlels truncating inline, a container of multiple block elements. My remaining issue with it is that it cuts off in the middle of words. Anyone working with this plugin have a solution for this?
Validation Plugin - Tied but not working. Find somewthing wrong in this code
This smallest example is not working. I've used metadata to use validate as the attribute for apllying rules. But on submit no method is getting called <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JSP Page</title> <script src="/Hosannah/js/jquery/jquery-1.4.2.js" type="text/javascript"></script> <script src="/Hosannah/js/jquery/jquery.validate.js" type="text/javascript"></script>
ajax form submit issue
I'm having an issue with the success function of the ajax form submit and I'm not sure how to begin to troubleshoot. The ajax form submit works fine and I'm using it to submit several forms on the same page (all work). On one particular form I need to do some work after the form has been submitted successfully. I'm initializing the form like this in the ready function: $('#formtraining').submit(function() { $(this).ajaxSubmit({ target: '#outputtraining', beforeSubmit: updatePoints, success:
Superfish currentpage class
Can anyone recommend an easy approach to adding a .currentpage class to a Superfish menu? I want to add a css style that will show the user "you are here" in the menu. Is this easily done? Any recommendations on the cleanest approach? Thanks, Brian
cluetip not working in webcontrols
Hi, I am new to JQuery. I am using cluetip inside userdefined webform and webcontrol, its displaying the image but cluetip is not working. Example generated Code on web page: <div id="RJ" > <fieldset class="Lf"> <legend>RJ</legend> <ul> <div id=""> <li class="ui-widget" ><label / ><input/></li> <li class="ui-widget" > <label >:</label> <input /> <a href="ajax/DatePickerInfo.aspx" rel="ajax/DatePickerInfo.aspx" title="DatePicker Information" style="float:right;" class="sticky"
blockUI plugin problem : unexpected behaviour
I have an urgent issue with blockUI. When my page is first loaded I have different blocks to be loaded via ajax. I have added the block and unblock in ajax start and stop as recommended in blockUI overview guide: $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI); but the problem is that after the first pages are loaded, nothing works then; so the first conents are loaded and the block is shown properly, but after that all my ajax links don't work at all what is strange that if I add just a simple
Problem using jquery.fancybox first picture showing twice
Hello, Im having problem using jquery.fancybox. The problem is, when loading main page for the first time gallery is displaying first image twice, here is some code : <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { //Execute the slideShow slideShow(); }); function slideShow() { //Set the opacity of all images to 0 $('#gallery a').css({opacity: 0.0}); //Get the first image and display it (set it to full opacity) $('#gallery
making special validation with Jquery validation
I am using Jquery Validation on my form, it is almost working fine, but I have 2 things I can’t figure out how to validate: On my form is it possible to upload a picture with some AJAX stuff, when a picture is uploaded it is shown. I need to validate that the user has uploaded the picture, I can validate it if I compare the src of the image tag (as default the src=”noimage.gif”). how can that be done with Jquery Validation? I am also using Telerik Comobox on my form, and I also need to validate
Links not working under cycle banner
I am using the cycle plugin as a banner. There is a menu under the banner and the first 3 links do not work after the banner begins to cycle. It appears this is where the hidden divs for the banner exist. This only happens in FF, IE is fine, go figure. Here is the site, any ideas on how to resolve this? http://exhaust.lgriffin.net/ Thanks
Modifying the Autocomplete options to have a showlist option
Ive added a showlist option to the autocomplete file /* * Autocomplete - jQuery plugin 1.1pre * * Copyright (c) 2007 Dylan Verheul, Dan G. Switzer, Anjesh Tuladhar, Jörn Zaefferer * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * Revision: $Id: jquery.autocomplete.js 5785 2008-07-12 10:37:33Z joern.zaefferer $ * */ showlist:function() { return this.trigger("showlist"); },
cycle / pager transition bug?
I'm trying to use Cycle to create a slideshow of headlines on my website. The pager appears to have a bug. If you click on two pager buttons in rapid succession, such that the second is clicked before the transition triggered by the first is complete, then the transition effect gets very messy. It basically fast-forwards to the end of the current effect before beginning the new effect. This isn't really a problem with transitions like Fade. But with some transitions, like Slides, it's quite ugly
superfish issues ff ie7
Hi i am loving this superfish menu and have styled it how i want and everything is fine in ie8... but when i go to ff or and other ie version it goes whacky. The menu is open and shows all child items under its parent. but is normal in ie8! is there something i am doing wrong?? here is the link to have a look 202.61.163.169/nscweb (sorry but it takes a loooooong time to load it isnt live yet hoping that will be fixed when it goes live) Miranda
Problem using validate and checkboxs
Hey all, I am sure there is an easy answer to this, but I cant figure it out. I have a list of days, e,g, Monday <input type='checkbox' value='monday' name='day[]' /> in the validation, I have, .... day: { required: true, minlength: 1 } ..... However, JQuery wont recognize this. I have tried day[], but that produces an error. I need the [] so PHP can get the data into an array. Hope this is clear,
tablesorter sorting dates problem(DD/MM/YYY)
Hi, I would like tablesorter to sort dates in the format DD/MM/YYY. It seems to have a problem with this format. Can someone help me with that ? I'm from Montréal, QC Canada and we use that format a lot. So, it would be nice if it was working with it. Thanks ! FG
JQuery Expander and slicePoint value - HOW TO CHANGE????
How can I count words (or spaces) in stead of characters? It makes more sense to truncate at a specific work vs # of characters.
Cluetip Image Map Documentation
Hi guys - I've spent hours searching for documentation on how to implement cluetip with image maps. Am I just being dense? Can anyone point me in the right direction? I'm trying to implement several hotspots on the same image. Thanks so much Cameron
Colorbox on iPod Touch 3G with poor background (from http://colorpowered.com/colorbox/)
Hello, I have deployed the http://colorpowered.com/colorbox/ colorbox on my app at http://www.thalasoft.com/engine/modules/photo/display_album.php?photoAlbumId=1 but it renders not so well in the iPod Touch 3G. The issue is the black background not taking the whole space of the screen and being aligned top left. The photos do display though. Kind Regards, Stephane
How to preload an entire page and make a fading within
Hi, I want to preload another webpage of my website to make a fade between the actual page and the other when I'm cliking on a link. Is it possible to do this with jQuery ? Everything I have found is for preload image or make fade between div... Thanks
TableSorter Not Correctly Sorting Money
I just started using JQuery and also the TableSorter. These are great additions to web development. My problem is with the TableSorter. It does not correctly sort currency values, specifically negative currency values. This is how it sorted the following values: $14,226 $9,950 -$8,844 $8,164 -$7,915 $7,220 etc. I hope you get the picture. Am I doing something wrong, or do I need to add a little code to make this work right? Thanks
tablesorter pager cache
We have an application that allows users to search through some models. The search results are loaded into a table that uses tabIesorter and the pager plugin. The use can page, sort, etc.. through the search results and all of that works fine. We are also using the jQuery Address plug-in to save state and make the back and forward buttons work properly. Users are able to click on a link in the table of search results, which brings up a modal dialog with the model details. When that happens, we are
boxy and form plugin
Hi to all, I have a problem using together boxy and form plugins. From the file dsp_progettitemplateform.cfm I create a boxy using this instruction: <a href="Javascript:void(0)" onclick="Boxy.load('dsp_tblprogettitemplate_ricerca_tabella_collegata_container.cfm?TabellaCollegata=TblOfferteCausali&CampoCodiceCollegato=Id_Single&CampoDescrizioneCollegato=Causale&NomeCampo=Causali_Form&FiltroRicercaNomiCampi=&Tiporicerca=codice', {title:'Ricerca Tabella Collegata',modal:true,cache:false});"> In the file dsp_tblprogettitemplate_ricerca_tabella_collegata_container.cfm
Ajax and malsup cycle plugin
Hi I'm new to all jquery, and this is the first time I have ever looked at Ajax... so probably a little out of my depth. I have some Ajax here from a store I am working on. It duplicates product options and repears them underneath each other. I am trying to get it to work so that it uses Malsup cycle plugin if more than one product option is chosen, it puts them in a cycle - but I need to to trigger the cycle plugin after the options have been selected. This is the ajax (in javascript) <script type="text/javascript">
jQuery Validation not posting value of submit button
hello, I m having weird problem, i m using form validation plugin. When i fill up the form and post, and if i print out the value of posted value, i can see all the form field value being posted except the value of submit button. I then disabled the validation stuff and again i fill up the form and posted it, this time i can see the the value of submit button being posted. So its clear something is wrong in validation part. I couldnt figure out where the thing went wrong. Hoping for a reply how to
Multiple javascript functions in one page
I am trying to insert the tab from the "Tabbed Slide Out Content Panel" plugin into the “Galleria,” plugin, specifically the "demo_01.htm” page. The two sets of script conflict with each and prevent them from woking in unison. Any Ideas about how to resolve this?
jQuery Validation Plugin : hightlight and errorClass
Hi guys, I am trying to set the border of asp.net Textboxes to red if the validation fails. At the same time I also want a (*) next to invalid textbox. Below is the code which I have so far and the image shows the output. As you can see in the image the (*) is also getting border set which I don't want. Tried couple of variations but did not work. I will really appreciate if someone can shed some light on what's wrong in the code. HTML: Price1: <asp:TextBox ID="txtPrice1" runat="server" CssClass="numeric"
Not understanding the return value of jQuery.form.js or how to parse it
Using Firebug to check the return which is an Object. I guess I don't know how to retrieve the key or value. Maybe this isn't even a jQuery question, maybe javascript. Anyway the returned value doesn't look like any of the examples I've found. $('#ask_bd_form').ajaxForm({ dataType: 'json', success: function(data){ console.log(data); } }); Firebug shows: Object { okay="1"}]Thanks!
Using jQuery Timer with an iFrame
Hello, I have an issue I can't seem to resolve. The scenario is like this: User loads the import page The import page defines a few divs, start the timer of import duration and loads an iFrame that starts the import process itself The time correctly updates the div with the time passed in 1 of the divs After x seconds the import page does a reload to prevent the time out, this all happens within the iFrame. From within the iFrame I try to stop the timer started on the first page load but for some
Cycle plugin
I am using the cycle plugin, I have 4 images of diffrent sizes, Upon th epage load all the imges displayed as stacked, once the 1st cycle has completed the slideshow behave as expected. How do solve the initial stack display, thx. here is the code body { background: rgb(50,50,50); } #myslides { position:relative; height:480px; padding: 0; margin: 0 auto; } #myslides img { position:absolute; padding: 10px; border: 1px solid rgb(100,100,100); background-color: rgb(230,230,230);
Next Page