Using noty plugin (confirm type) with an if statement.
I have a Javascript function that receives one variable, which has two possible values: BT or PP. It calls the JQuery noty plugin and creates a confirmation popup box, but it only works partially. If the passed in variable is BT, everything works as expected. But if the passed in variable is PP, the popup box only displays a portion of the whole box, and then it disappears before the user can click a button to make a selection. The code is below. Any help in figuring this out is greatly appreciated!!
Password Strength plugin
I downloaded the password validation plugin from http://bassistance.de/jquery-plugins/jquery-plugin-password-validation/ to show password strength. It seems to work fine in the demo but doesn't show the password-meter-bar (or anything else) when using jquery-1.8.2.js and jquery.validate.js (v1.13.1). Is this a compatibility issue or could I be doing something wrong? thanks.
bassistance.de validate plugin. Error messages not showing
I am trying this validate plugin for the first time using a tutorial from 'jQuery for Designers' by Natalie Maclees. I have now got a test form with a custom error message held in a <label> tag but it does not seem to be working. I am only getting the default message of 'This field is required'. Can any one see where I am going wrong. Below is the top part of the page showing the first fieldset of the form with a custom error message for the username field. <title>Test Form</title> <style> form
jCarouselLite: Pause Scrolling on hover
I'm using jCarouselLite and everythig is working fine. However I want that the auto scrolling paused once I hover over the carousel. The jCarouselLite doco is saying that I can use this: $('div.carousel').trigger('pauseCarousel') But I don't understand much about jQuery. How can I implement that pause function in the following code?: <script> jQuery(function() { jQuery(".carousel").jCarouselLite({ auto: 3000, speed: 1000, visible: 1,
http://plugins.jquery.com/postreceive-hook 502 error
Hi guys. I can't send web hook from github, url http://plugins.jquery.com/postreceive-hook always returns 502 error.
Use of IscrollView on Windows Mobile - Sticky, non responsive scrolling
HI, I have implemented iscrollview into my project. Works fine everywhere: desktop, ipad, mobile S4, iPhone S4, but not on Win8 mobile. If willing to help, can you have a look at www.networkshopping.com. All html is in the page itself, so no dynamic loading. Iscrollview is definitely working (you can see the scrollbar ..). If desired I can upload a video of the problem. Thank you .. Steve
filter() Jquery
function unveil() { var inview = images.filter(function() { var $e = $(this); if ($e.is(":hidden")) return; var wt = $w.scrollTop(), wb = wt + $w.height(), et = $e.offset().top, eb = et + $e.height(); return eb >= wt - th && et <= wb + th; }); did't quite understand the usage of filter on the 2nd line . is it the Jquery filter function() ?? if it is , the filter function 1st take s a 'creteria' which i don't see
Defining icons in the contextMenu plugin
So far, I was able to create a contextMenu that binds to a right mouse cilck by including the javascript in a html file: var Feature = { register_contextMenu : function(){ $.contextMenu({ selector: '*', items: { "item_one" : {name: "Item_one", icon: "./path1"}, "item_two" : {name: "item_two", icon: "./path2") } }); } $(document).ready(Feature.register_contextMenu) How would one go about displaying icons alongside
jqprint is not working in IE10 with JQuery1.11.1 version
I took following files from JQuery for my application development for printing content from <DIV> tag. 1. jquery-1.11.1.js 2. jquery-migrate-1.2.1.min.js 3. jqprint.0.3.js I could able to print content of <DIV> tag in "FireFox", "Google Chrome" browsers. But I could not able to print content of <DIV> tag in IE10 and IE8 with "JQPRINT" with "JQuery1.11.1". Recently, I moved from JQuery1.8.1 to JQuery1.11.1. "JQPRINT" option is working fine in all browsers with JQuery1.8.1. version. But "JQPRINT"
2 jquery plugins on one html page
Greetings - Very little jquery experience. Trying to use two different jquery plugins on the same page (labeled 'Slider' + 'Carousel'). They work fine individually, but not together. Can you take a look at the code and/or test link below, and let me know how to resolve. Thanks. Test Link <!-- Slider --> <script type="text/javascript"> $(document).ready(function() { var slider = $('#slider').leanSlider({ directionNav: '#slider-direction-nav', controlNav: '#slider-control-nav'
Using datepicker's onClose or onSelect method to populate an alternative field with a different date format
I have a page used for scheduling that requires multiple date fields. The owner wants the dates to be displayed in the M-dd format. The database needs the date to be in the yy-mm-dd format. I have a hidden field to receive the database formatted date, but I'm not getting how to make datepicker populate the hidden altField that ties to the displayed date field. My confusion lies in that I haven't been able to figure out how to pull an attribute value from the displayed date field, and use that value
Select2 Tags Not working in jQuery Model Dialog
I am Using Select2 for Tags in jQuery Model Dialog. While Clicking on Select2 its showing suggestion results below. While loosing focus from the Select2 suggestion results are not getting cleared. Please help me on this. Thanks in Advance.
bValidator validate US Phone number
I am trying to validate a US phone number with bValidator. It needs to be such as (111) 111-1111. I believe you can use regex but I am not sure how to put it in. I think the regex for it would be: "reg:{{(?:(?:(\s*(?([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9])\s*)|([2-9]1[02-9]|[2-9][02-8]1|[2-9][02-8][02-9])))?\s*(?:[.-]\s*)?)([2-9]1[02-9]|[2-9][02-9]1|[2-9][02-9]{2})\s*(?:[.-]\s*)?([0-9]{4})}}" Does anyone know how I would do this with bValidator? Any help would be appreciated. Thanks!
Jquery Cycle 2 cycle-next and cycle-prev firing twice
Hi all, I have a simple cycle 2 (version: 2.1.5 build: 20140415) slideshow that for whatever reason the next and prev functions are firing twice on a single click: <ul id="hero" class="cycle-slideshow" data-cycle-slides="> li" data-cycle-prev="#slide-back" data-cycle-next="#slide-next" data-cycle-swipe=true data-cycle-swipe-fx=scrollHorz data-cycle-fx=fade > Console: https://www.dropbox.com/s/8bt5z0uqqz8wzln/Screenshot 2014-10-30 14.05.44.png?dl=0 I've used this method on another site exactly
textextjs plugin
Hi, I want to convert a regular textbox on my site (can give url on request) to a textbox which automatically suggests ingredients using tags, using this plugin : http://textextjs.com/ As I am new to jquery, I am having trouble configuring it on my site. The how to use steps on http://textextjs.com/ say 1.Specify which plugins you need via the plugins option 2.Configure each plugin individually if necessary 3.Enjoy! But it's a bit more complex than that for a newbie like me though isn't it ! I
superfish menu
Hi, Am using Superfish.js and i need the menu to be triggred from the right side by pushing the content to left as available in the http://mmenu.frebsite.nl/ side. I need the same implementation with superfish for mobile and tablet devices. desktop will have the normal UI as in the superfish. http://jsfiddle.net/nH5Rj/
JQUERY Flicker to Top
Hi ... help desperately needed,, I am confronted with the problem -after some serious time in development using jquery mobile- that on $.mobile.changepage the changing page (if scrolled down on change time) first scrolls to the top before changing. This produces a very irritating (unacceptable) user experience. Apparently this is standard JQ behaviour. Why this has not been addressed (it is a known problem) is a mystery to me. If I do not get this fixed, I am ditching JQ altogether, with months
validation plugin regex
hey guys im wondering how you would add a regex pattern to a field with jquery's validation plugin please? also ive addded eqaul to conditions to my validation...is there a way to add a message if not equal also? thank you...my working code is below $(function() { $("#register-form").validate({ rules: { username: "required", first_name: "required", surname: "required", email_address: { required:
Retrieving data from a handsontable
Hi All! I am trying to learn how to use the handsontable from the demos and I am having the devil's time of it. I can get the table to display, I can put data into but I cannot, for the life of me, figure out how to retrieve the data. For NOW, the intent is to retrieve the data, put it in a hidden <INPUT> so I can submit it via POST. This will change to ajax at some point. Here's what I have so far. First, here's the HTML: <div class="handsontable" id="example"></div> <input type="button" name="submit"
validation plugin help
hey guys im tring to use the jquery validation plugin at http://jqueryvalidation.org/ ive inlcuded the scripts in my head <script src="media/js/plugins/validate/jquery.validate.min.js"></script>
<script src="media/js/plugins/validate/additional-methods.min.js"></script> and configued the validation but im not getting nothing when i submit here is my code: http://jsfiddle.net/0xL3pxwc/ any help on where im going wrong would be greatly appreciated...thank you
specifying a proper path name for a plugin or a UI...
Ever since I started reading up about doing Plugins and UIs, I'm having some issues with my browsers apparently not accessing the ".css" & ".js" files as needed. Here is some sample HTML code I made ... <head> <meta charset="utf-8"> <title>jQuery UI</title> <style type="text/css"> .cool { width: 300px; height: 50px; border: 1px solid #000; } .cooler { background-color: #CCC; border: 5px solid #444; width: 500px; height: 200px; } </style> <link rel="stylesheet" type="text/css" href="../jQuery
Superfish Last Child Menu Item Does Not Work in IE or Firefox
Hello, My church's web site (http://www.peacewelssp.org) is using the Superfish menu. All of the child menu items work fine in Chrome. In Internet Explorer and Firefox, though, the last menu item for each child menu does not work at all. Has anyone seen this happen before? I'm happy to share code as needed.
question chart
do you have a reference on an interactive chart with jquery free
UI slider; range with min and max
I've a UI slider which includes a range. It's like: http://jsfiddle.net/5nc60d7p/ But I want to include a startvalue to max so that it's clear that it's a range. I can't add a max at this moment because of the max: sliderAmountMap.length-1, How can I do this?
trying to make jquery validate plugin to work
I am trying to make the jquery validate plugin to work in jsfiddle environment. Despite I have set it correctly on localhost....in the web app I am making,I cannot understand why it does not work in jsfiddle. Here is the fiddle.
flexsider doesn't work(flexsider is not a function)
Hi. I need a help with flexsider.I was following instructions step by step on woothemes.com/flexsider/. I am sure that all the paths are right, but the console says that flexsider is not a function. Does anyone know where's the problem? Thanks.
I need jqgrid to refresh the entire page, not just the grid
I need jqgrid to refresh the entire page, not just the grid I have a jqgrid that displays the job details of auto repairs. Right now, I have the grid reloading using the following script and I need to change it so that it refreshes the entire page so that the subtotal and total fields (that sit outside of the grid) update. Here is my relevant code, any help would be greatly appreciated: var editOptions = { keys: true, successfunc: function () { var $self = $(this);
Jquery sticky navigation stopping front end images from displaying in Joomla
Hello, I have tried several forums regarding this issue, including joomla's but no one seems to have an answer. Here is my problem. I have a Joomla site with some custom Jquery which sticks the navigation to the top of the screen and keeps it there when I scroll down the screen. This script originally reduced the logo and navigation as I scrolled down the site, however I changed the script to remain a static size as I scrolled, now it is conflicting with all my images on the front end of my site
Flag System for Images?
For example: The images are printed on screen inside of a div. The user clicks the "flag button" and then chooses multiple images, which then may get stored inside an array. The user then clicks the "submit" button, this then may get submitted through the POST method. I was wondering if there is a plugin for this I could be using. If I may have to program this myself, where can I start with this, what may I need for this? I would appreciate the suggestions a lot. EDIT: You may want to recommend a
Html2canvas not supporting in IE9 and IE 10
Hi, I want to capture a particular div as an image and assign to textbox. I have used html2canvas. It works fine in Firefox, chrome and I.E11. But the code doesnot work in I.E 9 and I.E 10. <script src="Scripts/html2canvas.js" type="text/javascript"></script> <script type="text/javascript" src="Scripts/jquery.plugin.html2canvas.js"></script> <script> function capture() { ////////alert(1); $('#d1').html2canvas({ onrendered: function (canvas) {
Customize of the Slick Carousel
Hello, i'm using "Slick Carousel" in my site and he is wonderfull, BUT the autoplay have a little stop between the slides, and i need to make he run fluid, with no stop. Here the config i'm using: $(document).ready(function(){ $('#seguradoras').slick({ slidesToShow: 8, slidesToScroll: 1, autoplay: true, autoplaySpeed: 0, speed: 500, lazyLoad: 'ondemand', }); }); And here is
Lightbox inside Accordion
I have an inline lightbox that I have placed inside a jquery accordion. For some reason, when I click to open the lightbox, the accordion closes automatically (I'm sure the lightbox is removing the "active" class from the accordion tab) Any suggestions on how to get the lightbox not to do this and just appear over the open accordion tab? Thanks! Here's the page: http://www.wiu.edu/student_services/housing/apply_for_housing/index.php
How to show time format from 00:00 to 24:00 for day view/week view at Jquery FullCalendar
In Jquery Full Calendar getting some issues showing time format at day view and week view. I am unable to show time format 00:00 to 24:00 in day view and week view, all the time getting 00:00 to 23:00 whereas it is actually 00:00 to 24:00 . I used code below to show time format (00:00 - 24:00): ( defaultView: 'month', header: { left: 'title', center: '', right: 'prev,next,month,weekList,agendaDay' }, axisFormat: 'HH:mm', timeFormat: 'HH:mm{ - HH:mm}', minTime: 0, maxTime: 24,
Nesting a jquery slide cycle with controls
Now that I got my jquery slider up and running I am trying to nest it into my content div on the page I am building. But I put it into the content <div> it does go exactly where I want it to but the comtrols are way out of the <div to the top right of the screen... This site is a work in progress but I just want the Slider to be in the middle of the page under the nav bar and in between thne side bars... How is this done? Thanks for any help. I am just glad I got the slider working now I need to
Flex Slider and Layering images
This is not so much an issue as a question of "is this possible"? Using ver 2.1 of flex slider. Would like to have the images slide BEHIND a foreground image - it is a picture frame where the area that would show the flexslider slide (like a picture of The Mona Lisa :-) is transparent. Would like the slides, to slide behind the foreground image, without sliding over the side of the picture frame. I assume some sort of z-order magic could be employed, but not familiar enough with the flexslider code
The Magnific Popup Plugin Does Not Stick to the Child Items?
For Example: Thread ID: 35 <h1>Title</h1> <p>Caption</p> <div class='parent-container'> 1. <img src=""/> 2. <img src=""/> 3. <img src=""/> </div> Thread ID: 36 <h1>Title</h1> <p>Caption</p> <div class='parent-container'> 1. <img src=""/> 2. <img src=""/> </div> It shows "1 of 5", "2 of 5", etc. I have used the following for Magnific Popup: $('.parent-container').magnificPopup({ delegate: 'a', // child items selector, by clicking on it popup will open type: 'image', gallery:{enabled:true}
GoMap Plugin Json Problem
Hello everyone I'm using goMap plugin.I wanna retrieve data from my json file but when I'm trying I can't see map or anything. I read this topic but it doesn't work and i can't find my problem. I'm sending my jSon file and script Thanks in advance i really appreciate all the help My Json File { "MyMarkers": [ { "latitude" : "40.739228", "longitude" : "30.097307", "group" : "airport", "icon" : "images/marker-airport.png" }, { "latitude" : "40.763301", "longitude" : "29.927779", "group" : "restaurant",
The jQuery Plugin Registry is in read-only mode.
Hi, Since last weekend I've seen the following message on the jQuery Plugin Registry page, The jQuery Plugin Registry is in read-only mode. New plugin releases will not be processed. I want to publish my plugin via a Service Hook on GitHub, but I haven't been able to because of this message. Anyone know when the registry will become available again? Regards,
jquery validate plugin in combination with other plugin
One plugin I use for input in select boxes is this ...and more specifically I currently use the multiple select feature. The validate plugin works only with form. My aim is to test if the user has entered a value in the select box and if not present a message to him....something the validate plugin can do of course...but only for forms. So...I want to ask what are my alternatives in a case like the above. Currently I just present an alert box to the user by using this type of code: if ($.trim((this.$('#name').val()))==='')
two draggable on single page not working
see below link http://liveweave.com/qddUaX problem with two draggable on single page , last one works, i want to drag images from two areas on both side to one common canvas,
Next Page