jquery.blockUI.js
Hi New to jQuery and i'm stuck on this problem, with the code below, when i click on the textbox the overlay appears on the screen for about 1 second, how can i stop that so it only appears when i click the submit button. <script type="text/javascript"> $(document).ready(function () { $('#frmWeather').submit(function () { $('#frmWeather').ajaxSubmit({ target: '#dvWLR' } ); return false; }); }); </script> <script type="text/javascript"> $(document).ajaxStop($.unblockUI); function fWeather() {
Validate - Displaying default error messages
Hi, I have, what I believe is, a simple question. I have a pretty large form with lots of validation and I am using the basic error placement: errorContainer: "#errorContainer", errorLabelContainer: "#errorContainer ul", wrapper: "li", errorClass: "invalid"All of my validations work great, except I have one validation that uses remote and needs to do a few things on response: , remote: { url: "_ajax/CheckTriggerPoints.cfm", type: "post", data: { facility_id: 1234, element_id: 24 }, success: function(data)
jqPlot plot plugin hook click event to axis ticks
Hallo everybody, i want to extend the jqplot plugins such that the axis ticks are tranformed into hyperlinks and/or are hook with click events and to be able to catch the click event when it is triggered.. i have know idea on how to go about it. it could also any other javascript based charting framework or library. thanks
Facebox messes up other jQuery calls once used
Currently I am using Facebox to load an external page in a lightbox. The issue is I have other jQuery on the page and it works fine if I do not click on the facebox links but once I click the Facebox link and then click the other items they no longer work. Example Page The facebox jquery is used with the right column boxes called 'FOLIAGE', 'TRUNK', 'BASE', etc.... If you click it calls an external page like so: <a href="javascript: jQuery.facebox({ajax:'01.aspx?PopID=1">xxx</a> My other jQuery
Display Either PDF or Image Problem Using Jquery.Media Plugin
I have a page that displays either a PDF or an Image based on what the user has uploaded. I use the following code to initialize the media: $(objMedia).media({width:900, height:500}); This works just fine when displaying a PDF but when it displays an image (jpg) it squashes the image down to fit the specified height. I tried to set the height to 0 and it works fine for displaying images but when it displays a PDF the document does not show up at all. Any insight would be greatly appreciated!
.load problems in IE
Im trying to make a portfolio and on my index page I have a bunch of divs containing thumbnails. When you click on the div it changes its class from .thumb to .large and it replaces its content with a div from a separate html file with "large" in the name. This works in firefox, chrome, safari, and IE9 but not in any of the earlier versions of IE. Can anyone tell me why or please offer suggestions for me to try? I'm not a very good coder, so any help would be greatly appreciated. function divClicked(divId,
Please help with Jquery that controls RSS feeds.
I am using this plugin http://www.malsup.com/jquery/gfeed/ to display tabbed feeds. I am running into some issues with character count display limits and image display. I would like to display more text of the feed and show images if the feed has images in it. Would anybody have some advice? Thank you in advance. JP
Getting Lightbox to work with the Fitted script
Hello everybody! Ok, so I'm more of a designer/marketing person with excellent skills in HTML/CSS, but anything more complicated than that (jquery, php, ruby, etc)...I can't write for nothing (been trying to learn it for 7 years...no luck). So anyway, I'm trying to get this lightbox to work on this portfolio site: http://whochrisporter.com/clients/HHM/ I usually get lightboxes working, but when its coupled with another script, I always get stuck. I'm using the Fitted jQuery script to make the whole
Overriding Remote Validation
Hi, I have a scenario where I have an input form that is expecting numeric values. I am using remote validation to check that the value you entered is within a specific range (there is a reason I am not using the range validation). The remote script responds with true/false depending on whether the value is acceptable. If the value is not acceptable, then it displays the error message in the errorContainer as normal, however, I would like the user to be able to somehow bypass this validation if
issue with lightbox + easing plugin
Hello, I've a issue using jquery lightbox plugin and a menu with easing plugin. In my console i dont have any errors so i think that all my plugins installed works. The issue is about how its work. I need showing my menù with a jquery easing effect (like a carousel) and my gallery's immage with a lightbox effect but, when i have the both plugin activated all my sites work ONLY with the easing effect. My menù work well with the easing effect but also if i click for opening an immage on my gallery
[cycle] Permalink to slide with custom hash value
At the moment I have it working with slide IDs, this is my code var index = 0, hash = window.location.hash; if (hash) { index = /\d+/.exec(hash)[0]; index = (parseInt(index) || 1) - 1; } var $container = $('#content').cycle( { fx: 'scrollLeft', startingSlide: index, speed: 500, timeout: 0, pager: '#nav', pagerAnchorBuilder: function(idx, slide) { return 'nav li:eq(' + idx + ') a'; },
JQuery Cycle Plugin, no ScrollVert
Hello, First I want to say that Cycle plugin is simply awesome, the simplicity is extraordinary. The problem that I have is that I try to create a nested slideshow with 2 slideshows. The inner slideshows move horizontaly and the core slides should move Vertically, Up for "next" down for "prev". What happens though is that the horizontal ones move OK but the vertical slide is not happenning, it simply moves to the new image (the 1st of the next slide) but without transition. I have no JS errors or
Cluetip : this is how to handle a good mouseout on link
Users of Cluetip, we are many to look after a way to 1- show Cluetip when a link is hovered, then discard it when mouse goes out 2- BUT keep cluetip opened if the mouse did go inside the cluetip, so that we can click on links inside the cluetip This is how to do it. Just add this parameter : sticky: true, onShow: function(){ $('.mylink').mouseout(function() { // if I go out of the link, then... var closing = setTimeout(" $(document).trigger('hideCluetip')",400);
CSS conflicting with JQuery Cycle Plugin
Hey guys, I am rather to JQuery, but love the possibilities. However I am finding my first experience rather vexing. The JQuery Cycle plugin works great in my site folder if I place it in a new file. But when I try to place it in my existing index page with existing CSS it displays the images on top of one another not in the div where they are placed. I can send a screenshot if that helps. I have also included my site folder with just the index page and all the files including graphics, scripts and
unique? jquery cycle plugin issue
I have looked all over and cannot figure this out, I may be going about it the wrong way and am just going cross-eyed. I have a few "panels" that I am looking to cycle. The panel has a width of 100% with a background image. It is supposed to span the whole width of the browser. the content is set at a specific width, centered in this panel. I am looking to cycle the background image and content but just can't get it to work (the panels have a set width and are pinned to the left, not centered. simple
how to get rid of fade animation in slide show?
i have a slideshow at http://rebeccacairns.com/portfolio.html which utilizes the following code. how can i get rid of the fade effect and just have one image transition to the next cleanly with no fade animation? /* * jQuery Cycle Plugin for light-weight slideshows * Examples and documentation at: http://malsup.com/jquery/cycle/ * Copyright (c) 2007 M. Alsup * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html
validate errorPlacement offset problem - how to call twice or refresh?
Hey all, I'm trying to use errorPlacement with the Validator plugin for jquery, but I'm having issues with the offset. If the element is hidden at the time of validation (in a different tab), the offset returns the value 0,0 (top left corner of screen). $(document).ready(function() { var tabs = $("#tabs").tabs(); var validator = $("#myForm").validate({ errorElement: "div", wrapper: "div", // a wrapper around the error message errorPlacement:
jqeury slideshow not working once easing script is added
Hi Folks, I'm using the wpesp portfolio theme. I'd like to add a lavalamp menu, but when I link up the appropriate javascript files. The slideshow stops sliding. Here are the two scripts, I can't see any conflicts or ambiguous names. I get the following error: Error: jQuery.easing[jQuery.easing.def] is not a function Source File: http://www.mharrisweb.co.uk/wordpres....easing.1.3.js Line: 46 Which highlights this bit of code: def: 'easeOutQuad', swing: function (x, t, b, c, d) { //alert(jQuery.easing.default);
setting a hidden input value from Autocomplete
I have an Autocomplete for state and province names running. I want to pass the state abbreviation to the next cascade of Autocomplete. I created a hidden input and I want to set it to the abbreviation when the state name is selected, then I'll select it for use in the next tier Autocomplete. I've tried several things, done a lot of Google searching and reading jQuery books, but I need some help. The stateProvince input box autocompletes and selects the full state name. The hidden input does
Change yes/no labels in jqDialog confirm dialog?
This seems like it should be easy to do, but I've had no luck. The buttons that come up when I call the "confirm" method from the jqDialog plugin display default values of "yes" and "no." Under most circumstances this is fine, but I need to change their values to "confirm changes" and "discard changes" in one particular case. Can anyone suggest a way to do this? My code so far... ($).jqDialog.confirm("Do you wish to keep these changes?", function() { ... "yes"
ScrollTo code is not work completely in safari opera and firefox(new version)
this is my site www.amarintra.com So I don't know why my navigation has moving without effect. Please help me
Datepicker animation problem - jquery-1.5.1
Hi, I hope I have posted in the right area, not sure if datepicker is part of jquery or a plugin... The problem I have is as soon as I add an animation to datepicker it stops working. You cannot open the datepicker anymore. The code I have is very simple: $(function() { /* Add menu bar at bottom of the picker */ $( "#datepicker" ).datepicker({ showButtonPanel: true, showOn: "button", buttonImage: "img/calendar.gif", buttonImageOnly:
jQuery random image
Hi everyone, I'm using the jQuery Tools showreel plugin http://flowplayer.org/tools/tabs/slideshow.html Basically I am just showing 6 images. But the thing is the client wants a random image to appear at the start. So the same image isn't the same every-time someone goes onto the website. Can anyone help: Here is my code: jQuery(document).ready(function($) { $(".slidetabs").tabs(".images > div", { // enable "cross-fading" effect effect: 'fade', fadeOutSpeed: "slow", // start from the beginning after
Error when I upload News ticker
I have tested news ticker at URL: http://www.makemineatriple.com/ I have put all working code at URL and seen error inside function: $ is not a function $(document).ready(function() { Javascript is at the top of website: <script language="JavaScript" type="text/javascript"> /*<![CDATA[*/ $(document).ready(function() { var options = { newsList: "#news", startDelay: 10, placeHolder1: " []" } $().newsTicker(options); }); /*]]>*/ </script> Do you have idea how
Accordian height problem
I'm having some kind of animation problem with my accordian. For one of the panels I have set a fixed height. This naturally changed the height of the other panels. So I changed the autoHeight property, but this seems to cause some animation problems. When I switch from the large panel to the other ones I get some bad jerky animation which seems to fly around the page until it settles. Any ideas how to fix this? In my .js file I have $(function(){ $("#accordion ").accordion({ autoHeight:
How to show all news items in one shoot?
I have test plugin news ticker like URL at: http://www.makemineatriple.com/news-ticker-documentation/ I have seen there is function and setting like: tickerRate: 80, Is there possibility to show all items in one shoot? Now is shown one character by one.
Validate - one or more checkboxes
Hi, I'm having a bit of trouble finding the right way to do this: I have three checkboxes and the user must choose at least one of them. The code below works, but if the user checks one, the error label is only removed from that particular checkbox (submitting the form works though, so it is only a cosmetic error). How can I remove the errors from the other checkboxes as well, preferably from within the validation method below. jQuery.validator.addMethod("oneselected", function(value, element) {
jQuery Form Plugin (File Upload issue)
IE 9 does not seem to forward ajaxSubmit requests to the server, if the form contains file input control. I've also tested the sample code from(http://jquery.malsup.com/form/#file-upload) on IE 9 and it does not work It works on FF and chrome
Autocomplete plugin is not working on ASP.NET MVC
Hi, I am trying to create a web application using ASP.NET MVC and I want add auto complete functionality to one of my text box. So I have added below C# code into my HomeController class to return the data as JSON objects. public class HomeController : Controller { public ActionResult Index() { return View(); } public ActionResult FindPostalAddressesForNumber(string q, int limit) { return Json(new City[] { new City {Id = 1, Name
Jquery cycle: images and pager css problem
I am tryin to center the image and the pager in the page I've created for testing out the plugin. The pager is located on the left. I can only center it by manually setting margin-left but I want something indipendent a fixed number in pixels. Also checking with inspection tools of dreamweaver I found the images are always placed with position:absolute and are bypassing my css. Is there any simple suggestion for this? Thanks, Marco Here's the code: <!DOCTYPE html> <html> <head> <title>jquery cycle
adding an image to a draggable / sortable area
I've got a script that allows me to drag and sort images, and I can drag them to a trash can if I want them deleted. When I drag and sort the images, the images order is updated in the database, and when I drop them in the trash can, the images are deleted from the database, and the image file itself is deleted from the images directory. I've also got an ajax uploader, which exists on a seperate page, but I'd like to be able to combine the two. Right now if I upload an image, it displays the image
jQuery validate on modal form not working in IE
I am using jQuery validate on a modal form. It works fine in FF, but not in IE 7/8. I am not getting any error, the form just submits without firing the validation. I have tried what solutions I could find on the forums but to no avail. Any idea would be appreciated. Here is my JS code: jQuery.validator.addMethod("phoneUS", function(phone_number, element) { //custom phoneUS phone_number = phone_number.replace(/\s+/g, ""); return this.optional(element) || phone_number.length > 9 &&
Dynamic refresh Using Jquery
Hi all, we are developing a new Java/J2EE application which will be deployed on Liferay. In one of the Application's pages (JSP page), we get list of users from data base and put it in a table using pagination. Now we want to filter this list (say by name or by age ) without sending new request to the data base. So we think to update the List of employees and refreshing the part of JSP which contains the table of users. is There any wan can show us how to do that using JQuery Many thanks in advance
[validation] conflict with jquery-ui-1.8.1.js
Hi, It looks like there is some conflict between validation (1.8.0) and jquery ui plugins, if I use them both on same page I get no javascript errors but some of jQuery UI theme elements get broken and do not show correctly. Any idea ?
jQuery validate plugin - Incorrectly picking up partial class names needed for Omniture error/click tracking
Ran across a likely unusual circumstance where the validate plugin went and picked out an unexpected partial part of a class name not meant for it and therefore applied more specific 'date' type validation as well as the intended 'required' class behaviour: <select class="select required omniture omniBlank(CE:To date missing) omniError(CE:To date incorrect )" name="cardExpiryMonth" id="expiryMonth"> <option value="">mm</option> <option value="01">01</option> ... <option value="12">12</option>
Accordian height animation problem
I'm having some kind of animation problem with my accordian. For one of the panels I have set a fixed height. This naturally changed the height of the other panels. So I changed the autoHeight property, but this seems to cause some animation problems. When I switch from the large panel to the other ones I get some bad jerky animation which seems to fly around the page until it settles. Any ideas how to fix this? In my .js file I have $(function(){ $("#accordion ").accordion({ autoHeight:
Desperate newbie needs a little help with GallerificPlus
I've downloaded script from: http://www.mattgifford.co.uk/downloads/gallerificPlusV0.4.zip and I just want to make it little simpler.. The thing is that I want to call lightbox straight from the thumbnail, not from the bigger image on the right.. Thats it! Please, I hope someone can help me with that, as I'm getting really desperate..
Superfish sub-menu help!
Hi, I'm trying to get my sub-menu to slide down UNDER the parent instead of to the right. Can this be done...how? Thanks so much!
Looking for a plug-in - div fade slide show/content fader + entire background
Hi guys, I'm fairly new to jQuery and I've been looking for a plug-in that will let me fade between different background images on my site, but at the same time have something to let the user control which image they are looking at in a kind of content display. If that doesn't make sense, I basically want something very similar to the homepage of this website: http://www.kitbag.com/ Although a simple 1, 2, 3, 4... etc buttons would be fine instead of the little content box. I thinking this would
Validate a subset of fields at a time
I have a form with a table of data that needs to be validated. There are approximately 490 cells that are all required and must be numeric. Yes, sadly enough, they are all required. When trying to validate in 1 pass, in IE I get a Long running script message, 3 times! which I am getting beat up about. In Chrome it's lightning fast, in FF it's slow but not as back as IE. How can I validate a sub-set of the table, if no errors, so another sub-set and so on until all is validate with no errors?
Next Page