FAQ Database Discussion Community


Opening different web pages in a control/block/panel/plugin on the same page

jquery,jquery-plugins,sharepoint-2010,content-editor
I need to develop a page where there would be a list of links on left and clicking on a particular link opens a web page in a control/block/panel/plugin/etc but on the same page. The idea is to open different web pages but on the same page in a control/block/panel/plugin/etc....

After retrieving the onclick source, can't use methods of element

javascript,jquery,jquery-plugins
This is the content of "myPlugin.js": (function ($) { $.fn.MyPlugin = function (options) { // retrieve somespan somespan.html("<a href="#" onclick="javascript: SelectLink(this);"></a>"); })(jQuery); function SelectLink(element) { console.log(element); if (element.parent("span").parent("li.clickable")) { alert("is clickable"); } else { alert("is not clickable"); } } When I click the link element we created inside the div...

reach the method outside of the plugin

jquery,jquery-plugins
I have a boilerplate something like this,and wanna reach the some function inside of this plugin. ; (function ($, window, document, undefined) { 'use strict'; var old = $.fn.twbsPagination; // PROTOTYPE AND CONSTRUCTOR var TwbsPagination = function (element, options) { this.$element = $(element); this.options = $.extend({}, $.fn.twbsPagination.defaults, options); return this;...

Jquery how clean formData object in my own upload plugin

javascript,jquery,ajax,plugins,jquery-plugins
I tried to create my own plugin for upload files via ajax. If the page where there is the input file is reloaded after upload It seems to work good. If the page where there is the input file is NOT reloaded after upload (because was reloaded only ajax content)...

check the checkboxes if it is not checked using icheck() in jquery

jquery,jquery-plugins,icheck
There are many check box.if the checkboxes are uncheck i have to checked. $('.group_select').iCheck('uncheck').trigger(checked); but that is not working.I tried this in jquery....

lightGallery (jQuery plugin) in AngularJS

javascript,jquery,angularjs,jquery-plugins
I'm trying to get the lightGallery jQuery plugin (http://sachinchoolur.github.io/lightGallery/index.html) to work with AngularJS. I found some answers that suggested I needed a directive, so I created the following: .directive('lightGallery', function() { return { restrict: 'A', link: function(scope, element, attrs) { jQuery(element).lightGallery(); } }; }) Then in my view I do...

Unable to find custom jQuery plugin

javascript,jquery,jquery-plugins
I developed a jQuery plugin in myPlugin.js as follows: (function ($) { $.fn.myPlugin = function (options) { var defaults = {}; var settings = $.extend(defaults, options); return this.each(function () { this.sayHello = function () { alert('Hello!'); }; }); }; })(jQuery); I am calling the sayHello() method from another file call.js...

How can I get button events in the following code?

jquery,jquery-plugins
I am new to jQuery and I don't know how to get events when we press the button on the following code. Please help me. <div class="key"> <div class="buttonWrapper"> <span data-i18n="keypad.one" class="button i18n"></span> </div> </div> ...

Need help in designing my website in HTML5 and Javascript. [closed]

javascript,jquery,html5,jquery-plugins
The design of my website consists of three sections, header, left navigation bar and body. I want that content of body changes when someone select a link from navigation bar but header and left bar stays at the same place. Also I want that content of body load on the...

removing jsapi and using jquery lib instead

jquery-plugins,jsapi
Would anyone know if removing <script src='http://www.google.com/jsapi' type='text/javascript'></script> would be ok if still running <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>? The jsapi is from the adsense code and just wondering if everything that relies on it including adsense would still function with only jquery 1.11.2. Cheers...

javascript - check what table is in use

javascript,jquery,if-statement,jquery-plugins
I have got two tables, and only one javascript function associated to both. I would like to create a case differentiation in order to run different methods through an IF statement depending on which table is selected. This is my code: <table id="table1" notip="true" class="dataTable no-footer" ...> <thead></thead> <tbody> <tr><td></td></tr>...

jQuery Plugin callback doesn't work properly

javascript,jquery,jquery-plugins
I replicate the problem in simple plugin in jsfiddle: https://jsfiddle.net/5atn3010/1/ The idea is: I have 2 selectors with a range of years (from 2005 to 2020) When I select an option in the first selector, the selected value (for example 2010) is set in the second selector as the minimum...

jQuery Plugin Interfering W/ Other Javascript

javascript,jquery,html,css,jquery-plugins
So I am using a plugin that creates a vertical paging animation. It basically makes a fullscreen box and moves the "sections" through this box. Here is the html to help show what I mean. <div id="fullpage"> <div class="section"></div> <div class="section"></div> <div class="section"></div> </div> I had a simple javascript function...

Expire check boxes cookies on click button

javascript,jquery,cookies,checkbox,jquery-plugins
I have multiple checkboxes in datatable with the one name and different values i can store cookie for all checkbox in checked by the following code $(document).ready(function(){ $('input[type=checkbox]').each(function() { var mycookie = $.cookie($(this).attr('value')); if (mycookie && mycookie == "true") { $(this).prop('checked', mycookie); } }); $('input[type=checkbox]').change(function() { var date = new...

Why my plugin fires multipe callback or clicks

javascript,jquery,jquery-plugins
I am creating my simple jQuery plugin that can be use to attach for any action's confirmation. But facing very strange issue, It work fine for single element click, But when i am going to click for second element which also bind with my plugin it work fine but it's...

How to Remove alert validation in JQuery Multifile

javascript,jquery,validation,jquery-plugins,multifile
I am using jquery multifile upload plugin http://www.fyneworks.com/jquery/multifile can able to select document but when i tried to select wrong file it shows validation message as alert You cannot select a .mp4 file. Try again... instead of alert message how to show as validation text message ? also any possiblities...

Bootstrap 3.3.2 > Dropdown menu > jQuery function

jquery,drop-down-menu,jquery-plugins,twitter-bootstrap-3
I want to create a multi dropdown menu what works only with clicks... If I make a 2 level menu it works okey, one click to show, another click to hide. But If I make a 3 or 4 level menu this shows, but on another click doesn hide the...

jQueryMobile - Spinbox - Multiple dependant Spinboxes

javascript,jquery,jquery-ui,jquery-mobile,jquery-plugins
In a jquery mobile application i have to use three dependant spinboxes as shown in image below Currently am using this plugin http://dev.jtsage.com/jQM-Spinbox/ Maximum value for adult / child /infant is 9 Also the infant count should not be greater than adult value. i have created a validation function which...

ClearInterval works only one time

jquery,jquery-plugins
can someone help me with this code? the interval does not stop and I can not see what I'm doing wrong. when I click on the link interval stops the first time, the second time they go through all three. if(location_type == 'friends'){ GetReactionCount(location_type,'0',limits); intervals1 = setInterval(function() { GetReactionCount(location_type,'0',limits); },...

Displaying caption for this image plugin

javascript,jquery,image,css3,jquery-plugins
This plugins default technique of displaying caption involves, extracting the content of the "alt" attribute from the corresponding image which it targets. captionOn = function() { var description = $( 'a[href="' + $( '#imagelightbox' ).attr( 'src' ) + '"] img' ).attr( 'alt' ); if( description.length > 0 ) $( '<div...

Destroy method on jQuery DatePicker removes DatePicker but when I re-instantiate a new one, the previous selected Date value is still selected

javascript,jquery,jquery-plugins,datepicker
I created a demo to show the issue I am having using a jQuery library called Zebra-Datepicker. Zebra-Datepicker documentation: http://stefangabos.ro/jquery/zebra-datepicker/ Zebra-Datepicker GitHub: https://github.com/stefangabos/Zebra_Datepicker My demo shows how to: create a DatePicker instance, select a date value, destroy the date picker instance, create a new instance of the date picker, select...

How to turn function into jQuery plugin

javascript,jquery,jquery-plugins
Here's my jsFiddle: http://jsfiddle.net/jsFiddlePlayer/vhg7csb7/10/ I am trying to implement the answer in this StackOverflow question as a jQuery plugin and having no luck. The getParameterByName function reads the URL's querystring variables and returns the one indicated in the argument. However, my code keeps saying: .getParameterByName is not a function My...

Difference between aoColumnDefs and aoColumns

plugins,jquery-plugins,datatables-1.10
Difference between aoColumnDefs and aoColumns in datatable jquery plugin?

How do I add pagination on jQuery Cycle 2 Div element slides?

jquery,jquery-plugins,jquery-cycle2
I am using jQuery Cycle 2 to create a slider here. Here is the code I am using: <div class="cycle-slideshow" data-cycle-fx="fade" data-cycle-timeout="5000" data-cycle-pager="#custom-pager" data-cycle-pager-template="<strong><a href=#> {{slideNum}} </a></strong>" data-cycle-slides="> div" > <div> <div class="cycle-pager"></div> <img src="http://slp.opteradev.com/images/uploads/sliders/Purple_Pixie%C2%AE_Loropetalum-_Carmen_Favorite.jpeg" alt="Carmen&#8217;s Favorites...

using jQuery animate() for lettering.js plugin

jquery,jquery-plugins
On its documentation to manipulate each letter it is mentioned to use CSS and I am trying to target a specific letter with jQuery animate() function unfortunately don't see what I am expecting. Is it possible to use jQuery in this case ? Default script <h1 class="fancy_title">AWESOME</h1> <script> $(document).ready(function(){ $(".fancy_title").lettering();...

RequireJS'ing a jQuery plugin without a global $ variable

javascript,jquery,jquery-plugins,requirejs,amd
I don't know if this is possible, but I'm trying to develop an app that doesn't create a global $ or jQuery variable when loading in jQuery, but still works with some plugins that weren't developed with AMD in mind. main script require.config({ baseUrl: '/js/lib', paths: { jquery: 'vendor/jquery-2.1.3.min', somePlugin:...

Properly get “this” in jQuery plugin member

javascript,jquery,jquery-plugins
I have a JavaScript module that I would like to create a jQuery plugin interface to. The module itself is like this: var Foo = (function () { "use strict"; var self = {}; self.add = function (selector, otherParam) { // Does things unto selector. // Precisely what it does...

PHP and Ajax posting

javascript,jquery,ajax,jquery-plugins,jquery-forms-plugin
I'm using jQuery form plugin to send ajax requests. Which you can find on below url http://malsup.com/jquery/form/ This is my jQuery code $(document).ready(function() { $('#SubmitForm').on('submit', function(e) { e.preventDefault(); $('#submitButton').attr('disabled', ''); $(this).ajaxSubmit({ target: '#output', success: afterSuccess //call function after success }); }); }); function afterSuccess() { $('#submitButton').removeAttr('disabled'); //enable submit button }...

Content Carousel for jquery mobile

javascript,jquery,cordova,jquery-mobile,jquery-plugins
I am developing a mobile app using jquery mobile. I am looking to implement a "tips" section. A tip will be visible on the screen, and with a side swipe, I would like to view another tip. I was under the impression JQM would have a simple carousel type widget......

JRate How to get value from selected star and store it in database using jquery or javascript

javascript,jquery,jquery-plugins
I am trying to get value from Jrate Plugin for example when the using click on 3rd start the value should i get should must be 3.and i can get it on using jRate onSet option Here is my HTML <div id="jRate"></div> And My Javascript is $("#jRate").jRate({ onSet: function(rating) {...

Jquery plugin - onclick event for multiple elements

javascript,jquery,jquery-plugins,onclick
I'm creating a jQuery plugin that listens to click events on multiple elements that have the same ID name. // On click listener base.$el.click(function (event) { event.preventDefault(); alert("clicked!"); }); The click event works only on the first of multiple HTML elements. How I'm initializing the plugin: $('#test-button').scrollTo(); How can I...

DataTables localeCompare sorting, can't get it to work

javascript,jquery,wordpress,jquery-plugins,jquery-datatables
I'm not a programmer but I can put some code together to make it work. I'm struggling wit this one for hours. I've got a problem with sorting non-ascii characters in DataTables jQuery plugin. Found code on DataTables website that should make it work. But it does not. I'd be...

Twitter Bootstrap 3: Click link in modal window, close it and smooth scroll to hash

jquery,jquery-plugins,twitter-bootstrap-3,bootstrap-modal,smooth-scrolling
I'm using the jQuery One Page Navigation plugin Git link and Twitter Bootstrap 3.3. Everything works fine except one thing: additional links in modal window doesn't work with smooth scroll effect. I've found this solution for inline links: function scrollNav() { $('#program_scroll a, #closemodal a').click(function(evn){ evn.preventDefault(); $('html,body').scrollTo(this.hash, this.hash); }); }...

Passing Objekt to JqueryPlugin and iterates through them

javascript,jquery-plugins
I wrote a Jquery Calendar Plugin. Now I want to learn to Pass Parameter to it, to change the View of the calendar. $.kalender({element: "#Clock", property: "display", value: "none"},{element:"#MainDiv", property:"width" ,value:"500px"}); these are my objects that im passing to my Plugin. ;(function (namespace, $) { $.extend({ kalender: function (options) {...

JQuery Mobile data-role initialization on a included html

jquery,html5,jquery-mobile,jquery-plugins
I have parent.html in whose one of the i am including the child.html: $("#mydiv").load("child.html"); The problem here is the mobileinit is called at parent. The child.html only had a div with a data-role. Is there a way to force data-role attribute to be rendered in the child.html?...

Fullpage.js Disable moveSectionUp when using continuous scroll or looping

javascript,jquery,plugins,jquery-plugins,fullpage.js
Just starting to use fullPage.js and loving it so far. Anyhow, when implementing continuous and looping effect and you're on the first section, it allows the end-user to scroll up and land on the last section as well ... which is a problem when trying to tell a story to...

How to create this graph in an HTML file using the jOrgChart jQuery plugin

javascript,jquery,html,jquery-plugins,charts
Is it possible to draw a graph in an HTML file using the jOrgChart jQuery plugin, as in the example below? If that's not possible then what are other options are available for drawing such chart, without using Drupal? ...

Gridster in touch enable devices

jquery,jquery-plugins,touch,devices,gridster
I am trying to figure out how to use GRIDSTER in touch enable devices. I have tried to use the touch puch plugin but it appears not working for me. Does someone have experience with that? Thank you in advice.

jQuery basic plugin not working?

javascript,jquery,jquery-plugins
I have copied the basic plugin from jQuery's website. Now, when I put this code into a file and load it into my app, the plugin does not work. I cannot access the plugin via $. but can seen to access it via $.fn. (which seems strange to me). Here...

Uncaught type error $(…)textillate is not a function

jquery,jquery-plugins
I'm wondering if anyone else has had a problem with the textillate function bringing this error up in the javascript console. I checked my source code and my files are linked correctly and I'm using a demo from another site but I'm stuck with this error still $(document).ready(function() { $('.tlt').textillate({...

How to create a cropping functionality similar to the one provided by polyvore

javascript,jquery-plugins
How can I provide cropping functionality on an image similar to the functionality provided by polyvore.com of which I included screenshots below. ...

fengyuanchen jQuery cropper plugin - minimum crop validation

php,jquery,image-processing,jquery-plugins
I am trying to impose a minimum size of the cropped data output using fengyuanchen jquery cropper plugin - https://github.com/fengyuanchen/cropper The plugin offers two options minCropBoxWidth and minCropBoxHeight however these only control the actual crop box on screen. As the size of the image within the cropper can be anythign...

Call jquery Plugin function from outside

jquery,jquery-plugins
Today I am Learning "How to create plugin in jQuery" I am having a table having lots of columns initially I am setting display none to all columns and set limited number of columns visible to user. And providing Next and previous buttons to for showing next and previous columns....

Set counter per element in jQuery plugin

jquery,loops,jquery-plugins,counter
When you set a counter in a jQuery plugin it will be set per instance of the plugin. For instance $.myPlugin(".one"); $.myPlugin(".two"); $.myPlugin = function (el) { var counter = 0; $(el).click(function () { counter++; console.log(counter); }); }; Will initiate two counters. (Try it here) However, I'd like to have...

jQuery custom plugin with click event: Provide options? [closed]

jquery,jquery-plugins
I'm trying to make my first jQuery-Plugin so please be gentle with me. The purpose is to make a divs child elements votable. A vote should occur on click. This is my actual code: (function($){ $.fn.makeVotable = function(options) { var settings = $.extend({ // defaults: url: "/vote", }, options );...

Getting instance of a jQuery plugin

javascript,jquery,jquery-plugins,instance,sceditor
I'm using SCEditor and am loading it as such: $(document).ready(function() { // Create var to store emoticons var emoticons = false; $.getJSON('../../images/emoticons/default/emoticons.json') .done(function(response) { emoticons = response; }) .always(function() { // always initialize sceditor $(".sceditor").sceditor({ // Options here... }); }); }) Now, I'm wondering how I go about getting the...

Create Jquery Plugin with dynamic parameters for MULTIPLE usage

javascript,jquery,jquery-plugins
I creating jquery plugin, looks like this : (function ( $ ) { // -- This is Person Object used for plugin var PersonObject = function(elem, options) { this.elem = elem; this.options = options; this.run(); }; PersonObject.prototype = { run: function() { // console.log(this.options.person_name); self = this; tpl = '<a...

JQuery Cookie plugin - check for presence of cookie

jquery-plugins
I hope this is a simple question, but can't find it covered elsewhere. I simply want check for the presence of a cookie - if it's there, do nothing, but if it's not there, replace the content of a particular div (I think I know how to do this last...

How to Bind keyup event to jQuery plugin

javascript,jquery,jquery-plugins
i am trying to create jQuery plugin which needs to trigger on keyup of input tag. But, somehow its not working :( I've tried it so far: JS: $.fn.search_panel = function() { if($(this).prop("tagName").toLowerCase() == 'input'){ var input_str = $.trim($(this).val()); console.log($(this)); onkeyup = function(){ console.log(input_str); } } }; Plugin Initialization $(document).ready(function(){...

Transclusion within nested element with jQuery Steps

angularjs,jquery-plugins,angularjs-directive,jquery-steps
I'm attempting to integrate jQuery Steps (Wizard generator) in an Angular.js application with a nested Google Maps element from angular-google-maps (https://github.com/angular-ui/angular-google-maps). However, I get this error: https://docs.angularjs.org/error/ngTransclude/orphan - "Illegal use of ngTransclude directive in the template! No parent directive that requires a transclusion found." It looks like I have been...

how get value onchange event from drop down event in select(choosen) jquery

jquery,select,jquery-plugins,cakephp-2.3
i made drop down list with help of select jquery echo $this->Form->input('Category', array( 'data-rel' =>'chosen', 'style' => 'width:220px; margin-bottom:10px', 'placeholder' => 'Select Category', 'empty'=>'Select', 'id'=>'ProductCategoryId', array('class'=>'required') )); now i'm trying to retrieve value onchange i tried following code to get value and text. (my basic purpose is to get value)...

Is there a way to clear value in a particular field after failed submission?

ruby-on-rails,ruby-on-rails-4,jquery-plugins,datetimepicker
I have separate date and time field: ie Start date , Start time, End date, End time. Im using jquery time picker, and date pair plugin. If I fill either one of start date or end date, they will both be filled in with values automatically. And same in Start...

Minutes formatting issue in Query date time picker

jquery,date,jquery-plugins,datetimepicker,datetime-format
I am new to jQuery but I have been programming for more than two years in C#. I am developing a MVC project, there I have implemented a jQuery date time picker that would be used for get the user input for start date. I thought that I created the...

datatable plugin not working

jquery,html,jquery-plugins,datatable
I am trying to use the DataTable plugin to add functionality to my html table. I followed the steps for installation and initialization from datatables.net, but it is not adding any functionality to my html page. I am wondering if it is because my table is formatted in a way...

Jquery is not working on newly added elements to the dom with Plugin like JRate Plugin

javascript,jquery,plugins,jquery-plugins
I have been searching this on internet, I have found some answers which were helpful like but they were not enough to solve my problem (e.g. Similar Problem but no solution provided for my problem) I am using JRate plugin, I am adding a div inside a div using jQuery....

Setting custom colors when fetching events data using FullCalendar does not seem to work

jquery-plugins,fullcalendar
I am using the FullCalendar JQuery plugin and fetching the events data via a simple array of events. That works fine, however, I can't seem to set custom colors for those events. I've followed the official documentation. What am I doing wrong? I am trying to set the 'color' and...

jQuery Plugin Development how to keep variables and methods private

javascript,jquery-plugins,prototypal-inheritance,private-members
For exercise purposes I am creating a jQuery Plugin, a simple Image Slider. I use a Pattern from Boilerplate - jQuery Plugins. During the initializing process everything works as expected, every Instance gets the right values (widths and heights, also event binding) needed for setup. The trouble starts when I...

Dont know how to use a drag and drop jQuery plugin

javascript,jquery,jquery-plugins,drag-and-drop
I just find out this plugin http://www.konsolestudio.com/dad/, but i have no idea how to use it. I tried to follow the instructions, but they are not clear for me, and i cant't figure out how the plugin works. Can anyone give a hand? Thanks a lot.

SyntaxError: missing ; before statement - jQuery ContentHover

javascript,jquery,twitter-bootstrap,jquery-plugins
Getting the error on console, says something is wrong with this code.. $.fn.contenthover = function(method) { if (methods[method]) { return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); } else if (typeof method === 'object' || !method) { return methods.init.apply(this, arguments); } else { $.error('Method '+ method +' does not exist in contentHover plugin.'); }...

FullCalendar plugin dayClick not working

javascript,jquery,jquery-plugins,fullcalendar
I've been trying to get the dayClick in the FullCalendar plugin to work, but when I click nothing is happening. Can't figure out what it is I'm doing wrong. I click on a day, but no alert message. jsfiddle below. What am I doing wrong. http://jsbin.com/bicawa/2/edit...

Two (Separate) jQuery Tab Plugins Kill my Code

javascript,jquery,html,jquery-plugins
I'm developing a very large page with lots of content and some overlays and all kinds of complicated things. I'll spare you all the code and only include the relevant pieces. Essentially, I have some sidebar buttons that open an overlay depending on the button clicked. The HTML is below:...

Chaining not working on jQuery Plugin

jquery,jquery-plugins,method-chaining
I am writing a plugin to pull listings in from my companies internal API and everything is working except for some reason it will not allow me to chain additional methods. (function( $ ) { $.fn.addListings = function(options){ var defaults = { listingCount: 25, pageNumber: 1, customTemp: "<div class='listing'>\ <img...

Jquery form validation for a blank field or a field with the wrong format

javascript,jquery,html,jquery-plugins
I am looking to have the date validated on submit. Meaning if the value of the input element is blank or if the format is wrong, an error message will appear. Here is my HTML: <form method="get" action="date-picker.html" id="frmdate" onsubmit="return validate()"> <p>Start Date: <input type="text" name="txtdate" id="startdate"></p><span id="warning_startdate"></span> <p>End Date:...

Datatable colVis plugin showing error “headerCells[i] is undefined” when selecting column

jquery,jquery-plugins,datatables,jquery-datatables
I having been trying to resolve this bug since morning with no effect My Datatable is keywordDataTable = $('#keywordsTable').DataTable( { //stateSave: true, paging: false, scrollY: "100%", scrollX: true, scrollCollapse: true, dom: 'C<"clear">lfrtip', colVis: { exclude: [ 0 ], showAll: 'All', showNone: 'None', } } ); new $.fn.dataTable.FixedColumns( keywordDataTable ); Everything...

How to get value in Star rating, jQuery

javascript,jquery,html,jquery-plugins,rating-system
I am using the star rating from this site : link But I can't seem to figure out how to get the rating from my radio buttons. I just need to display it in the console.log, the rest I can manage. When the third is selected it looks like this:...

Create jQuery plugin with configuration settings

javascript,jquery,jquery-plugins
I've been using the following design patter to create jQuery plugins. I'm pretty sure I got the concept from the jQuery homepage, however, it appears to no longer be published there. I recently attempted to access the settings variable within a method (i.e. someOtherMethod ()) other than the init() method,...

Check if function is defined on `jQuery` object

jquery,function,jquery-plugins
We can check if function is defined using $.isFunction(myFunc) { myFunc(); } But, I want to check if a function is defined on jQuery/$ object. Is there any way to check this. pseudo-code of what I'm looking for: if ($.hasFun(myFunc)) { $('selector').myFunc(); } Also, if I've jQuery plugins on my...

Title on FullCalendar month view not displaying properly

javascript,jquery,jquery-plugins,fullcalendar
Please check out the web page I am making at https://preview.c9.io/tomheaps/enharmonic/Website/enharmonic_calendar.html?_c9_id=livepreview2&_c9_host=https://ide.c9.io which has an embedded google calendar, styled using the jquery plugin FullCalendar. As you will see, when you click on month view, the title is not displaying properly with some strange characters between the two dates and shows '1st...

Jquery Modal/Dialog form not working

javascript,jquery,jquery-ui,jquery-plugins
Hi i'm new to coding & trying to use the Jquery library Dialog/Modal form. I have all my CSS, JS and HTML in place but when i click on the "Create new user" the dialog/modal does not appear (the function behind the button does not work). I get the below...

Using “this” inside named function on a jQuery plugin

javascript,jquery,jquery-plugins
I'm trying to write a simple jQuery plugin and I need some code to run on both load and window resize so I wrote a function inside the plugin. jQuery(document).ready(function($) { (function( $ ) { $.fn.responsiveNav = function() { function enable_responsive_nav() { if( this.hasClass('class') ) { //do stuff } }...

JQuery.TextnTags plugin not working

javascript,jquery,html,css,jquery-plugins
I am trying to implement a Facebook and Twitter like status posting textbox in which you can tag your friends or pages. After a 12 hour research on Google, I found this http://daniel-zahariev.github.io/jquery-textntags/. It's exactly what I wanted. But when I tried to implement it on JSFiddle, it didn't worked....

Add new Id For Text Box inside tr on clone jquery

javascript,jquery,jquery-plugins
I have a table and on button click i am adding row using .clone and adding id using .prop now What i want to do is i want to find text boxes with in tr and change ids for it How can i do it Here is My html <table...

CkEditor multiple values in templates property

templates,jquery-plugins,properties,ckeditor
How can I add more than one value to the 'templates' property of the CKEDITOR plugin? CKEDITOR.replace('text', { templates: 'template_1' }); ...

jquery scrollbar plugin conflicts with jquery pagination plugin

javascript,jquery,jquery-plugins,pagination,scrollbar
first time asking a question here, so thank you in advance and please excuse me if I violate any rules. I'm trying to use this jquery pagination plugin from this site: http://www.script-tutorials.com/how-to-create-easy-pagination-with-jquery/ and some how it's just not working with the jquery scrollbar plugin I'm using, which is from here:...

Strange variable behavior in Draggabilly jQuery plugin

javascript,jquery,jquery-plugins
Ok guys, i have no idea what's going on here. Im using this plugin (http://draggabilly.desandro.com/) and making a drag & drop grid (or something similar). Here's the pen (http://codepen.io/anon/pen/QbKjzx) and here the code: // external js: draggabilly.pkgd.js $(document).ready( function() { for(var i=1;i<=12;i++) { $(".inventory").append('<div class="item"></div>'); } for (var i =...

Access bootstrap tooltip title attribute using jquery

vb.net,jquery-plugins,bootstrap
How in jquery do I get/set the title attribute of a bootstrap tooltip. <span data-toggle="tooltip" title="a,b,c,d">Something</span> ... and ... $(document).ready(function () { $('[data-toggle="tooltip"]').tooltip(); $('.CustomToolTip').each(function () { alert($(this).attr('data-toggle')); alert('[' + $(this).attr('title') + ']'); //$(this).attr('title', $(this).attr('title').replace(/,/g, ',&#8203;')); }); }); and I have tried: ... $('.CustomToolTip').on('show.bs.tooltip', function () ... ...which implies I am...

Datatables with jQuery-toggles not working on pages other than page 1

jquery,jquery-plugins,datatables
I have a Data-table that is being populated with server-side code. <table id="email_alerts" class="table"> <thead> <tr> <th>Name</th> <th>Position</th> </tr> </thead> <tbody> @foreach (var item in Model.crmContactsList) { <tr> <td>@item.fname</td> <td> @if (item.claimsOpenedAlert) { <div class="control-label"> <div class="toggle toggle-primary" data-toggle-on="true" data-contact-id="@item.crmContactID"></div> </div> } else { <div...

JQuery loads after F5

javascript,jquery,asp.net,jquery-ui,jquery-plugins
I have used the following script in my asp.net project. All is working fine but after releasing my prject to IIS, some users are complaining about rendering issues. If they press F5 then all works fine, and they don't have to press F5 again to see controls rendering properly. Is...

add callback function in jquery plugin execute after some action

jquery,jquery-plugins,callback
How to add callback function in jquery plugin, I tried to insert a callback function after handle click $.fn.dropdown = function(options) { // options var defaults = { multiple: false, afterClick: function() {}, }; if (typeof options === "undefined") { var options = defaults; } if ($(this).hasClass('multiple')) { options.multiple =...

Making my MetroJs initialisation more efficient and cleaner

javascript,jquery,jquery-plugins,metro.js
I'm using MetroJs and I've used an individual function to initialize each tile because I only ever want to see the back of one tile at a time. So with this code, each tile fully animates, showing the back and front, and then pauses for a while so that the...

Working with jQuery plugins

jquery,jquery-plugins
So im trying to do some animations on a personal project im working on but i've new to jquery and im having trouble understanding how it works. I've been learning through using a plug in called jquery.transit(http://ricostacruz.com/jquery.transit/) and i have tried getting it to work but there is something im...

Override JQuery Selector to support Dollar Sign ($) in element id

javascript,jquery,html,jquery-plugins
I am trying to write a JQuery plugin to support $ in element id, my code is: DollarSignPlugin.js: function escapeJQueryElementName(elementName) { elementName = elementName.replace(/\\\$/g, "$"); return elementName.replace(/\$/g, "\\$"); } var jQueryInit = $.fn.init; $.fn.init = function(arg1, arg2, rootjQuery){ arg2 = arg2 || window.document; if (arg1 && arg1.replace) { var newArg1...

How to map ko.observable child object to jquery grid

knockout.js,jquery-plugins,jqxgrid
I have been trying for several days, searching, trying, debugging, but I'm unable to solve the followin problem: Please see 1 object from a knocout observable array : Code: "CT001" Description: "CT Neck" Duration: 15 IsActive: true IsSchedulingRequired: true ModalityType: Object Code: "CT" Name: null __proto__: ObjectStudyID: 2 I'm trying...

jQuery Cookie When Form Submit

javascript,jquery,forms,cookies,jquery-plugins
I'm not expert in jQuery, simply i have code can save checkboxes cookies when checked it, for 2 hours $(document).ready(function(){ $('input[type=checkbox]').each(function() { var mycookie = $.cookie($(this).attr('value')); if (mycookie && mycookie == "true") { $(this).prop('checked', mycookie); } }); $('input[type=checkbox]').change(function() { var date = new Date(); var minutes = 60; date.setTime(date.getTime() +...

How can I change the direction of scrolling in parallax?

javascript,jquery,jquery-plugins,parallax
I changed something in my code yesterday, and now the parallax picture is scrolling in the opposite direction. I went through my git commits but can't seem to figure out why the image is moving in the wrong direction. I'm using jquery.parallax-1.1.3. Jquery plugin: /* Plugin: jQuery Parallax Version 1.1.3...

arguments for callback in jquery plugin are undefined

jquery,jquery-plugins,jquery-callback
How do you call a function function defined outside a plugin but using arguments inside the plugin. I have it where the plugin is calling the function but the parameters are undefined. Inside the plugin the arguments has values. (function ($) { $.fn.myPlugin = function (options) { var defaults =...

“on.hover” not working in jQuery plugin function, mouseover and click do work

javascript,jquery,jquery-plugins
I ran into an odd problem. I was thinking about writing a plugin so I started enthusiastic. But my enthusiasm was quickly gone when I ran into this problem. First my code: (function ($) { $.fn.hoverme = function () { //Define default values var defaults = { color: 'inherited', size:...

gridstack.js - how to strech columns to fit width?

jquery-ui,jquery-plugins
I'm trying to use gridstack ( https://github.com/troolee/gridstack.js ) in a configuration of just 5 columns, but the problem is the default is 12 columns, and when I configure to only 5, these 5 columns are squeezed to the left and I have the space of 7 unusable columns on the...

How to use requirejs to load jQuery plugin intlTelInput?

jquery,jquery-plugins,requirejs,amd,umd
The plugin in question is https://github.com/Bluefieldscom/intl-tel-input. All script tags are inserted by requirejs properly, but I still can't use the plugin intlTelInput. What am I missing? require.config({ baseUrl: "/Scripts/require", paths: { "jquery": "/Scripts/jquery-2.1.3.min", // jquery plugins "intlTelInput": "/Scripts/jquery/plugin/intlTelInput-5.3.0.min" } }); define(["jquery", "intlTelInput"], function ($, tel) { console.log(tel); // output: undefined...

jquery plugin - chosen - multiple selection not listing in a row but a column

javascript,jquery-plugins,jquery-chosen
I am trying to configure my ListBox to use the jquery plugin, chosen 1.4. I get the values for the ListBox from the database and add each item to the ListBox in the code behind that works fine: //Populate the Recipient ListBox DataTable tdtRecipients = new DataTable(); tstrXmlTableData = m_pagingClient.GetRecipientList(m_strUserID);...

Jquery Plugin not working how I want it to

jquery,jquery-plugins
I am using TinyColor Jquery plugin. When you click on the hex code at the top or type in a color to the input it changes the colors in circles. I want to be able to click on the Hex with the circles and have it load based on that...

How do I create a jQuery plugin extending $.Deferred?

jquery,jquery-plugins,jquery-deferred
I want to extend $.Deferred with a new method which is supposed to have a signature similar to Deferred.fail(). What is the best way of doing that?

How programmatically deselect row identified by id in jquery DataTables?

javascript,jquery,jquery-plugins,datatables,jquery-datatables
I generate a DataTable thanks the plug-in dataTables and I assign a id to each row table = $('#example').DataTable({ "data": source_dataTable, "columns": columns, "columnDefs": defs, 'fnCreatedRow': function (nRow, aData, iDataIndex) { $(nRow).attr('id', aData[0]);//assign an id }, "language": { "url": dataTabe_text_source } }); I want to now programically deselect (and why...

Load textext.js plugin with require.js

javascript,jquery,jquery-plugins,requirejs,jquery-textext
I'm trying to load textext.js jquery plugin, with one of it's plugins, textext tags. On my project, I'm using require.js in order to load all scripts with it's dependencies. As used for other scripts, I'm using a shim config on my main.js file: main.js require.config({ shin: { jquery: { exports:...

jQuery Form validation and submission issue

javascript,php,jquery,sql,jquery-plugins
I have the following form that uses jQuery to validate a form and submit if all the fields are filled properly. Till now everything is working fine. But I want to add the following but not getting how to do so (as i am new to jQuery). Text boxes (like...

I want to scroll zoom in and out of an image, but also have pins on that image stay positioned correctly. jQuery

javascript,jquery,html,css,jquery-plugins
So I want to make a scroll zoom feature on a map I have created. The map contains an image and a number of divs positioned on top of the map marking out positions (pins). I have found a number of jQuery tools which allows me to scroll zoom on...

Validate Chosen Multi Selection with Parsley.js

javascript,jquery,drop-down-menu,jquery-plugins,parsley.js
I managed to get parsleyjs.org validate a "required" Chosen dropdown but I can't seem to be able to validate the Multi selection dropdown. I have tried to apply the max and min validation rules, that did not work. I have setup parsleyjs.org and Choosen on a test site here: http://loai.directory/test/test/blank.php...

Black Boxed in Mozilla firefox

javascript,firefox,jquery-plugins
Error:This Source is black boxed: its break point disabled and stepping skips through it. how to avoid This source is blackboxed? I am using 3rd Party Plugins from JQGRID. Error showing in jquery.jqgrid.min.js file...

Why this and not $(this) in jQuery plugins

jquery,jquery-plugins
The docs tell us: Let's say we want to create a plugin that makes text within a set of retrieved elements green. All we have to do is add a function called greenify to $.fn and it will be available just like any other jQuery object method. $.fn.greenify = function()...

Using jquery to auto populate only a time input & not other buttons

javascript,jquery,html5,dom,jquery-plugins
I am trying to use jquery to auto populate an input time field. It works fine; but it applies the time to my other button. How do I only refer it to my input type time field? Any help is most appreciated. Thanks HTML <input type="time" value="" /> <input type="button"...