Validate Form - make drop down required based on radio button
Wondering the best way to set up a drop down box to be required if a radio button has been selected. On this form https://www.tmcc.edu/admissions/downloads/degree-and-emphasis-change/ near the bottom we have 4 radio buttons and 4 drop down boxes. Want to make the drop down be required if the radio button by it is picked. Any help would be greatly appreciated.
Need to replace JS alert with jquery popup.
Hi Im new to jquery and Im a bit lost, Ive been trying to replace a standard javascript alert with a jquery popup but nothing seems to work, Here is all the info for the popup: <!-- jQuery --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <!-- JNotify --> <link rel="stylesheet" type="text/css" href="jNotify.jquery.css" media="screen" /> <script type="text/javascript" src="jNotify.jquery.js"></script> <!-- JS to add --> <script type="text/javascript">
Any Plugins to create conditional Questionnaire using jQuery?
I would like to create a conditional Questionnaire using jQuery which will finally lead to an end result based on the choices made by the person answering the questions. Example : http://www.totalbeauty.com/content/quizzes/fragrance-quiz Can anyone tell me about a jQuery plug-in? Or can this be done using simple jQuery statements and conditions? Please guide me here.
Pagination in jqlistbox
I have two list box which have uses list and users can be added or deleted from both the lists. I need to support pagination. I have gone through the API and found that this cannot be achieved in jqlistbox.. is this correct? Any help in this regard???? If this is not feasible what are the possible alternatives. Regards
Superfish causing content jump (updated)
I added Superfish to a site I have, trying to make the drop down menus compatible with touch screen devices. The problem I'm having is when, with a mouse, you roll over the menu tabs that have submenus the section below jumps. This doesn't occur in the same page that doesn't have Superfish added to it. You can see what I mean by looking at this Superfish page and this same page without Superfish. The menu tabs About and Contact have submenus and as you roll your mouse across them, the area below
Remote validation test using valid()
I'm using MVC and jquery unobtrusive validation. I have a field that is marked for remote validation (via metadata in the C# class). I need to manually validate a form on the client (as I'm not submitting it, it's a form inside a modal popup). When I call code to validate the form: $.validator.unobtrusive.parse('#myform'); var isValid = $('#myform').valid(); 'isValid' returns true despite the remote validation being called and returning false. I can't find a tidy solution to wait for remote
Flexslider pagination
Hi all, I'm trying to customize the flex-control-paging that's dynamically created by Flexslider. Currently it's just filled with the amount of slides I have (eg. 1 2 3 4 5 6 7). Is it possible to change this to 1 2 3 ... 7? The Google-search I did didn't get me anywhere... Thanks in advance
Jquery Validate
Hi Team , Please let me know how to Validate a textbox field , Such that It Should Not Include a SPACE character between to characters?
How to increase the options in the menu?
In the main menu of my site I can not put more than 81 options . It 's normal? Having reached this number: 10 titles and 71 subtitles, Menu delete the other additions. How can I extend this function? Thank you.
rename not working jstree
I just downloaded the latest copy of jstree from the site and added the below html file to the package. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jsTree test</title> <!-- 2 load the theme CSS file --> <link rel="stylesheet" href="dist/themes/default/ style.min.css" /> </head> <body> <!-- 3 setup a container element --> <div id="jstree"> <!-- in this example the tree is populated from inline HTML --> <ul> <li class="node" >Root node 1 <ul>
customized spinner
Hello jqueriers, i am newbei here and I want to add a spinner in my jsp page. The spinner widgets i found in internet are nice but i need it with different layout as in the picture. the two placeholders in the picture would be one for the number and one for a label like "piece", "cartoon", etc. I appreciate your help. Regards, Mokhtar
Is there a scrollbar with events in jquery (or ajax, or anywhere)?
Is there such a thing as a stand-along scroll bar where you can set a max and a min and drag a thumb and have it fire events so you know where it is? Thanks,
how to create a checkbox tree with checkbox only at leaf nodes
According to **jstree** all the nodes includes parent and childnodes will have the checkbox next to it by default. jstree but i want something like this.easyui where there are options for cascade and leaf node check. A sample has been given below. <div id="jstree"> <!-- in this example the tree is populated from inline HTML --> <ul> <li class="node" >Root node 1 <ul> <li id="child_node_1">Child node 1</li> <li>Child node 2</li>
jQuery Rondell Scroller and jQuery UI Dialog don't play nice (z-index)
Hello all, I have a Rondell jQuery scroller plugin and wish to use a number of jQuery UI dialog widgets on the same set of pages with the scrollers. However, the z-index of the dialog widget cannot be set to what I need, i.e. on top of everything, no matter what I have tried. The modal only partly works in that the Rondell scroller also appears above the greyed-out page and above the dialog as well. I have searched through the jQuery UI site, tried the options from the docs and from user suggestions
AJAX Form plugin - wait for event
I'm using the AJAX form plugin from http://malsup.com/jquery/form/ and I was trying to do some image pre-processing in the beforeSubmit function, but since the image processor relies on FileReader.onload, which is asynchronous, the form attempts to submit before the processing is complete. If I simply return false in beforeSubmit, I can't seem to see how to later continue the submission from the onload callback, although I may well be missing something obvious. Any suggestions?
Error using PlugIn printThis
Hello everyone I'm trying the contents of a JQuery dialog to print. I put this one the JQuery plugin print this. JQuery Version: 1.9.1 JQueryUI Version: 1.9.2 The content of the dialogue is an image which is larger than the dialogue is therefore a vertical scrollbar visible. In Firefox everything is OK, but I get the following error message in IE9. Error calling scrollable.onBeforeSeek: TypeError: Permission denied. I hope someone can help me. Thanx Talki
How to send a form using Ajax and jQuery Validation?
Hi I'm using the jQuery Validation plugin. When I press the submit button, I get forwarded to my php file which is included to the action attribute. I just want all the data get sent to my email without to jump to the php file. So how would use Ajax on this plugin?
Older jQuery plugin not yet working with newer WordPress site
I have an older jQuery plugin that works fine in a basic HTML web page, but not very well when I try to bring it into a WordPress page that's probably using a newer version of jQuery. In particular, my WordPress site (version 3.7.1) is making use of a newer jQuery library, while the plugin is based on an older jquery-1.6.2.js library. In the functions.php file of my site I've tried using the following code to bring a.) the necessary CSS, b.) the 1.6.2 javascript library, and c.) the plugin's javascript
Accordion not working well when i save the code
Hello guys, I want to use the accordion to my website http://www.kampungosing.com/p/rooms.html I already insert all the code, and i preview the result was fine. The problem came when i already save the code, it was not showed up as the preview result. Any advice in order to make it working normally? or is it any relate to the browser i use ? i use chrome anyway Cheers Ganda
button inside jquery blockui on usercontrol ie. ascx
Hi, i am trying to implement somewhat similar to the first example on this linkhttp://malsup.com/jquery/block/#demos can anyone help me to capture server side event of "submit" button? Please note i am implementing this on usercontrol ie. ascx page Thanks in advance.
What kind of jquery plugin this is using ?
Hi, I am looking to build something similar ,but in wordpress{as a custom page}, so i was wondering what kind of plugin can create this interface, Here is the reference site of the interface i am looking to build, http://www.knotstandard.com/shirts/classic-white-oxford-shirt/ The part where it has options like,overview,cut,monogram, etc. Thanks alot
jQuery validation plugin - localhost URL
I'm using the jQuery validation plugin on my application and it works great. I ran into a problem, however, where a valid input for a URL field is something like "http://localhost:777/api/". When I apply the url rule for this field, it breaks. What would be the best way to handle this?
How to Scroll to an Element, which was animated with .switchClass?
I got a rather annoying Problem: On my Website, there are some covers of CDs. I'm able to enlarge the covers via jQuery.switchClass. Now I'd like to jump to the enlarged cover. But I don't get how. Here's the Link to the Website: http://53333805.swh.strato-hosting.eu/reinhold/alt_2/disko.php Here's the code: <script> $(function() { $("a.cd").click(function(event) { $( ".cd-klein" ).switchClass( "cd-klein", "cd-gross", 1200, "easeInOutQuint" ); $( ".cd-beschreibung"
Issue with Column Selector widget
Hello, I found a column selector widget that works exactly the way I want, but I'm having some trouble with implementation. Here is the widget: http://jsfiddle.net/3pS6v/5/ The little column button that pops up with the selector is what I'm trying to adjust. The table has an existing toolbar with an icon, and when users click the icon I want it to come up with the column selection list. However, it's not doing that for some reason. If I put the button in a div elsewhere though, it works fine.
cycle plugin in Infobox
Hi All, I am creating an google map page with some address markers in wordpress. I have added infobox for addres with some images to be shown in each infobox. Each marker's infobox can have its own image set i.e marker1 can show image1, image2 in infobox and marker2 can show image3, image4 and image5. here image[1-5] are just reference of an actual image. Now I wanted to have the cycle plugin effect for each infobox but the cycle plugin is not working for infobox. On outside infobox(and map) the
Messi plugin doesn't work on IE 8
I am using this plugin called Messi (http://marcosesperon.es/apps/messi) that uses jquery, anyway, the problem is that it is not working on IE 8 or earlier versions. Can anyone know why? Thanks
Using maxSize not working in Jcrop
Hi guys, I hope you can help me out with a problem with JCrop. In my scenario, images are loading dynamically and each have different dimensional size. One thing common in each image is that the width of the image will not less 1440px and height is not less than 400px. I want to give user an option to crop the images but the i want that the crop selection box size must be same and it will be => height:400px & width:1440px.. I have used the following code, but the maxSize is not working. $(function(){
jquery validation dom elements properties
Hi! I have some span elements with diferent error messages. They are with display:none style, and I would like to change this property to "inline" instead of showing an error message. this are my rules $().ready(function() { // validate signup form on keyup and submit $("#form").validate({ rules: { telephone: { required: true, minlength: 9, maxlength: 9, number: true }, email: { required: true, email: true } }, messages: { telephone: { required:
A question about ajaxSubmit
Hello; I use AjaxSubmit to upload photos before the user submits the form. So when a user selects a photo, the script submits the form in a div. The form id is #template_form. The issue is I "also" have a submit button in the form that I want it to submit the form normally without anything to do with Ajax. So when users click on submit, it takes them to the next page. My problem now is the form gets submitted in the div no matter what (even when submit button is pressed).This is the script below.
problem with using slider with jquery
when i'm using: $('#slides').slidesjs({ width: 1000, height: 480, start: 1, play: { active: true, // [boolean] Generate the play and stop buttons. // You cannot use your own buttons. Sorry. effect: "fade", // [string] Can be either "slide" or "fade". interval: 4000, // [number] Time spent on each slide in milliseconds.
Responsive carousel
Hi, i need for a responsive carousel slider which will start from the middle not from the first item and it must scroll on hover and it must show example on desktop three full elements and two half width element like in img https://f.cloud.github.com/assets/1840313/1896067/00cf2b4c-7b7b-11e3-8634-388ef836e1dc.jpg Thnx :)
Uncaught ReferenceError: $ is not defined
I want to use 2 Jquery for my website but i have got this error so can you suggest me what i will do. My code is : <!doctype html> <html lang="en"> <head> <title>Dynamic Shadow</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" href="css/style.css" media="all" /> <link type="text/css" rel="stylesheet" href="css/style1.css" media="all" /> <script type="text/javascript" src="js/script.js"></script>
Ion.ImageSlider.js query twice in 2 page slider
Hello all i am new to this Jquery, i downloaded the Image slider (lightbox) "ion.imageSlider.js" having hard time running thsis query in my 5 page content slider. here is the Code. please help. thanks <li id="slide1"> <div id="address"> <img src="images/address.png" width="300" height="119" alt="address"> </div>
Tooltip not working when span tag inside link
Hello, I'm currently using this markup to style up links with an icon: <div id="printScreen" class="glyphicon glyphicon-print pull-right "><a href="#print" title="Print"><span>Print</span></a></div> I use the span tag within the link so I can hide the text using display none. Problem with this is, I cannot get the tooltip to work using : var tooltips = $("[title]").tooltip(); Can anyone please tell me how I can get the tooltips to fire up using my markup above? Many thanks
Looking for plugin like this
Hi, I'm looking for plugin that looks like this: link Its slider with menu on right. I dont know if there is free plugin like this or i have to make one. Thanks for replies. M.
tablesorter makes too many rows when changing table contents with ajax (but only if sorting settings!?)
When I re-use tablesorter() in my ajax done() function, I get a table that seems to have each row doubled from original and weirdly sorted. Note1: My Ajax replaces the inside of the table; this is everything but the table start and end tag Note2: This does NOT happen when I leave out initial sorting order. Note3: It's the same with trigger("update") and so on.. Please help. Thank you. $(function() { $("#games").tablesorter({sortList: [[8,0]]}) }); $(function() { //this on-way (=delegated
Doesn't wanna run plugin on dynamically added content
Hi, I'm trying to use the SlidesJS plugin on a mobile app I'm working on. When I statically have the images in the page, it loads fine. However, I need to have the images loaded dynamically (along with the other data, related to the listing). At the moment I have the following HTML: <div id="slides-wrapper"> </div> Then the following JS, which grabs the JSON and adds in the related HTML: $.getJSON("http://www.site.com/cgi-bin/links/ajax_mobi.cgi",{ action: 'load_link_detailed',
How to add hyperlinks to images in prettyPhoto
I have some code which rotates some images: <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $("[rel^='prettyPhoto']").prettyPhoto({ animationSpeed: 'slow', slideshow: 5000, timeout: 2000 }); api_images = ['image1.jpg','image2.jpg']; api_titles = ['','']; api_descriptions = ['',''] $.prettyPhoto.open(api_images,api_titles,api_descriptions); }); </script> This works fine but how could i add hyperlinks to each image so when clicked it takes them to a specific location?
Tablesorter: €/decimal/thousands sorting problem
Hi there, After trying any related custom parser I could find without success (<th class="{sorter: 'digit'}">...</th> doesn't work either) I really hope someone here can help me. I use the tablesorter plugin for a HTML table and one column with price vslues (€) just doesn't sort in the correct order. The default order is this 6.990 € 18.910 € 20.240 € ... € 68.440 € but sorting results in this (sort down) 18.910 € 20.240 € ... € 39.990 € 6.990 € 68.440 € or this (sort up) 68.440 € 6.990 € 39.990
CSS BlockUI
On BlockUI can i pass the CSS as parameter instead? This is the normal : $.blockUI({css: { border: 'none', padding: '5px', backgroundColor: '#000', '-webkit-border-radius': '5px', '-moz-border-radius': '5px', opacity: .5, color: '#fff' }, message: "Loading..."}); I created the class in CSS file : .blockui { border: none; padding: 5px; background-color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; opacity: .5; color: #fff; } and I what to pass to block using
Next Page