is there any jquery plugin that comes packaged with css-3 transitions ?
hey guys check out the slider on this page .. SLIDER . i absolutely love the css-3 transitions on the slider , now the the slider unfortunately is a commercial one and i see no documentation for this slider anywhere , building a custom slider with such transitions would't be really difficult , but it would still be work , so i was wondering , if there is any jquery plugin that comes packaged with such transitions , or rather delayed transition of each element on the slide ?
Sum of 3 input fields equal to 4th input field
Hi I am using jquery.validate.js. I am having 4 input fields. Sum of 3 input fields must be equal to 4th input field. I tried with different options but it didnt work. Is there any jquery function for this validation? Or pl. help to figure it out.Tnx.
Datepicker caching the first value always
Hi, I have a field package type: which can have either weekend or fullday. Based on the selection of this field value, I would like to make a specific date enable, and rest all I want to set as disable. And I wrote the below function inside one of my Rails app as initial script to test if I can access the value of the package_type field inside the date picker function. But I found that datepicker always caching the first value.. $(function() { $(document).on('change', '#booking_package_type', function()
tablesorter 2.0.5 columns with alphanumeric values and leading digits
Do not sort properly. Example: data is a measurement of days since <event> data: 152d 12h 39m 149d 13h 33m 17d 17h 17m 358d 2h 56m sort as 149d 13h 33m 152d 12h 39m 17d 17h 17m 358d 2h 56m is there a way to make it sort based on the numeric values alone ?
How to remotely use methods of an instance from another html frame
Hi, I'm looking for a solution to change the selection of a tree item by clicking into a text content frame. Just to explain: I have 3 html files: - 1 HTML with the FrameSet <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> This is my title </title> </head> <frameset cols="20%,*"> <frame src="src/index_toc.html" name="tocframe" id="tocframe" /> <frame src="src/index_main.html" name="main_content"
Jquery define multiple custom validation to same input field using jquery validator
<form action="" method="post"> <p> <input data-validation="even_number" type="text"> </p> ... </form> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.2.1/jquery.form-validator.min.js"></script> <script> // Add validation $.formUtils.addValidator({ name : 'even_number', validatorFunction : function(value, $el, config, language, $form) { return parseInt(value, 10) % 2 === 0; }, errorMessage :
IE 9 issue with Multiple File Upload Plug-in
Browser is IE 9.0.8112.16421 jQuery Multiple File Upload Plugin version is v1.48 (2013-02-19) (The latest I assume) One of my users is having issues getting the multiple attachments to show up when using this browser version. Is there any known issues with this plug in and IE9 or any idea how to possibly work around this? The use of the plug-in was very simple. I just added a "multiple" entry to the input tag and listed the allowed file types and it worked just fine in IE 11/Firefox Any help would
How can I create a class for datepicker script?
I am not a coder and am new to jquery. I am using a datepicker script and I need it to appear in more than one place on the page. I asked in another forum but only got as far as the advice to "create a class" before his patience ran out. I am not sure if he meant a css class or something within the js file. Any help would be GREATLY appreciated. :) This is the script I have in the head tag: <link rel="stylesheet" href="jquery-ui-datepicker.css"> <script src="jquery-1.10.2-datepicker.js"></script>
Event Listener Not Working With colorbox Plugin
I am using jQuery Plugin 'colorbox' for a lightbox solution on my site, but when I try to use any event listeners, such as 'cbox_complete' to customize the size of the colorbox to allow for a larger space under the photos for the captions, it doesn't seem to ever fire. Here is the page with the colorbox and below is my event listener. Just click the first image in the content area of the page to start the slideshow. Right now I have the title positioned over the bottom of the photos being loaded
Running two jquery plugins for the same textarea
Plugin 1: https://github.com/aaronrussell/jquery-simply-countable Plugin 2: http://creoart.org/jquery.textareafullscreen/ Result: https://jsfiddle.net/master412160/L71ck8y4/3/ Issue 1: I want to add a class to the body when the fullscreeen is active: if ( $( "tx-editor" ).has( "expanded" ) ) { $( "body" ).addClass("test"); } However the class test is added regardless if tx editor is expanded or not eg you click the fullscreen icon on the top right of the textarea screen. The reason
Launching my Matrrix-Gallery experimental Plugin
hey guys how are you all doing ? lately i have been working on a small jquery 3d plugin of mine , this is only my 2nd plugin , i took about a week to build it , its pritty straightforward , its still lacks alot important gallery functionalities and also , you need to parse in a object literal of options for the plugin to start working . i am just puting this out here , so you guys can have a look and tell me what you think about this plugin . its not for production use at all . DEMO LINK . the
extern file for closure
Hello, I'm a total javascript and JQuery beginner In order to use this JQuery plugin http://amsul.ca/pickadate.js/ with a clojurescript framework called Hoplon, it should be available in here http://cljsjs.github.io/ In order for it to make into cljsjs/packages I need to write an exten file I need help with that because I can't read javascript so I don't know which symbol is relevant to this extern thing Here's my attempt https://github.com/humanitiesNerd/packages/blob/master/pickadate/resources/cljsjs/common/pickadate.ext.js
Trying to Learn Scrollorama
I tried to learn scrollorama over the weekend, I have tried to learn and use a lot of jquery plugins in the past, never had problems with any. However this one is really confusing me a lot. I have searched stackoverflow, and other websites about superscrollorama tutorials, however none of them specify the exact way to do it. I have made a fiddle here for this purpose. http://jsfiddle.net/4o46jdj7/1/ Here is what I am trying to do. The red div should pin, then the #text-1 should scroll up and fade
Validate Birthday Picker
Hi, I am using this birthday picker: http://www.jqueryscript.net/time-clock/Customizable-Dropdown-Birthday-Picker-Plugin-with-jQuery.html so I am adding it like this: <div id="birthday"></div> The birthday itself is not requited but I want to know how can I make the month required is the day was selected / the day required if the month was selected? How can I do this please? Thanks, Jassim
Jquery slider value
Hello I'm begginer in Razor code, also in Jquery:) I have a few forms on my page, each of them are in <fieldset> forms, with post method and input submit buttons - this works perfectly. In middle of my page I put jquery slider to let user modificate something by visualization. In html I have got: <div class="sliders" id="sliders"></div>
<div class="slidersview" id="slidersview"></div> Then in jquery I got simply code: <script>
$("#sliders").noUiSlider({
start:
Uncaught TypeError: $(...).autocomplete is not a function
Hi I am working on ASP.NET project and i want to use autocomplete feature of jquery. Every time it gives same error "Uncaught TypeError: $(...).autocomplete is not a function " i tried hard but i could not fix my problem. I googled lot still facing same problem. Kindly help me Here is my code : <script src="jquery/jquery-1.10.2.js" type="text/javascript"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"/> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js">
JQuery plugin only loads on refresh
I have a plugin TwentyTwenty installed on wordpress and it seem to only be loading on refresh. Any thoughts? If you click into any of these gallery items, you will see what I mean. http://preview.lhkruegerandson.com/before-after-gallery/
Select specific days within range in MultiDatePicker
I'm using this MultiDatePicker to allow users on my project to select multiple days on the calendar. My problem is I want to allow them to select specific week days and then select a date range and by doing this select those days within the range. Example: Select all (Monday) and (Wednesday) from (September 10 2014) to (August 10 2014) and when the user clicks a button or something, all Mondays and Wednesday within September 10 and August 10 get automatically selected in the full-year calendar's
Wait for transition to finish
I am trying to wait for transition to finish before calling a function that shows a title: $('#imagepackwrapper div[id^="packimgdiv"] img').on('doubletap click', function() { // newtitle == "#packtitlediv1" $('#imagepackwrapper div[id^="packimgdiv"] img').not(this).slideUp(600); // Hide other images function myshow(newtitle) { // Show the title $(newtitle).css({'margin-left': toffset + 'px','width': twd + 'px'}); console.log('Opacity: ' + $(newtitle).css('opacity')); $(newtitle).animate({
why is $.support being populated in transit.js
hey guys , good day , have a look at the below function :: for (var key in support) { if (support.hasOwnProperty(key) && typeof $.support[key] === 'undefined') { $.support[key] = support[key]; } } i see the for in loop being used and the $.support method in jQuery being populated with more properties. WHY ? I fund the above function here .
how to control the load speed of pace.js and also how to hide content of the page when loader is running ?
hey guys i was just trying to use pace.js to add a page pre-loader , and basically the way this plugin works is that , you just add the pace.js file to your page and add any css theme that pace.js provides , see here . now i did this , but my problem is , nowhere in the plugin docs have they specified how to control the load timing for the plugin , now , how do i actually control the load timing for the preloader plugin ? see fiddle . the doc says the following about this plugin :: =========================================================================
How to add iframe as “content” in the JQUERY ModelN/sDashboard
I would like to add an iframe as content in many of the dashboards like: { widgetTitle : "Lady gaga tweets", widgetId : "tweet123", widgetContent : "<iframe id='I10' name='I10' src='newevents.asp'>" } I know I need to define this in the jquery code above and have tried several things but no go. Any help will be appreciated. Information is located here for ModelN/sDashboard:github.com/modeln/sDashboard
jsTree
so I have here a jsTree instance, which is working fine. I'm dynamically storing datasets (with jquery .attr() and .data() ) in the list items, the html set is precoded (no loading via ajax or whatever). the structure looks like this: <ul> <li>Node1 <ul> <li>Node2 <ul> <li data-material-id="bpch1u1">Leaf 1</li> <li data-material-id="bpch1u2">Leaf 2</li> </ul> </li> </ul> </li> <button type="button" class="btn btn-primary" onclick="openMaterial($(this))">Open Material now</button> while listening
Inherited this code, is there a better way
I have inherited the code in the attached doc. (tried to include it here but exceeded limits.), and, although I am very new to tablesorter, JQuery and AJAX, I can not help but feel that tablesorter is not being used quite correctly here. The following functionality works as the developer intended: promoTable.clear.click. (line 667) promoTable.auto_search.click (called on line 637. Function begining on line 661) The double click functions (lines 648 through 659) promoTable.filtered_search.click (line
Why last href is not working when there is some link between href scroll
hello guys, i was exciting in this forum cause some of you guys make me aware about jquery, well to the point now days i'm creating one page with jquery and bootsrap, many times change plugin then i found nice plugin here https://github.com/rabmyself/smint yes i fall in love that plugin but now i have problem about it when there is link some hre not workind to scroll <ul class="nav navbar-nav" id="navlist"> <li><a href="#fasilitas">Fasilitas</a></li> <li><a href="#testtimoni">Testimoni</a></li>
Using DataType: "jsonp xml"
Hello, i have a problem with my project, it always return: Uncaught SyntaxError: Unexpected token < and here my code, please check. thank you so much. function test(){ $.ajax({ type: 'GET', dataType: "jsonp", processData: true, crossDomain: true, jsonp: true, url: "http://huysoi.com/den.xml", //converters: {"xml": jQuery.parseXML}, username: 'admin', password: 'admin', success: function (responseData, textStatus, jqXHR) { console.log('in'); },
Cycle2: prevent manual transition until images loaded
Hi, from what i can see on Cycle2, I'm not sure it is possible to stop the "next" slide appearing until it has loaded. I know it does this in "auto" mode, but on the "Manual" example, a blank image slides across and then loads. What I want to do is show the preloader on top of the current slide, load the images from the next slide, and *then* transition across on completion of image loading anybody have a solution please I'm assuming you might be able to hook into "cycle-before" and somehow stop
what exactly does csstransforms3d , csstransforms and csstransitions consists of ?
hey guys i was just going through the source of a plugin that uses alot of CSS-3 transforms and internally it uses modernizer to detect features , like so : this.support3d = Modernizr.csstransforms3d; this.support2d = Modernizr.csstransforms; this.supportTrans = Modernizr.csstransitions; if you know through the modernizer documentation , here. now what i would like to ask is what CSS properties exclusively come under : csstransforms3d ? what CSS properties exclusively come under : csstransforms
Validating file input array by using jquery validator
How to validate file input array by using following code <td><input id="idprof" name="idprof[]" class="idprof" type="file"></td> var v= $('#docs_upload').validate({ errorPlacement: $.noop, rules: { }, invalidHandler: function(form, validator) { var errors = validator.numberOfInvalids(); if (errors) { validator.errorList[0].element.focus(); $("span").html(errorList[0].message);
Superfish / hoverIntent Wacky Behavior - What Broke?
Hi all, I took over the maintenance of an existing Wordpress site that I did not create. It's original code is older, probably around 2010 or so. When I moved it to current Wordpress, a jQuery / Superfish slider on the homepage broke. It works but on page load, it slides constantly and not necessarily correctly. It eventually completes its cycles (it seems) and then behaves properly with mouse clicks. My JS is really rusty and I'm not real familiar with jQuery much less Superfish, so I'm hoping
Copying html from zeroclipboard
Hi; I use zeroclipboard to copy text to clipboard. I want to copy and paste"SOMETHING" in any email clients email signature box with the css we apply to it. Can we copy to clipboard rendered html?can you make it so that the footer is in a copy box. i.e when you select you just get the content of the box? This is the button <button id="copy-button" data-clipboard-text='<?php echo $copy;?>' >Copy to Clipboard</button> But I get this: First name: wda Last name: asd Company: sd Position: asd Promotional
jQuery (validate) using latest jQuery 2.14 & validate 1.13.1, validate.settings undefined
I have a simple form no HTML rules using latest bootstrap. Tested on jQ 2.14 and 1.11.3 min and not minimized, Validate 1.13.0, form is fully loaded when this executes. .valid() says true even if required fields are missing Error appears when I type on field, or exit a field, not when initiating validate instantiated with: myvalidator=$('#areas_Create_modal').validate({ rules: { area_name_EN: {required: true},area_name_ES: {required: true}} }); myvalidator on console shows: myvalidator.settings
Excel like column filter to data table is not working in firefox(Working in IE)
Hi, I m using JQuery data table to display data and applying excel like filter to data table header using jquery.dataTables.columnFilter.js. It is working in IE but not working in Firefox browser.
jquery animation
How to animate an element in jquery
slide show cycle.js
I am trying to create a slide show similar to http://www.lazinc.com/ but I need the spritemap.png for the next and previous images. Where on earth can I download it from? I can't find it anywhere. Thanks
How to combine jquery choosen and jquery multiselect plugin ?
I need to combine jquery choosen and jquery multiselect plugin. Because i need to search as well as multiselect inside a dropdownlist or listbox in asp.net . Kindly help. If there is any other plugin of the combination of these two then kindly share it.
Making Timelinr Plugin Responsive
I am attempting to make use of the Timelinr plugin for jquery as it does everything I need in my project, the only issue is it doesn't allow the images to be responsive. Has anyone tried to use this in the past and found a way to change the javascript to allow responsive elements? Any help is very much appreciated! Files code below: /* ---------------------------------- jQuery Timelinr 0.9.54 tested with jQuery v1.6+ Copyright 2011, CSSLab.cl Free under the MIT license. http://www.opensource.org/licenses/mit-license.php
Looking for form restore plugin
I am gonna use ajax to add and update data, I will get json data from api, and restore it into the form for edit, any plugin can do the restore thing?
Need assistance with JQuery File Upload implementation issue...
I'm trying to figure out how I broke the JQuery File Upload plugin as my "Add Files " is no longer a button but text, does anyone know how to fix that problem? (see attachment) I'm pretty new to JQery and jscript.. go easy on me. Thanks,
Being able to select multiple stylesheets with this styleswitcher plugin?
Its not possible unless the plugin's code is modified. I've contacted the author about this but I don't think he has time to make it happen. He does like the feature idea though. https://github.com/camsjams/jquery-style-switcher So what can we do to the core file to make it happen? You know to be able to select two themes so to speak at once. I could make several themes, one series for colors, one series for background changes, one series for layout changes and so on! This would allow the end user
Next Page