JQuery Cycle - multiple slides and captions
I have a slideshow displaying 3 slides at once (demo version here). I'd like to display a caption under each slide based on the alt tag. I have this working enough to where it's displaying the caption of the first slide in each set. I tried a few things to get the 2nd and 3rd captions displaying, but I'm at a loss. Any help is much appreciated! Code is below. <html> <head> <style type="text/css"> .slideshow { margin: 20px auto } .slideshow img { padding: 15px; border: 1px solid #ccc; background-color:
Error in IE using jquery cycle with fx: 'custom' with property "display"
Dear jquery-cycle-cracks I use the cycle plugin for diplaying som banner in a website. My idea was to move them one by one, from left-side in, leave a couple of seconds and then let them move out to the right side. That works fine wit one or more banners on Firefox, Opera, Safari but not on IE (V8). The IE always trows a Error: Zeile: 16 Fehler: Die display Eigenschaften wurden nicht gefunden. Ungültiges Argument. It happens with the followinghtmlcode as example(simplified): <div id="banner"> <div
validate-email with jquery-1.5.1
Could somebody give an example of how to display validation error message on the right side of the the HTML-element rather than on top or bottom ? Thaks very much in advance
Overscroll and starting position
Short Version : Is it possible to alter Overscroll somehow to make the element start scrolled 50% of the way along both the x and y axes? If so, how? Long version: For a current project, I'm using jquery and the Overscroll plugin (http://www.azoffdesign.com/plugins/js/overscroll) to allow a large table to be scrolled around, ultimately to produce a google maps kind of effect (ajax included, but I've got that part figured). What I'd ideally like is for the table to start positioned such that the center
Default easing options not working when using easing plug-in
When I use an easing plug-in, the default easing options "linear" and "swing" are no longer available.. when I try to use them, I get a javascript error from my jQuery file (jquery-1.5.2.min.js) saying "d.easing[j || k] is not a function". I've tried two different easing scripts (here and here), but same result with both. This is an issue as I would like some way to do a linear movement. This behavior happens in jQuery 1.5.2 as well as 1.5.1 and 1.4.4 and is an issue in all browsers I've tested in:
Save any image from the gallery
Good day! I use a plug-in LightBox. This plugin displays images from a gallery. Suppose a user views an image on my site. How to enable the user to save any image from the gallery.
jQuery Plugin for Eclipse 3.4 (or later) or Rational Application Developer 7.5..
I'm new in this so can someone please show me how to get jQuery plugin working in Eclipse 3.4 or iRAD 7.5? Thanks much! Govee
jQuery cycle plugin displaying images improperly
I'm having a problem with the cycle plugin randomly shrinking images as they cycle through the slide show. It doesn't happen all the time and it varies at what image during the slide show it happens. The image suddenly becomes small and distorted in the upper left corner of the div. When I refresh the page, the image returns to it's normal size and the slideshow continues and a few photos later a different photos shrinks. I refresh the page again and it goes back to normal. I've tried clearing my
Parallaxing bg image relative to parent container
I'm using this jquery plugin to create a background parallax effect. http://www.jsplugins.com/Scripts/Plugins/View/Jquery-Background-Parallax/ You can find a demo here that I've been playing with a little bit. http://204.250.154.51/dev/parallax/index.html I can get the plugin to work at a basic level no problem, scrolling the contents within an element parallaxes the background as it should. What I'm trying to figure out how to do, is the parallax the bg images for each of the 4 divs relative to
Validation plugin - regular expressions or condition
Hi, I´ve problem with Validation plugin... I´ve one select like this.. <select> <option value=1>-- Select one --</option> <option value=2>opt 1</option> <option value=3>opt 2</option> <option value=4>opt 3</option> </select>and I want to return false if there is chosen value == 1 (-- Select one --). Next problem is with the right phone number format.. I have a PHP regular expression, but I don´t know how to insert this regExp into JS. Thanks for all answers..
Validation and AjaxForm plugins are not working
Hi, I have developed a small form by using Validation and AjaxForm plug-ins. (Please refer my below code) <head> <script type="text/javascript" src="Scripts/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="Scripts/jquery.validate.min.js"></script> <script type="text/javascript" src="Scripts/jquery.form.js"></script> </head> <body> <script type="text/javascript"> $(document).ready(function() { $('#searchForm').ajaxForm({ beforeSubmit: function() {
jquery plugin jquery.media doesn't work
help! i use the plugin jquery.media in my page like: <!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" /> <title>flv test</title> </head> <body> <a class="media {width:250, height:250}" href="http://jquery.malsup.com/media/flash/curtain.flv">FLV File</a> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
kiketable_colsizable, resizing columns after width attribute applied to cell
I have successfully used this plug in to create draggable columns on a basic HTML table and with extra code suceeded in saving the new column widths to a database so that the next time the page is loaded, the table appears with the columns correctly resized. However, if the user subsequently tries to resize these columns the plug in no longer works properly. The "ghost" shadow resizes, but the table cells will not resize smaller than the current width that is applied to it. In a three column table,
Jquery TreeView Menu Plugin
Originated From: Link I have this one; <div id="kiri"> <!-- ordered ul started --> <ul id="menu" class="closed" >Management Setup <li id="supplier">Supplier</li> <li id="customer">Customer</li> <li id="staff">Staff</li> <li id="bank">Bank</li> <li id="stock">Stock</li>
FullCalendar delete event by drag and drop
This is my code so far: var isElemOverDiv = function(draggedItem, dropArea) { // Prep coords for our two elements var a = $(draggedItem).offset(); a.right = $(draggedItem).outerWidth() + a.left; a.bottom = $(draggedItem).outerHeight() + a.top; var b = $(dropArea).offset(); a.right = $(dropArea).outerWidth() + b.left; a.bottom = $(dropArea).outerHeight() + b.top; // Compare if (a.left >= b.left && a.top >= b.top && a.right <= b.right && a.bottom <= b.bottom) { return true; } return false; } eventDragStop:
jCrop, an unusual requirement, and strange behaviour
jQuery 1.4.4, jCrop 0.9.8 I'm trying to make it so that I can have sort of a "floating" aspect ratio, in that the final image width is fixed, but the height may be between 2 values. I also need to avoid increasing the size of the cropped image so I'm using the minSize option. I thought that I might try setting the maxSize depending on the current aspect ratio, although I'm unsure whether changing that value is possible on the fly. I've been trying to determine that but have been stalled on something
AJAX file upload in IE9
Hi all. I recently downloaded jQuery Form Plugin from http://jquery.malsup.com/form/ and started using it for ajax file upload in my Graphs application at http://www.flipcom.cz/graphs/. File upload works fine in FF, Chrome and Safari. It does NOT work in IE9 :-( It simply never reaches 'success:' within 'ajaxSubmit()' function. I found out something about XMLHttpRequests and iFrames, tried to adjust the code but with no luck. Any help greatly appreciated! Thx! BugsBunny
Problems with jquery ui plugins Dragable and Droppable in firefox 4
I have a problems with Draggable and Droppable plugins in fierefox 4, When I drag an item that does not stop and keeps moving with the mouse Thanks.
JQuery Validate and web services
Hi, I am using the Jörn Zaefferer Jquery Validate plugin, but I seem to be having issues when I try to call web services using JQuery on the same page. Instead of making a normal call to a web service : http://localhost/Services/CDServices.asmx/GetAllUserProfiles It does this : http://localhost/Services/CDServices.asmx/GetAllUserProfiles?callback=jQuery15109683126045224081_1302011466636 Is there any way to prevent this?
How do I validate cloned form field inputs
Hello all, I'm having a bit of an issue using Validator plugin on Form Elements that get cloned. At first, the form had a single "set" of numeric-input elements that had a distinct name and id. The fields were "low value" and "high value". Validating that the "low" value was a 'number' and less in value than the "high value" element was simple and straightforward (and worked). The requirements changed, driving the need for many 'levels' - so I changed the "name" attribute for each, to that of an
jQuery Cycle Plugin
Hi, I am a website developer (in the making...) and I have downloaded your plugin and have it up and running on one of my web pages. It has a lot of cool features, good job. But, in firefox, in the 'fade' mode, when the text fades out and the text in the next slide fades in, they conflict and produce a green colour, any ideas? (picture below). With the same settings, internet explorer displays the div in a block like display mode (on top of each other, again a picture will be below). With the same
IE UI Progress bar don't show up.. Instead page loads up silently..
Hi, I am newby to Jquery. I am trying to achieve image hover effect using jquery in asp.net like when mouse is hovered image changes to something showing highlighed and the other way. All the images are also link (<a>) in my case. The problem is when i click on the link, IE status bar is shown immidiately and gone and then the page loads up silently. User has no idea whats going on. Strange thing is if i dont remove the mouse from image then status bar is shown fine. Thanks in advance!!
jQuery FormWizard summarypage?
Hi, I'm a newbie with jQuery and I'm messing around with jQuery FormWizard. I'd like to have summary of form inputs (textfields and radiobuttons) in the last page before submit. There is a summary page option in formwizard, but it shows summary as a editable form. How do I get summary so, that it only shows field names and their inputs as a plain text, not as a form? Thanks
Dashboard plugin - add new widget error
Hi there, Has anyone successfully got this plugin working well with saving the current dashboard state on the server side? I added/set the 'stateChangeUrl' option, which works fine when moving the default widgets around. But when I click to add a new widget, I get the following error in my firebug console: dashboard.getWidget($(this).attr("id")) is null r+= (dashboard.getWidget($(this).attr("id"))).serialize(); I've pretty much got the dashboard set up as per the examples, with this code here for
jQuery Cycle - Exclude IE 6,7,8 from recognizing effects
1. How to use jQuery .support() perhaps to exclude Internet Explorer 6,7,8 from recognizing fade effects. I am fading content with transparent PNG files and it is creating black artifacts.
Jquery scope after ajaxForm
Hello everyone, I'm showing a form in a Simplemodal dialog in combination with ajaxForm() to redirect the resulting page to another DOM element. The success function of ajaxForm() closes the modal dialog. The resulting page in the other DOM element has no access to the jquery function $(). When I load a page using ajax into the DOM element there is no issue access the jquery function, this only happens when I redirect the resulting page from the ajaxForm() function. Could someone give a pointer on
jQuery validation plugin: treat validation errors as warnings and allow form submit
Hello, as the subject suggests, I am using the bassistance.de validation plugin (http://docs.jquery.com/Plugins/Validation/) and I would like to be able to submit the form even when there are validation errors. Basically, we only want to use the plug-in to warn the user of potential issues (please don't question the usability issues with this , I know). So, is there a way to do it easily or should I hack into the plugin code? Thanks in advance!
datatable - skip rows while sorting
Hello guys, I have a requirement like not to sort certain rows while performing column sorting... any idea would be really appreciated. Thanks
Jquery Validate Plugin: A confirm alert on submit
Hello, I am using the validate plugin to perform validations on a form. I would like to show a confirm message ( alert with ok and cancel ) upon submit and successful vaildation. I have tried the following but it does not work: $("#myForm").validate({ rules: { ---- --- }, showErrors: function(errorMap, errorList) { var errors = this.numberOfInvalids(); if (errors){ var message = errors == 1
jqModal - Problem Executing Multiple Triggers
Hello, Forum; I hope I'm in the right place. I'm trying to use a jqModal Pop-Up to show product images from a list of thumbnail images on a main page, running into difficulty getting multiple trigger events to execute. The first instance works fine, but subsequent instances show the same image in the pop-up as the first instance. I'm attaching the page code here, but it can also be seen at: http://www.digifolders.com/jqModal_prob.html. The page holds all the code elements required for the execution
Problem with jquery validate compare with MVC
I have a problem with the compare validator when running under Microsoft MVC3 and jquery 1.5.x I have two password fields that are validated to enforce the same response (password and re-type password). With jQuery 1.4.2 the compare validator works correctly, with jQuery 1.5.x the validator always fires. Unfortunately, I don't have a public server where I can demonstrate the problem, however, here is the source code for the two input elements: <input data-val="true" data-val-length="&#39;Password&#39;
Autocomplete events (.change) not firing
Hello. I am using the follow Autocomplete code on a textbox in my web page, and it is working well except for the events not firing. I've tried change, selected, and a few others with no success. Can anyone tell me what I'm missing? <script type="text/javascript"> $(document).ready(function () { $('#tbOrganization').autocomplete('@Url.Action("LookupOrgs", "Utilities")', { dataType: 'json', parse: function (data) { var rows = new Array(); for (var i = 0; i < data.length; i++) { rows[i]
multiple "collapsable <div>'s" in cookie
if($.cookie("panelState") == undefined) { $.cookie("panelState", "collapsed"); } var state = $.cookie("panelState"); if(state == "collapsed") { $(".toggle_container").hide(); } $("h2.trigger").click(function(){ if($.cookie("panelState") == "expanded") { $.cookie("panelState", "collapsed"); } else { $.cookie("panelState", "expanded"); } $(this).toggleClass("active").next().slideToggle("slow"); return false; //Prevent the browser jump to the link anchor }); }); Hello, I use jquery for hiding/collapsing
Validator, message boxes wont hide - how to remove?
Hiya, I have a complex web application that I'm struggling with. Here's one of my problems.. I have a main DIV and the content is loaded, depending on what the user selects. If the user selects the div that contains a form which I am validating using $("#myform").validator(); and it shows "please complete this mandatory field" against all appropriate fields. It works fine, but here's the problem, if the user decides to cancel and do something else, like click another menu option and load the main
jQuery.modal().close() ... ie9
Hello! When I try to close the iframe modal window (only in the ie9) asks for confirmation: The web page you are visiting is trying to close the tab … if you click yes, closes browser. Someone could solve this problem? Thank you!
Using jQuery tablesorter to sort all data from MYSQL
I want to sort all data at the same time in my mysql query results. how do I do it? [code] <?php require_once('auth.php'); require_once('../config.php'); ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/> <title>BTJ Finland Extranet</title> <link href="style.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="themes/blue/style.css" type="text/css"
Jquery Validation on link that have a "onclick function"
hi, this is my first post on jquery forum. i have a form, that send with a link, not with a classic submit button. jquery validation plugin work, but the problem is that the link have also a "onclick function". when i click the link "#carica", if the validation is OK, the form information are sended, but the "onclick" function doesn't work. this is the code: <form id="singularDemo" enctype="multipart/form-data"> <p>Immagine</p><div id="single"></div><br/> <p>Nome Prodotto</p> <input type="input"
Galleriffic Problems
I'm trying to get the jQuery gallerific plugin working at http://justrecip.es/ViewRecipes.aspx?recipeid=S9ML32WQO3&act=view . The gallery is loaded correctly, but neither the thumb grid nor the navigation (next/previous image) buttons work. There are no script errors, but it seems this is a JavaScript problem of some sort.
JQuery Histroy-js Need Help
I have some logic in the form which making my submit button #signup-bb disable=false and setting some values to #total-bb. So basically whats happens: after user choosing subscription plan and some options, submit button #signup-bb getting enabled and the price getting calculated and value assigned to #total-bb. Then when user clicking #total-bb he coming to another page. Then if user clicks browser history back button he coming to previous page with subscriptions but the state of this page is not
Validate Plugin: Message being displayed even for valid elements
Hello, I am calling a custom method to validate a date input element ( this element is an array ). Upon validation, a message is displayed against each date input element, even if the others are valid. If one date element is invalid, all other valid date elements too show the message. How do I make sure that the error message is displayed only for the invalid element? My form element is defined as such: <input name="order_date[ ]" size="10" type="text"> Here's the script: <script type="text/javascript">
Next Page