jquery.ruler
Does the jquery.ruler plugin not exist anymore?
sEcho along with all jQueryDataTableParamModel parameters is null after 1st execution.
I have a jsp page with serverside processing having a form having some options(selection criteria for data to be displayed)and a button used to display a list data using datatable. For the first time, is display the list data on the page, but when i click for 2nd time changing date, then it gets stuck and the console says the all my params for datatable are null. the params are : import javax.servlet.http.HttpServletRequest; import com.healthslate.common.util.ObjectUtils;
Warning/ Error: being assigned a //# sourceMappingURL but already have one
Hi, When looking at the website I'm working on here I always get a Warning in FireFox on the upper right side of the browser from using Cycle2 plugin. Like this: JavaScript Warning: Error: http://flyingfood.com/wp-content/themes/customizr-chld/js/jquery.cycle2.min.js?ver=20140128 is being assigned a //# sourceMappingURL, but already has one Any idea on how to fix this? Much obliged! C76
jquery validation plugin, IE7: settings is null or not an object
Dear all, I have a problem that I can't seem to find a solution for. I have a set of radio buttons that I validate with the jquery validation plugin to make sure that they are selected.I want the user to choose Resit (Yes/No), Standard glh (Yes/No) and then pressing "Finish". An error should be reported if any of them are empty. I dynamically wrap a form tag around the table where the radio buttons are located and then validate that form. This works fine in Firefox and Chrome but not in IE7. I debug
how to navigate fancybox to next picture and back to previous ?
I have a non-typical question about jquery fancybox. I've got the following html: <a class="fancybox" rel="gallery1" href="content/img/img1.jpg" title=""> <img src="content/img/img1.jpg" alt="" /> </a> <a class="fancybox" rel="gallery1" href="content/img/img2.jpg" title=""> <img src="content/img/img2.jpg" alt="" /> </a> <a class="fancybox" rel="gallery1" href="content/img/img3.jpg" title=""> <img src="content/img/img3.jpg" alt="" /> </a> That simple markup gets us some work done. after clicking the
PrettyPhoto
Greetings, I have an issue with the pretty photo, I can't fix the width and height + I want to remove the twitter and like buttons + I need an auto resize or fix the width and heigh. Couolld you please assist below is the code <link title="prettyPhoto main stylesheet" href="/departments/IT/Pages/iframe/css/prettyPhoto.css" rel="stylesheet" type="text/css" media="screen" charset="utf-8"/> <script src="/departments/IT/Pages/iframe/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
looper.js plugin - images invisible in between crossfade animations
I've been trying to use looper.js to loop through various words or images inside a div (examples) Everything seems to work OK except when I use the crossfade animation option class="xfade". The content appears only during animations, and is otherwise invisible. NOTE: This is partially fixed by commenting out "position: relative" in ".looper .looper-inner": .looper .looper-inner { overflow: hidden; width: 100%; height: auto; /*position: relative;*/ z-index: 2;
Jquery validate: Change "static" rules dynamically (...in a CMS environment)
Hi guys! I am working on a quite big CMS project and we want to use jquery.validate.js as our validation-framework. I am using data-attributes to apply rules to my elements and I have a complete customised handling of the validate-Method. Everything works like a charm. The only problem I have is if I want to apply dynamic rules, I run into some problems: Let's say I have two text-inputs and a checkbox. Initially the first text-input is mandatory, if the checkbox is clicked the first text-input should
side menu closing when tap-ing on menu item
Hi guys! I am working on a website and i try to make the side menu (sidr) close when i access a menu item. Usually after i click/tap on one, the menu still stays and i need to close it using the menu button again. I succeeded to make it work on desktops, but i dont know how to make it on mobile. Could anyone help me? Here is the code i used to make it work on desktop: <script src="js/jquery.sidr.js"></script> <script> $(document).ready(function() { $('#simple-menu').sidr(); }); </script> <script
Jquery email validaiton not working
Hi; I want this to validate if this is valid email AND it is not empty but it doesn't work! What am I doing wrong? Thanks $( "#txt_email" ).focusout(function() { var pattern = new RegExp(/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/); if(pattern.test($('#txt_email').val()) || $("#txt_email").val().length == 0 ) { $("#txt_email").css("background-color", "white"); } else { $("#txt_email").css("background-color", "pink"); } });
Jquery validation plug in issue with if/else. Jake help
Hi; I use Jquery validation class . Since I generate text boxes based on user's choice, I need to make the validation only happen when the user has checked a box. So I change the origial code to what I thought should work but it doesn't. This is the part I added: if ($('input.txt_firstname').is(':checked')) Please advice. Thanks This is the orignal code: $().ready(function () { // validate signup form on keyup and submit $("#template_form").validate( { rules: {
Cycle: Start the slideshow from the thumbnail image clicked on
I' have a masonry thumbnail gallery, and the thumbnails link to a jQuery Cycle slideshow. Originally, whatever thumbnail you click on the slideshow starts with the first slide. I'd like to make it so when you click on a thumbnail, it goes to the slideshow starting with that thumbnail image. I'm trying "startingSlide" option of Cycle. Also, the site is built with Wordpress. This is in my thumbnail gallery template: <div class="m_item"> <a href="http://paraboladesignstudio.ipage.com/yahaira/fashion/fashion-slideshow/?thumb=1">
spritely question
hi folks, does anyone knows if there is a possibility to change the size (shrink) of the object with the jquery plugin spritely? stephan
jValidate and custom errorClass
jValidate is a great plugin, but unfortunately is lacking some decent documentation. So may be this is a trivial question, but could not find an answer on the official docs. I have the following code $("#dettaglio-articolo").validate({ errorElement: "div", wrapper: "div", // a wrapper around the error message errorClass: 'red-border', errorPlacement: function(error, element) { }, rules: { price: "price-validator", ... } }); When the element does not validate the 'errorClass'
simple image manager
Dears All, Hello; I'm looking for simple image manager "preview - validate - rotate -cancel" (client-side without uploading) Jquery cross-browsing something like new flicker uploader, So please advice me... Regards,
Datepicker move to bot
Hi, im need help, is necessary that the datepicker always opens down. Where im need to change to do this? Thanks.
Datepicker - user access
Hi there, I've created some pages using the excellent DatePicker and everything works fine on my development PC where I have both the code and web server (IIS 5.1). However, when I set up the site on a server (Win Server 2003/IIS 6) there appears to be a permissions issue. When I sign in to the site, I have to enter my credential again when I first encounter a page with a datepicker on it for the button and calendar to be available. Other users don't even get that option and have to type the
How to implement lazy load to booklet.js?
I'm using Lazyload to load my images. http://www.appelsiini.net/projects/lazyload To check if lazy load works, On partial load - i save the page (Save As) in my browser and compare it with the fully loaded page. [the size of fully loaded page >> size of partially load page] But in booklets.js - http://builtbywill.com/code/booklet/installation when i follow the same procedure, the entire page is always saved. [the size of fully loaded page = size of partially load page] My booklet is full of images
History and the back button
I have a web app that I converted from corral methodology design (one stub file that includes header/content/footer) to a one page ajax system. The index page calls a router page via ajax that includes a code (lasso or php) and html page just as corral. After the code is loaded into the content div, I bind all forms and links with ajax back to the same div for content. Works flawlessly UNTIL I need the back button to work. I have looked at history.js and others but am unsure of the easiest path.
simpleModal does not resize after image load
0 down vote favorite It seems that, unless the image it displays is already loaded, simplemodal won't resize to encompass the image. I've tried to preload the image, setContainerDimensions() and update() but I'm too inexperienced with jQuery to implement these possible fixes correctly. I know others have had similar issues but I'm sure it's nothing wrong with simlemodal, which is great, though the demos are a bit limited. jQuery(function ($) { // Load dialog on click $('#basic-modal .basic').click(function
Slide menu loading from other file
Hello. I have my new site at www.nirn.pl and i want to do small, but hard for me thing. I need to load sliding menu from other file, because its impossible to copy later menu to all html files. Somebody can give me some help how i can do this. I dont want to change structure of my menu.
Problem with automatically generated <br> after <script> lines using jQuery UI Accordion
Hi! I'm using a simple jQuery UI Accordion. Every time the accordion works properly, there's a huge white space. If I add text before the scripts run, the space is after the text but still before the accordion. Using Inspect Element, it looks like <br></br> is being generated 3 times - once after each <script></script> line of html (see below). I don't know why they are being added or how to remove them in my html code. Here's the html in my WordPress Text editor. In the example, the white
Accessing pluing on events
Hi :) I have a simple plugin, who add a click event on a handler. Here is the code : [code](function(window, $) { var TableColumns = function(element, colsJSON, handler) { this.table = $(element); this.handler = handler; this.handler.on('click', function(event) { // HERE I WANT TO ACCESS this.table }).bind(this); } $.fn.tableColumns = function(colsJSON, handler) { return this.each(function(index, element) { new TableColumns(element,
scale images with window AND do not allow saving of images
Hi, I have used this code to disallow copying and saving of image from a slideshow. But I can't get this to work in combination with that the images also scale with the window size when made smaller. Any help please anyone...? Eddy <!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>Untitled Document</title>
jQuery altering my template
I'm using jQuery and Mustache Js in a project. I have the template in a script tag. The template requires some dynamic/variable html based on some data. Hence I load the template using jQuery, manipulate it, and then write it back into the script tag. However, loading the template into a div(for manipulation), using jquery seems to alter the structure of the template (it moves things around), which invalidates the template. How do i update the template dynamically and avoid this issue? (Any help
Making 'jquery.tr' Client Side Language Switching with Hyper Link, not Select Option
To-date, I've been using the following to provide a Client-Side text content translation functionality without any problems: jquery.tr.js jQuery Cookie Plugin v1.4.0 I'm aiming to amalgamate this into a new Responsive landing page I've been working on. But, by default - jquery.tr.js uses Select Option to allow language switching - I've been trying to figure out how I should replace the Select Option with Text Hyperlinks. I wonder if anyone could please help me narrow down possible options. I've considered:
Strange happenings with footer
I apologize... I realized I posted this in the wrong forum. Should be in Using jQuery. I am having issues with the footer of my dataTable. On the initial load it looks as desired... BUT... if a do a reset and then another load the footer looks like this... Note the blank area gets filled with 6.00 and the Total: with 3.00. These are actually adjacent cells from the tbody. Here is the initialization code... oTable = $('#timesheet').dataTable( { 'bAutoWidth': false, 'bDestroy': true, 'bFilter':
jQuery custom content scroller - not working in a Wrapper like "Highslide Thumbnail Viewer"... how can i do?
Hello jquery Family, i try to use the "jQuery custom content scroller" from "Manos Malihu" in the "Highslide Thumbnail Viewer". The nice Scrollbar i can see but it will not scroll the Content inside my DIV. I use the document ready function for that like this one: (function($){ $(document).ready(function(){ $(“.hs_kate”).mCustomScrollbar({ scrollButtons:{ enable:true }, theme:”light-thin” }); }); })(jQuery); How can i bring the Scrollbar to life? Chabatta
File Tree in wordpress theme option page
http://www.abeautifulsite.net/blog/2008/03/jquery-file-tree/ Hi there, Do you know if I can use this to tell a user to select the location of their config.php file then have the script save the path into wordpress’s database? I just want the path without the config.php part. What I'm trying to do here is make it easy for someone to select where their forum is on the server. Also if you know of something that is newer and better, please let me know :) Thank-you
Show dots only on mouse hover ( Unslider slidershow)
Im doing a slidershow with unslider and I already have the slideshow working, but now I´m trying to do show dots only on mouse hover but I´m having some problems. Can you give me a little help? My Html: <section id="banner-container"> <div class="banner"> <ul> <li> <img class="t" src="images/test2.jpg"/> </li> <li> <img class="t" src="images/test2.jpg"/> </li>
Problem with JQuery UI Dialogs triggered from within a JScrollpane widget
Hi all. I'm having a problem with a JScrollpane panel containing trigger links to JQuery UI Dialogs. As anyone familiar with JScrollpane will probably know, the plugin uses JavaScript DOM manipulation to create two nested divs. There's an inner div with the class "jspPane" that comprises the scrolling element, and an outer container div with the class "jspContainer" that acts as a window through which the scrolling content is viewed. The overflow property of the inner "jspPane" div is set to "visible"
Istope,Shuffle()
Can i implement Jquery plugin like Istope,Shuffle() to my custom layout without using layout like masonry.
Jquery Lazy loading for huge data
Hi All, I'm new to Jquery. My ajax call is returning 4000 records. When i'm trying to render that JSON, i'm facing some issue due to which the page is not being displayed. So, i though of using Lazy Loading, which will fetch 50 record at a stretch, when i want to see next 50, it will make a ajax call and fetch the next 50 records. I was searching the net, but didnt find the complete code (Both server side & client side). Could any one help me out to sort this out. Thanks & Regards, Srini C
JQuery Roundabout in Different heights what can I do?
<textarea class="goog-textarea" style="-moz-box-sizing: border-box; overflow-y: hidden; overflow-x: auto; padding-right: 20px;" id="source" name="text" wrap="SOFT" tabindex="0" dir="ltr" spellcheck="false" autocomplete="off"> </textarea> <div id="gt-src-tools"> <div id="gt-src-tools-l"> <div style="display: inline-block;" id="gt-input-tool"> <div id="itamenu"> <span class="ita-kd-inputtools-div"> </span> </div> </div> </div> </div> In JQuery
flexslider
I'm using Flexslider over fancybox. What I want is on closing fancybox flexislider get reinitialize. Right now its behaviour is, I have opened the slider, and on 2nd slide I'm closing a fancybox popup, when I again open slider it starts with 2nd slide not with the 0th slide. I tried destroying a flexi slide methods but didn't work. suggest some solution.
How to show the file upload name for jQuery Multiple File Upload Plugin v1.48?
Hi, How to show the file upload name for jQuery Multiple File Upload Plugin v1.48? After the users have uploaded the file, is there a way to show the file that they have uploaded under the profile? Currently it is just upload, but I am thinking of showing the file name that they have uploaded earlier on the profile. Please advice. If there is any other multi file plugin that is able to do this, please let me know.
Added maxfileLength check
I am new to jquery and so need some guidance/help.... I am using below plugin to enable multi-file upload... http://www.fyneworks.com/jquery/multiple-file-upload/ everything is working fine as expected... but now I need to make change to this query such that... before the file shows up in the list there is a check done on the length of the file name. If the file length is more than 60 char 1) then don't include the file in the list 2) alert user that file
Tablesorter locale letter sequence is wrong
Not sure if this is the correct place to state this but here goes. When sorting tables with danish letters in them Tablesorter correctly puts them at the end, but in the wrong sequence, I think because of the way they're commonly internationalized. In Tablesorter its Å (aa), Æ (ae), Ø (oe) Correct sequence it Æ (ae), Ø (oe), Å (aa). Small bug, but there it is. Otherwise Tablesorter is awsome ;) Edit: Might as well post the workarround/ parser for the issue. $.tablesorter.addParser({ id:
.get() result evaluation if statement always returns false
I have a script that grabs a file name and guid from the page when the user changes the input type=file selection to upload a file. It calls a php page that checks a mssql database to see if there is already an entry for that file and guid. If there is it echos "exists". The script gets that value (I put an alert after the get() and it shows the expected response text). However, the if statement right after the alert doesn't register as true. Aaaaah! I tried using numbers instead of text and
Reset datetimepicker?
Hello I have included the datetimepciker plugin from; http://xdsoft.net/jqplugins/datetimepicker/ There is a little problem. If you set a date e.g. 31.03.2014 and time 02:00, submit the form and then open the calendar again, the date is not set to current date 04.03.2014. It shows always the previos selected date and time. Is there a way to reset the date and time? I tried: $('#datetimepicker3').datetimepicker({ value: null, inline:true, lang:'de'
Next Page