How can I make ajaxForm work with the bassistance validation plugin?
I'm using ajaxForm to smooth help create a pleasant user experience for a simple contact form.http://jquery.malsup.com/form/ I'd also like to use this plugin, so I don't have to create complex validation rules. validation plugin http://docs.jquery.com/Plugins/Validation Trouble is, I can't figure out how to prevent form submission without first checking to see if the form is valid. My attempts so far have been based on using submit() to prevent submission of the form if validations valid() method
[validate] Form Validation Plugin and File Upload
Hi All! I have a form which I'm currently validating and processing using the validate() plugin. My issue is this - I have a form which includes a file input for upload of an image. I have tested the processing php independent of the .validate() plugin (by inputting the php file name directly into the action attribute of the form), and it works fine - image uploads and is renamed as intended. When using the validate plugin the upload appears to just not occur. I have added: ini_set('display_errors',1);to
How do I require a valid email address using malsup's validation plugin?
Hi guys. I'm using malsup's validation plugin: http://docs.jquery.com/Plugins/Validation I don't quiet understand how to require a valid email address to be entered into a particular field. There is documentation for what I wish to achieve here: http://docs.jquery.com/Plugins/Validation/Methods/email But I'm having trouble understanding it. For a start, I can't quiet tell from examining the demo how a particular field is required to have a valid email address. I can't tell how the script picks up
How to call a jQuery plugin function?
Hi, Can any one tell me how can I call the functions CallMe1 and CallMe2? I am only able to call CallMe3() ------------------myplugin.js------------------- (function($) { $.myplugin = function() { function CallMe1() { alert('Hello'); } $.myplugin.CallMe2 = function() { alert('Hi'); } } $.myplugin.CallMe3 = function() { alert('Hey'); } })(jQuery); -------------------------end-----------------
JQuery Pagination plugins
I've tried a number of pagination plugins, such as tablesorterPager, pajinate, SimplePager, etc, and with all of them got the same problem - if I'm removing some row from table (for example table rows are paginated at 5 rows on page), like a row #4 which is displayed on page one, then, after walking on pages, if Il return to the first page, there will be only four rows, or even - five, with restored deleted row (this is behavior of tablesorterPager), instead of correct repagination of rows. Also
JMyCarousel: Use Cookies to remember position when going to another HTML page
From page to page jmycarousel defaults to the start. is there a way to add a cookie to remember the position that the user just had? iframes and load() are no goes for SEO purposes. Thanks, Rich
Validator milk example, success fire on selected inputs
I am playing around with the milk example in the Validator plugin and would like the success event (that puts the tick in place) to fire only for selected inputs. I want to adapt the form for a login form, but putting a tick next to a username may imply that the user has entered a correct username, not simply one that conforms to the requirements (ie length). Is there a way to stop the success event firing for certain fields, or can I somehow adapt the DOM to stop the tick showing, but still allowing
Using another Image under the Sliding Door Effect with "jquery.easing"
Hi, I'am new to Jquery. I found the this Tutorial to make a sliding-door-effect. I would like to place some pictures in the explanation under the sliding-door-effect. Is that possible? I tried to place some <img> tags in the html, that doesn't work (I think because of the image above). Is there any way to solve this problem? Thanks a lot
hoverIntent vs prototype conflict
I am working on a mega menu using Ton Sonaka's Mega Dropdown Menu for a real estate website I am re-designing. Rough home page Draft here : Note links are not working as I am just working on look and feel. To make this as simple as possible some pages that produce properties for sale and lead management features are dished off to a 3rd party. My header, sidebar, and footer wrap around their content for certain parts of the website. They provide tools to handle this. The important part is that
Jquery Validation plugin problem
Hello guys, I have implemented the jquery validation in one of my projects. I have a <div> which has all the billing details & another <div> below it which has the shipping details. There is a checkbox in between these <div>'s which says "Same as Billing Address". It is used to populate all the shipping fields from the billing fields. Well, on this particular form there are some fields which are mandatory & which I have validated by jquery validation. I have used the $("#form_id").validate().form();
jQuery Cycle causing page jump?
Hi all, I believe I'm having an issue with the jQuery Cycle plugin. For the duration of the occurrence of a transition, the page appears to be "jumping" due to the fact that the site content is centered vertically and horizontally and the transition is making (inactive) scrollbars disappear entirely. I have not witnessed this personally in Safari/Firefox on Mac or Firefox/IE8 on Windows, but a colleague took a video of it happening on their machine with Firefox (Mac). Some see this problem, and others
Sortable, Using CSS content: counter problem..
I have 4 items that i'm using with the sortable plugins, for this explanation let's just use A, B, C & D as the 4 items. My problem is i'm trying to make them with a numerical list that will always be 1-4, so default it would be 1 - A 2 - B 3 - C 4 - D Now my problem is that when I go to sort/drag/drop 4 to 2 it uses 5(I guess as the clone?) until the item is actually dropped and then recovers back to 4. My question is, using either the placeholder/clone option can I get it to not go out of the
Anchor Slider and :target Selektor
Hi there! I got a litlle Problem with the following script of Cedric Dugas! Its working quite well but I want to highlight the element I scroll to. Normally i used the :target Selektor to do this but this is not working. So I added a class to the element, but after I clicked the second link both elements had the same class. Thats not what I want! How can I remove the class of the first element or is there any other way to use the :target selektor? Thanks: $(document).ready(function() { anchor.init()
regarding datepicker
I was just wondering if it's possible to set the default start date to the first available day in the month and the default end date to the last available day in the month?
hightlight dates in fullcalendar
Hi everyone, I just want to know if it's possible to highlight dates in fullcalendar. What I mean by this is, let's say I add an event for July 1st - 7th, I would like those dates highlighted yellow. Please let me know if this is possible to do. I appreciate all the help.
Cycle Plugin: Does the Horizontal Scroll feature have a visual bug?
I'm using the Cycle Plugin to have a slideshow scroll left and right. Everything is running smoothly except visually. It's a small but noticeable detail: when the slide scrolls left or right into its final position, there is a brief moment where the space to the right of the slideshow container peeks a bit of the slide out. You can see it in the attachment (Unfortunately, I coudn't snap these fast enough and had to video record it!).
Jquery superfish with high number of menu items
Hi, I have been running superfish menus on one our websites and they have been working fine. Lately, we have a need to more than double the number of main items on the menu. This would increase the length of the menu bar and hence it would wrap to lines. The only solution I could think of was to put the menu in a carousel. When I tried this the drop down stopped working and I can only see the main menu items. Has anyone come across a similar problem? Does someone have an alternative solution? I was
Error in jquery overlay
Hi all I am using jquery tools from http://flowplayer.org/tools/index.html. My basic requirement is to display a pop up when click on image button. so I am using the following <a href="${info}"><img src="/_layouts/Catalog/Images/info.jpeg" rel="#detail" ></a> $(function() { $("img[rel]").overlay(); }); The document is saying that the rel value will select the id value in the div tag and it overlays. The below is the html tags of my aspx page(This is the different aspx page where
JQuery Validation, visualization of error messages
Hi guys, I'm here to ask a quick (and i hope easy) question about how to customize the visualization of the error messages using the JQuery Validation plugin. I'm looking for something like this demo : http://jquery.bassistance.de/validate/demo/custom-methods-demo.html Pratically i want to put an image next to each field with errors (in the example the errorElement+css option is used), but then i want to place the list of the error messages in a separate div at the bottom of the page. How should
jQuery Datepicker element id not resolving
I am trying to attach a datepicker to an input box. I want to pass the name into the javascript as there are 20 date fields on the page. I am using apsx: <asp:TextBox onClick="DatePicker(this.id);return false;" ID="txtDateApplicationReceived" runat="server"></asp:TextBox> and have this javascript in the head: <script type="text/javascript"> function DatePicker(e) { $(e.toString()).datepick({ yearRange: '-65:+5', showTrigger: '#calImg' }); }; </script>
ajaxForm() plugin
Hi, I have a use case here: I have one main page with hundreds or even thousand of links. Each link will direct to a page with a form field called "summary". The user basically can input 1000 chars maximum summary for that page. The summary will be used on the main page: when the user hover the link, the summary will show up as a tooltip. The goal is: the user doesn't need to click into that page to know what that page is about. Now, there may be a performance issues involved here. If there are
JSizes plugin: max-height
Does anyone have a working example of the JSizes plugin where only the max-height of an element is being set? http://www.bramstein.com/projects/jsizes/ Thanks!
check overlap
Hi everyone, I have a start and stop time which I want to check if overlapping occurs. If it does, I want to throw a warning. How would I accomplish this?
Jquery.cycle.all.2.72.js returns cycleH and cycleW as 0 in IE8 when used - postition:absolute
Hi, I am using Jquery to cycle thru different pages. Recently introduced Z-index and position:absolute to layer the images. Since then on IE, the slide blacks out and shows up again. It works fine on Firefox and Chrome though. When debugged further, we figured with Z-index, cycleH and cycleW was set to Zero on IE8. IE team mentions this is root cause for the behavior we r seeing. Could someone suggest a workaround i could use to get around this. I am fine with hard coding cycleH (433) and
JQuery colorbox and jquery form validation
I am using colorbox to popup a form but i also need to validate that form, unfortunately when i open the colorbox no javascript is included, when i open that page javascript is availabe but not in colorbox, this is strange please someone help me i am really nervous with it from last two days.
superfish menu plugin and submenus always opened
Hi all, I'm using this jquery plugin: http://users.tpg.com.au/j_birch/plugins/superfish/#examples The "nav-bar style". I would like that submenus remains open until user pass mouse over another FIRST-item menu, like this site menu: http://lastampa.it/redazione/default.asp For now, if I move mouse out of menu, the sublevels disappears after few seconds. I saw that Superfish has these customizable function: onInit: function(){}, // callback function fires once Superfish is initialised – 'this' is the containing ul
creating custom behavior for beautytips jQuery tooltips
hi, i have an urgent requirement to create a tooltip with large content, i am using jquery ToolTips, but its being used for some other purpose, so i can't modify it for this requirement, so i found this beautytips plugin, i am able to create the tooltip, but the problem is that i have to control when the tooltip becomes visible and when it hides. i have tried some events but its not as per my requirement, I required the tooltip to show when there is a hover event over an element and to hide when
Zooming in a block of text
Hi, I'm looking to find a way of placing blocks of text (article extracts) on a page which would zoom in (to read more) when you hover over them. Anyone knows of any plugins that do that? Or point me to the right direction perhaps?? Many thanks!
Using jquery drag and drop over SSL brings IE 8 mixed content warning.
Hello, We are using the jquery droppable plugin on our portal. We have a situation when drag n drop brings in the IE 8 mixed content warning dialog. There is a AJAX load request which is fired when there is a drop. Does this plugin have support over SSL? Is there any way to fix this issue. I did use Fiddler, HTTPWatch Basic and also the FireFox Net tab and the AJAX requests are indeed https://. Any help would be much appreciated. Thanks. Preethi
Image slideshow/gallery specific
I've been searching for an image slideshow/gallery but I can't find a plugin that suits my taste. What I'm looking for is a scroll effect - not the fade-show effect. A next, previous, and pagination links is needed but I want them to be highly customize meaning I have total control where to add them. Has an option in the settings for auto-play. Here is a good example that I know. This one has now auto-play though: www.trybpo.com If you have a plugin that can do this task please let me know. Thank
Malsup - combining Corner and Cycle Plugin
Hi, Corner plugin and Cycle plugin works both on its own... But when I am using both together it does not.. Intended is: slideshow with Cycle, and the div containing the slides should have rounded corners using Corner. Question: How to make that work? Thanks, Rainer
Superfish navbar and vertical in same Joomla template
I have a Superfish navbar on the top and a Superfish vertical menue on the left. Each of them works properly alone. But when I active the vertical menue, the fly out behaviour overrules the navbar menue. I have then a popup menue on the top too, but I need the navbar behaviour there. Can I use two instances of Superfish in one template? How can I separate these behaviours? Here is the source code: jQuery.noConflict(); jQuery(function($){ $("ul.sf-menu").superfish({hoverClass:'sfHover', pathClass:'active',
Jquery Slider not Working IN Wordpress
Ok, In Wordpress 3.0 I have created a Jquery Slider from a template I found online. However once implemented and modified through CSS my Slider does not slide anymore through Toggle or click event. Here is my website. http://blog.septagonstudios.com/ Now I know I have heard of people saying two javascripts cant function on the same page but is there such a thing I can place in here for a no conflict event if so where would it be placed.
Using jQuery and Templating to Pull and Display Your Twitter Updates
I thought I would share a tutorial I wrote explaining how to use the new Microsoft Templating Plugin. Take a look and let me know your thoughts. http://ralphwhitbeck.com/2010/06/22/UsingJQueryAndTemplatingToPullAndDisplayYourTwitterUpdates.aspx Thanks!
Datepicker Select Week Range (Help)
Ok I have a customer that want to datapicker used to select a date range of a certain week. So if user selects tuesday on the calendar of a certain week. The first date should be set to that monday and the last date should be set to that friday of that week. We dont want the user to select from two different calendar popups, but rather have the first text field return that mondays date and the 2nd text field return that fridays date of that week. Can anyone please help me on this. I would greatly
jquery validation code not executing in IIS 5.0 using ASP.NET 2.0
Hi, I have an asp.net web application which includes jquery plugins and runs very well locally( ie using ASP.NET development server) but when deployed or published to IIS 5.0 the same is not working. Is there anything to do with jQuery not supporting IIS5.0 and ASP.NET 2.0. Regards SA
iGoogle like UI implementation
Hi, I have a request to implement iGoogle like UI features, specifically, the drag/drop module boxes, and configurable elements for each module box. Currently, I have existing module box with all the forms and elements (backend support for them too). But they are not drag and droppable, and not configurable. My questions are: 1. Do I need backend engineering involved in this implementation? my understanding is: it's pretty much front end UI work and backend already provided all the form elements,
[validate plugin] check exact value for radiobutton or checkbox
hi how can i check that the value of my checked radiobutton / checkbox (between two or more) is exactly the one i want? at the moment if i check a radiogroup the validation returns always the value of the first radiobutton / checkbox. If it's not clear i'll put up an example page. Thanx Vitto
Can someone help me with Scrollto and Prettyphoto plugins.
Hi there. I'm building my website based on Scrollto plugin. I added Pretty photo plugin for the portfolio page. As I'm new in Jquery, I can't make them work well together. I'd appreciate if someone can give me a quick help. Here is the link of my website. http://www.codsgn.com , click on WORK to see the portfolio plugin. Thank you, Coline
Question with AJAX and JQuery datepicker
Hi, I'm new to JQuery and playing around with it. I am using a JQuery datepicker on my site and its used for entering data into a MySQL database. I have php code which displays the data by day as the user inputs it, but I would like to replace this with AJAX. I found an example on the web but I have a question. <html> <head> <script type="text/javascript"> function showUser(str) { if (str=="") { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) {// code
Next Page