My new and first jquery plugin - jautochecklist
Hello. This is my first jquery plugin. It allows you to create a beautiful list to replace the html select box. Home page and docs: https://code.google.com/p/jautochecklist/ Publishing a plugin in this site seems complex so I made this post... Hope you like it.
AutoFill plugin/extension which works for all browsers?
Hi all. I am currently thinking of writing an AutoFill plugin/widget which will take my personal data such as First Name, Last Name etc from a file/javascript and will automatically fill it in web page form. I have read till now to build a plugin which works for all browsers, I have two options:- 1) To make a Jquery UI widget 2) To make a NPAPI plugin Is there any other easier method to develop an autofilling plugin, and which option to take i.e. NPAPI plugin or Jquery widget ? Thanks
Jquery Plugin function not working with more than one call
I have a jquery plugin which will contains $.fn.afterResize method. It is working for single call but if we call more than once it is not working... Please help me to resolve this isssue. I have developed two jquery plugins based on this $.fn.afterResize method but it is working only one of the two plugins if i use both plugins at a time $.fn.afterResize is not working. Please find the following code block of $.fn.afterResize method. Example: $("#dvTools").ToolsResizer(); --> I am using $.fn.afterResize
an element Smooth Horizontal scrolling by jquery
hi everybody i have elements like this <div class="main"> <div class="columns"> <div class="column" ></div> <div class="column" ></div> <div class="column" ></div> <div class="column" ></div> <div class="column" ></div> </div> </div>main div have width property lower than screen weight , and overflow:hidden columns div have big width base on divs in it column are sections i want sections be in screen horizontal and scroll no
Calling widget public method from inside onClick function
In my _create method, I add a click method to a class of elements: $(this.options.tabSelector).find('.tabCollapser').on('click', function () { var panelId = $(this).closest('.ui-tabs-panel')[0].id; $(this).closest('div.ui-tabs').collapsible('hide', panelId); }); Within the finction, "this" applies to the element that was clicked on. I can find the div associated with my widget ($(this).closest('div.ui-tabs')), but when this function executes, it reloads the entire
Accidentally overwriting already existing plugins
Someone has pushed a plugin to plugins.jquery.com with the same name as a plugin of mine (formvalidator). It has overwritten my own plugin page on plugins.jquery.com. What can I do? It seems like a quite awful bug :(
How to by-pass a function that depends on datepicker if a user does not choose a date
I have set up a function that determines a date depending on what date the user chooses in the datepicker. Currently if the user does not choose a date it still runs this function as if the default date is today, what can i do so that it does not run this function if no value is chosen in the datepicker?
Problem with header position: fixed property. Solve with JQuery?
I am new to jquery. This is my question/problem. I have a site I'm developing with a header that is fixed in the top of the viewport using the css properties, position: fixed; top: 0; right: 0; left: 0; bottom: 0 auto;. The problem I'm having is that all my anchored links (href="#") when clicked appear beneath my header. What do I need to do? Do I need to create a jquery plugin? If so how? Or is there one already made for this problem? Or is it a simple css, css3, or html tag that I don't know
treating dom objects as objects in jquery with boolian properties
my new website uses jquery! but its buggy and i need help! [url]http://patrickallard.net63.net/[/url] ive gotten to the point in this code where i realize i should have the divs that are opening and closing treated as objects (well, they are dom objects, but i need to have my own boolian properties for them) here is my script so far, the windown[] array doesnt exist, i was just trying to do it with arrays can anyone glance at my code and give me a tip please? [CODE]<script> // store dimentions
is there any platform where developers can sell jquery plugin and generate revenue
is there any market place like chrome store , facebook store or app store for jquery plugin so that developers can generate revenue.
Wordpress - Submenu drop down menu jquery slideDown not working good - why
i am developing a Wordpress theme and i want that my menu / submenu have effect like this : http://www.yootheme.com/demo/wordpress/glass so i have this code in my wordpress theme for submenu : if ( jQuery(window).width() > 985) { jQuery(function () { jQuery('#categories.nav li, #pages.nav li').hover(function () { clearTimeout(jQuery.data(this, 'timer')); jQuery('ul', this).stop(true, true).slideDown(500, 'easeInOutCubic'); }, function () { jQuery.data(this,
Uncaught TypeError: Object [object Object] has no method 'zclip'
I am using click to copy clipboard in my project. It is successfully applied to my project but after I did some modifications on that page it is not working. In my browser console it is showing this error every time "Uncaught TypeError: Object [object Object] has no method 'zclip' " Tell me the solution how to solve this problem. <script src="/js/jquery-1.9.1.js"></script> <script src="/js/jquery.zclip.min.js"></script> <script> $(document).ready(function() { $("a.copy").each(function()
First jQuery plugin developed, code feedback wanted
Hey everyone, just finished my first experimental jquery plugin and I'm still quite new to plugin development. Because of this I would love to hear some critics, feedback or some suggestions. I prefer feedback to the plugin code (Quality, mistakes, improvements) not the plugin itself, of course the plugin itself is also welcomed. The plugin I'm talking about: https://github.com/Bahlor/jQuery-Pixel-Related-Object-Selection Thanks in advance :) Best Regards, Chris
GoogleMaps API V3 OVER_QUERY_LIMIT
Boa noite, Alguem poderia me ajudar? Tenho mais de 10 cadastro ao consultar da o erro. OVER_QUERY_LIMIT Segue codigo abaixo Obrigado. jQuery.noConflict(); jQuery(document).ready(function() { var counter = 0; var service = new google.maps.DirectionsService(); var lojasLatLng = new Array(); var texto = new Array(); var geocoder; var markers = []; var iterator = 0; var map; var ib;
Isolating jquery version to my plugin, regardless of other versions
Hi, I recently encountered an issue where my client's jquery import was linked to :http://code.jquery.com/jquery-latest.min.js. This new version removed $.browser. My javascript application is using simplemodal.1.4.2, which still uses $.browser, and this caused errors. Is there a way I can embed a specific jquery version to my application, regardless of the other jquery versions on the page ? Thanks, Kevin
image map hotpot on click
Hi, I will like to highlight an image map hotpot on click (active page). Any suggestions? I used the following: only work when i hover the image. <script type="text/javascript" src="jquery-1.8.3.min.js"></script> <script type="text/javascript" src="jquery.maphilight.min.js"></script> <script type="text/javascript"> $(function () { $('.map').maphilight(); }); </script> Thanks!!
Add anchors to itself
Hi, I am creating my first plugin, the goal is to create a simple table pager. Here is a link to what I have so far: http://codeturtle.com/files/pager.html The problem I have now: when user click on 2 or 3 at the bottom navigation, nothing happens because I can not figure out how to call the javascript the right way, I was thinking: $('#tbl1').pager(5, 2) and $('#tbl1').pager(5, 3). Thanks
Best practices on a "loading" widget.
I'm developing a modal loading widget that could be applied to the document as a whole, or a specific element on the page (e.g. an Ajax grid) Using the $.widget would end up looking something like this: $(document.body).loading(); ... <activity> ... $(document.body).loading('destroy'); Now, I have a case whereby I'm trying to clear out any blocking loading widgets on the document body, but the loading widget may not have been initialized. As I'm getting an error, its seems that I'm not following
Best practice implementation
Im looking to develop a plugin that can apply common functionality to multiple elements. My issues is that if the state of the current "clicked" element is set to display then any other displaying elements must be hidden. What would be the best way to actually do this? I have done something before using prototyping where I stored the current displaying element as a variable in the object and hiding it on new element click and then storing the new element. NOTE: the "hide" class comes from Twitter
Testing and suggestions for syntax highlighting plugin
Hello everyone, I'm developing a syntax higlighting plugin - { SynLighter } You can find it here http://kuzhagaliyev.kz/synlighter/ Please, if you have an opportunity take a look my plugin's performance, even thouh it's really basic now. I'll also accept any suggestions on things like highlighting colors, code compressing or making highlighting more reliable. Thanks in advance!
jquery split screen and import another webpage
Hi, I am trying to tackle this problem on my app. I want a split screen whereby my app will be on the left and the imported webpage on the right. Does Jquery have a plugin for this and is it possible to split a screen using Jquery? Also, I want a Jquery dock menu bar plugin, to follow the user around on the pages they vist and the menu to constantly be visible at the bottom, again would this be possible?. Many Thanks, Tom
How to create plugin with ajax response
Plugin Code (function($) { $.fn.dateSlider = function($options) { var $defaults = { page: '' }; var $settings = $.extend({}, $defaults, $options); return this.each(function() { $.post($settings.page, function($res) { $settings.done.call(this); }); }); }; }(jQuery)); html $(function() { $('.test').dateSlider({ page: 'res.php', done: function() {
Please solve this issue
Dear all, I am trying to create DragAndDrop plugin this is my code. It gives no error nor it functions correctly. I don't understand what might be the actual problem. Please solve my issue. Regard's B. Jagadeesh <html > <head><title> </title> <script type="text/javascript"> function EventTarget() { this.handlers = {}; }; EventTarget.prototype = { constructor: EventTarget, addHandler: function (type, handler) { if (typeof this.handlers[type] == "undefined") { this.handlers[type] = []; } this.handlers[type].push(handler);
Instantiating a jQuery plugin multiple times, triggers multiple click events.
I am writing a pretty simple jQuery plugin that slices `ul` and `ol` elements and appends a `More/Less` link to the bottom. The plugin works fine if I initiate it once on the page.but say if I've got to use it on different lists with different options and i instantiate it on different elements on the same page. It works, but a lil messed up. So say if I use it on 2 lists on a page. The first list gets Instantiated 2 times therefore making click events to be triggered 2 times, Now, if I add another
Uncaught Error: cannot call methods on button prior to initialization; attempted to call method 'widget'
I have this ERROR while I am migrating from old version of jQuery to jQuery 1.9.1. How do I solve this problem. Is there any solution for this problem?
jQuery Gmap plugin [Error: has no method 'gmap' ]
Hello I added the jQuery google map plugin but i got this error : Uncaught TypeError: Object [object Object] has no method 'gmap' My html : <!DOCTYPE HTML> <html> <head> <script>window.$ = window.jQuery = WLJQ;</script> <title>test_geo</title> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script src="js/jquery.js"></script> <script src="js/jquery.ui.map.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#map').gmap().bind('init',
Binding events in a plugin
I'm trying to write a jQuery Websocket wrapper. I realise there are a couple out there, but I am using this as a means to learn how to write jQuery plugins. I have nothing websocketty written yet, I'm having a more fundamental issue. My code, thus far, is as follows (function($){ var methods = { init:function(options) { console.log("Innited "); return this.each(function() { } ); },
How to return rest HTML loaded from external after empty the some ids.
Step one : Get the external html file to variable Var myurl = “externafile.html”; $.ajax({ url:myurl, dataType: "html", success: function(data){ } }); externafile.html <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Gohome.com</title> </head> <body> <div class="wrap"> <div id="names">Nale list</div> <div class="span1" id="blank1">Details
Possible to make this component JQuery friendly
Hello, I'm working on a JavaScript component http://redquerybuilder.appspot.com/ that tries to allow normal users to create and edit SQL queries. I know enough JavaScript and JQuery to be dangerous so I've no clue if it would make sense to try and make it JQuery friendly never mind how. I've read the documentation and understand the mechanics of writing a plugin but I think I'm missing the "zen" of a good plugin. Anybody thing it is sensible or worthwhile? Any tips? Cheers Sam
parryThrust 1.0.0 - Transparent Image Clickthrough
Hi all, I've just finished my first jQuery plugin, and would love anyone and everyone to have a go. It's available here: https://github.com/adamscoble/parryThrust It allows you to stack images with transparent areas in them, or divs with background images that have transparent ares and be able to click through the transparency to the image/element behind. It uses canvas, so only works for IE9+. Any feedback is appreciated!
Problem with dynamic events .on()
There is a code that dynamically inserts an event, but the event doesn't work out if it is changed from the default value. The event inserts correctly. Where is the problem? (function($) { jQuery.fn.validate = function(options) { //Настройки var settings = $.extend({ "main_form_event_type" : "change", "fild_settings" : { }, }, options); var $this = this; //Plugin initialization function init_validate(){
Needing to extend the functions of a simple jQuery gallery?
I found a simple jQuery gallery to implement on my site. However, I have 1 problem. I need to be able to revert back to the original picture, while you've clicked on a different image. For example, when you load the gallery, you'll see image 1, then you can click on the thumbnails to view the other images. The problem I'm having is that I don't have image 1 as a thumbnail and therefore can't view it once you've click on a different thumbnail. So I'm trying to figure out, how I can extend the code
how to clone nested lists
Hello i wish to develop a simple tool to clone nested elements. Say I have something like the following, where the B's are buttons: -- list B1 ---- sublist B2 ------ subsublist B3 (call it the template) By clicking a button, the corresponding (sub)list, with its sublist(s), should be appended below itself, and it should be possible to redo that more times. However, I want to clone just elements/lists from the original template. If you know of a piece of code that does something close, I appreciate
Why my plugin is not updated?
Hi, I have a problem with my plugin -> http://plugins.jquery.com/jocode_slideshow/. I send a tag version with git as stated in the documentation, but nothing is refreshed on the jquery plugin page. I work with netbeans, i create a tag named 0.9.2, and then I make a push, with the git menu. Is that I forgot something? Thanks
Jquery Problems With The Navigation of Moleskine NoteBook Plugin
Hi Guys,I have problems with the buttons of this Plugin(Moleski NoteBook with Jquery).I stay using the normal code http://tympanus.net/Tutorials/MoleskineNotebook/MoleskineNotebook.zip?84cd58 of the demo,but I like modify the buttons for create a menu with the effect of Moleski NoteBook with Jquery in the firts page.So I like create buttons for change of each page,I believed that I can change of page of this mode <div id="page01"></div> and on the <a href="#page01">1</a> , but this is not true. My
The Boilerplate ?
starting with an empty boilerplate like this one above, I want to call this plugin on one specific div : <div id="BoilerplateEntryPoint">BoilerplateEntryPoint</div>thus that is may code, first the text BoilerplateEntryPoint is set to pink color (OK), then I check that no data exist with "plugin_defaultPluginName" (OK -> alert box tells me "undefined"), then I call the plugin defaultPluginName on that specific div $('#BoilerplateEntryPoint'), and to check that the code is well execute, I start the
jQuery Plugin Boilerplate with elegant Interface
Hi folks, some weeks ago I extended the http://queryboilerplate.com to fit my needs for developing jQuery plugins with a public interface. Coming from the PHP development I missed the scope feature to make functions private / public. So I extended the boilerplate and implemented a new namespace where all the public interface methods can be definied. You can see the extended boilerplate on http://jquib.web-sav.de/ and use it for your own plugins - I only ask you to review the code and give me feeback.
jquery.tablesorter.pager issues
I have two issues when using jquery.tablesorter.pager.js. The first isssue is that I do not get the pagination widget at the bottom of the table displayed. I do get 10 rows with my header and footer but no widget below for sorting through my record set or to change the pagination number. The second issue is that when I select a sort from the table header my table collapses so that only the header and footer of the tabled is displayed with no rows between them listed. Any suggestions appreciated,
How do I tell if a plugin uses ARIA correctly?
Hi. I often have to do WCAG accessibility checks as part of my testing job. Part of the specification involves checking that any custom input elements / plugins use ARIA correctly. I can do a check on the source code but quite often the word ARIA doesn't come up. So is there a way to verify that someone's Jquery slider or fancy drop down menu is accessible in this way?
Superfish custom sub menus
Hi Forum, If you navigate yourself towards this URL: http://cypresscottage.co.za/index2.html You will notice that the current main menu is made using flash, and if you look at the sub menus, you will see that it's quite custom made using flash. The sub menus sit next to each other and as well on top of each other. Question: Do you think this can be recreated using Superfish? The sub menus mainly, and how would I go about it? Thanks, Dale
Next Page