check that at least 1 checkbox is checked using jQuery Validate plugin
I'm trying to ensure that at least one checkbox is selected. I'm using the query validate plugin. here is the checkbox html <!-- Checkbox --> <div class="control-group"> <label class="control-label" for="checkboxes">Checkboxes</label> <div class="controls"> <input type="checkbox" name="checkboxes[]" id='checkboxes' value="Students">Students<br> <input type="checkbox" name="checkboxes[]" id='checkboxes' value="Alumni">Alumni<br> <input type="checkbox" name="checkboxes[]" id='checkboxes'
Having a jquery problems with accordian.js
Hello all. I am building a site that is looking to have a lot of movement and action involved. I currently am using an accordion menu to handle the navigation. The navigation is housed within a sliding drop down panel. The accordion works perfectly on the homepage. Once you click a link and enter the site, accordion is no longer functioning upon the sliding open of the panel - instead all of the areas are expanded as though they have all been marked "active" in some way. This particular module was
Jquey Plugin and Library
Hi All, I am trying to develop Jquery Library. But i am not getting any help in the web. When i search for Jquery Library Development the help that i get is Jquey Plugin development but not Library. Is Jquery Library and Plugin development are same or to develop a library i have to use plugin development. Kindly help me ASAP. Thanks in advance.
[validation] Add classes to <label> depending on type of error
when an error is triggered, you get <label for="email_address" generated="true" class="error"></label> I would like the class to have additional classes based on the type of error, for example, class="error required" class="error email" etc. (i dont, in the case of the example, want to use the for="email_address", because the input name could change) I am currently using jQuery.extend(jQuery.validator.messages, { required: "", email: "",to have no text message and I'm using a bg img for the
Add "Customer not Found" to Autocomplete
I am using; $(function() { $( "#team_leader_name" ).autocomplete({ source: "autosuggest/client_names_json.php", select: function( event, ui ) { $( "#team_leader_contact_id" ).val( ui.item.value ); $( "#team_leader_name" ).val( ui.item.label ); return false; }, minLength: 2, }); }); to Return the names of some team leaders and return them to my form. However I want to add the
SVG Image Blurring/Flashing issue with Google Chrome Browser
Dear Friends, I'm stuck with blurring issue for secondary svg image inside primary svg response on every ajax call in google chrome browser only. - On ajax call,i'm getting svg content as ajax response - Inside that response i have primary svg image that contains svg image tag with xlink:href(source) presenting secondary svg image file. - I'm trying to append that svg response to html division tag.But this secondary svg image is displayed blurred with Google Chrome Browser only. I referred this
How to call upon a Google map?
I created a map and got it to show up on my main page by creating a div with an ID of "map_canvas". I want to put that same map on another page, but making another div with the same ID doesn't work. How do I do this?
Dynamic form validation problem using jquery.validate.js and jquery.metadata.js files
I have a form which is being generated based on a country selection by user. For every country there are some dynamic address format fields which I append into HTML using jQuery get call. Problem: Validation works perfect for the first loaded form but when I change the country and a new form is loaded then the validation does not get applied on the dynamically generated fields whereas it gets applied on the fields which are static on the page. I am using $ and Jquery for validation and jquery form
Multiple forms validation on single page : bassistance validate
http://bassistance.de/jquery-plugins/jquery-plugin-validation/ I have several forms on a page that need to be validated independantly (several products, each with options and a add to cart button) What I have come up with is this: <form method="post" action="" id="validateform_<?= $id ?>">and then, after the form: <script type="text/javascript"> jQuery("#validateform_<?=$id?>").validate(); </script> Which, after a quick check, seems to work. So, the questions
BlockUI centre aligned for horizontal and vertical
Hi everyone Anyone here know of a way to get the message from the BlockUI plugin to be properly centre aligned, both horizontally and vertically? Here's the CSS options available... http://www.malsup.com/jquery/block/#options The default left position is 35% which is making my message to appear slightly to the right of the page because I have increased the width from the default 30%. I've tried margin: '0px auto' in the CSS which is usually a trick of centre aligning a div block of a specific width.
My jQuery slider doesn't display when the website is live, but will display when I preview it locally?
I am using a plugin to display a slideshow effect on my homepage. When I preview the website locally, the slider displays perfectly. When I upload the site to the server, the slider does not display at all. I have tried using Nivo Slider and Skitter, both with the same results. I should also note that I have a lightbox plugin on another page that works perfectly on the live site, so I do not think it is a jQuery problem. Has anyone ever run into this problem? Any ideas what it might be?
Removing validation rules if user selects specific element
I'm having trouble figuring out the proper syntax for removing validation rules with the jQuery Validate plugin (by Jörn Zaefferer). I need to remove 3 validation rules in the event that the user selects a specific radio button (in this case specifying that they are male). I've tried inserting an If/Else statement as well as creating an onclick function, but I don't think I'm doing it properly because I can't seem to get either method to work properly. I've included the code that I've tried below.
tablesorter plugin, reset cache, clear cache
I have a table that is dynamically updated via ajax. I remove the rows from the table and add the new rows in html with javascript. Then I intialize tablesorter on it again, But tablesorter still has the old rows in cache so adding the new rows, I end up with double the rows in the table. How can I rest or clear the cache before re-initializing the the tablesorter?
recommendation for displaying narrative over information graphic
Would anyone have a recommendation for a jquery plugin that would allow a few paragraphs, section headings, italics, and pictures be displayed when hovering over an information graphic? For example: http://www.litmuslogic.com is an information graphic. In some cases the content may need a scrollbar. Also, the user should not be taken off the infographic web page. I was thinking tool tips or 'pop' but I am looking for your feedback...maybe a visual cue to "click here" or maybe a mouse over would
Tablesorter + Pager + Filter + remove / add row = Problem
Hi ! (First, scuse my english ^^) I'm working in a site to manager students (more or less, not very important) I've a table, working with the tablesorter plug in, with above it, the pager plug in, and the filter plug in Everything work well ! But when i try to delete or add (in fact, i didn't try with adding, but i suppose i'll have the same problem) a row in my table, i've some problemes :( I manage to remove the row, i've know 9 row in the current page (instead of 10), and the pager don't work
Cycle plugin and Lazy loading ?
Hello everybody, I am using the sweet cycle script for gallery purposes. In my case, i have triggered the hover ( "on" and "out" function ) to turn on or off the imageswitch. Ok well, all is working pretty well ... In my page, i have 100 imageswitch components with many thumbnails for each one. In my mind, i thought that each cycle component was lazily loading each thumb when calling the hover function. But, while analyzing the network data, i was stupefied that all of my thumbails (included hiddens
Jquery Validate Plugin
I'm a beginner with jquery. I'm using the latest jquery validate plugin. I have a simple grid with radio buttons. Everything is working correctly with the error message and the removal of the error message when a button is selected. I use an onclick in the <td> tag to select the radio button if the <td> is clicked. In this case, the error message is not removed. Only if I click the button itself. Here is a very basic example. Please help. <html> <head> <script src="jquery-latest.js"></script>
scrollable content in tabs
Please see: http://justinfranks.org/ Within the large blue "Test" tab content, I am trying to get the "Resume" tab content to scroll as my resume is too long for the amount of space provided. At worst I would like the tab to extend further down to show all of the content. Please help!! Thanks!! -Justin
cycle php and featured products
hello, i have a website that had an admin login panel that i can select which cars are featured by ticking a check box in the admin panel. at present, the featured cars are static, and if i have four cars featured, it looks untidy. cue the cycle plugin!! (if i new how to use it!!) heres my code : <?php session_start(); include_once "./admin/global.php"; if ( $sort ) { $ses_sort = $sort; } if ( empty($sort) && empty($ses_sort)) { $ses_sort = $site."_motor.title";
Validation plug-in: How to customize a minimum check of multiple inputs
I have a form where there can be 1 or many inputs (of the class ".amount-input") that all have to meet a minimum value. Depending on another input, the minimum might be zero (0) or it might be one (1). Plus, I'm using a numeric mask plug-in on my text boxes, so the numbers might have commas in them. This is why the built-in "min" validation won't work, because the comma is seen as invalid. Oddly enough, the "number" validation works fine if there's a comma. So, I'm trying to create a custom
jPlayer not work on mobile
plugin page: http://www.jplayer.org/demo page: http://goo.gl/lHPy3 Totally wok on desktop's browser, Chrome, Firefox, Safari, but not work on mobile's browser, neither Android chrome or iOS safari, anything wrong with the code?
Theme
themes not working ie but working in all remaining browsers.
Simple Animation then show menu
I would like to know how to scroll an image into the middle of the screen, pause (x seconsds) then slide out and another image appears in the top left corner and a navigation menu down the left side. When a navigation link is clicked from the menu, can I get the content a) to be displayed in another container on the right side of the screen (with scrollbars) b) or in another window. c) the link itself be underlined to indication which option is currently selected. Thanks Darryl
jCarousel buttons not showing
I'm sure this a simple fix but I just can't get the buttons to show. If it helps the plugin images are just in my images folder. Maybe the images should be in their own folder? I don't know any ideas?
Inline validation for special characters onchange()
I am using jQuery inline validation (https://github.com/posabsolute/jQuery-Validation-Engine) and it's awesome. I would like to have it validate after each character (onchange) for special characters. If one is typed, erase it, and pop up the validation message box. I haven't found anything searching. Has anyone already created this?
jQuery slideToggle doesn't animate
Hello, I've been using jQuery slideToggle for a project but it doesn't animate(slideDown/slideUp). It just shows/hides the element. I've tried setting a width to the element, using display:none; on the elements and hide the elements with .hide() Thanks in advance!
jcrawl.com: html scrapper as a javascript library
Hi, This is not really a plugin, so I am sorry for posting it here. Anyway this was the closest forum I found. I created a javascript library and web app based on jQuery for programmers and non programmers to be able to scrappe html data that is not exposed through RSS or webservices. My goal was to create an app to create the scrapping services that was as simple and visual as possible. Also that it could be used relying as least as possible on the server side. Therefore everything except for
Datepicker Question
Hello All, I was wondering how it would be possible to disable the next monday, when the day now is a friday. I can disable every monday, but I only want to disable one, when the day is friday and only the first monday, not every monday. I was using this, I am getting in the if loop, but it's not returning anything. minDate: new Date(y,m,fridayNotMonday), function fridayNotMonday() { var vdate = new Date(); var vday = vdate.getDay(); var vm = vdate.getMonth(), vd = vdate.getDate(), vy = vdate.getFullYear();
Masonary Image load problem
I load the masonary in my page. but loads only after All images Load. Images load Down Down. Once all Images loaded the masonry Works my page is contained of 200+ images please help me $(window).load(function() { $('#mainmason').masonry({ itemSelector: '.rows', isFitWidth: true, isResizable:true }); });
Newbie Cycle problem
I'm trying to figure out how to modify:http://jquery.malsup.com/cycle/ . Do I add the : $('#s1').cycle({ fx: 'zoom', easing: 'easeInBounce', delay: -4000 }); somewhere or do I modify the script somewhere? Also it says that I can modify the slide show by a metatag?
jQuery SVG: drag shapes & prevent overlap?
I've been using the SVG plugin from Keith Wood, which is awesome. I struggled with trying to implement raphael and other libraries until I found SVG and it's working very well. What I need now though is to make the drawn shapes (rectangles only) draggable. Also, I need to be able to prevent the user from drawing objects that overlap. Any ideas would be very much appreciated. Below is my code. It's mostly the standard SVG code for drawing rectangles, however, I've set it to snap to a 10x10 grid inside
Datatable is preventing an Addbutton to get fired
Hi!When putting the code bellow in my code,and try to click on the addButton,the add button is not get fired but when I am removing it and click on it the addButton is get fired.This is the code I am using to load data with datatable: if (typeof ($ProductTable) == "undefined") { $ProductTable = $("#tabledisplay").dataTable({ "sPaginationType": "full_numbers", "bAutoWidth": false, "sAjaxSource": 'Handler/ServiceHandler.ashx', "fnDrawCallback": function () { if
JQuery cycle not showing on post pages
Hi, I believe I am using the JQuery cycle plugin on my blog. I am not certain as the template I am using was a free template that I modified. I can't get the featured content slider to show up on my post pages. On my index page http://www.still-blushful.com you can see the content slider working perfectly (on the top of the page). But then on post pages it doesn't show up as you can see here: http://www.still-blushful.com/2012/10/giveaway-moth-tastic-with-macs-moth.html I can't figure out why. I
can't auto-scroll bootstrap js modal
I am using the modal from bootstrap js. I would like it to automatically scroll to a particular element within the modal but nothing I've tried works. I've been trying something like this: var pos = $('#myModal.elementClass').offset().top; $('#myModal').closest('body').scrollTop(pos);
jQuery Cycle - repeated numbers/bullets
Hello, I've run across an funny issue when using the Featured Posts widget for the Suffusion theme in Wordpress. The theme's author can't quite figure it out, either. This widget uses the jquery cycle plugin and the website with the issue is http://watsoncatholic.ca What happens is that the bullets (or numbers) at the bottom of the slider are doubled. The index (idx) goes from 0-4, and then this is repeated again. The code that calls the .cycle function is: $j('#<?php echo $widget_id;
Superfish does not work as expected..
Our former web developer used Superfish Plugin and jquery.hoeverIntent.js for the hover effect of our website menu. He also set up the default configuraitons for the Superfish below. However, the menu immediately responds to the mourse hover event even when the mouse is in the menu area very briefly. I want the hover effect only when the mouse stays on the menu area for a while... Where should I look at the cause of the problem? Could anybody point to me a direction? Thank you! ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
superfish menu open submenu
I am using the superfish menu, which works like a charm. There is just one option i can't seem to get working. I would like to open up a certain submenu externally (eg via calling menu.open(3) for opening up submenu 3) Is this possible or how should i get this working? TIA
Jquery Cycle Plugin Issue
Getting this error SCRIPT438: Object doesn't support property or method 'innerHeight' jquery.cycle.all.js, line 364 character 2 For a simple fade cycle. $(document).ready(function() { $('#image1').cycle({fx: 'fade' }); }); <div id='image1' style='height: 232px; width: 232px; margin: auto'><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/0.jpg' /><img style='float:left;width:108px;height:219px;' src='User/files/home_banner/1.jpg' /><img
help:JQM1.2.0 use jqm-DateBox image change line,JQM1.1.1 is normal. Why
help:JQM1.2.0 use jqm-DateBox image change line,JQM1.1.1 is normal. Why
Need Help For Galleria slider and LAVA lamp menu conflicting
Hi I need help basically i don't have much knowledge on j query programming i am using a lava lamp menu and with galleria twelve theme one of them will not work even i switch all script tags vice verse of lava lamp over galleria theme than also it is not working can somebody will help to work both of them here is the head code <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>index</title> <!-- lvalamp --> <script type="text/javascript"src="lavalamp/js/jquery-1.2.3.min.js"></script>
Next Page