Form Preview plugin presentation
Hello everyone! I want to present you my first jQuery plugin, Form Preview. Form Preview is a plugin which allows you to visualize form input. Some examples of application for this plugin: Website profile preview Shop item card preview Any preview, basically Website with demo and github repository with documentation. So what do you think about my plugin? P.S.: I'm not sure if it suitable category, however, it's worth a try
Animated drawing with svg and jQuery
Hi all, I recently discovered the great possibilities of using svgs (scalable vector graphics) and came across this interesting example on Codepen : http://codepen.io/ghepting/pen/xnezB This page gives a clear explanation of the basic idea : http://css-tricks.com/svg-line-animation-works/ Animated handwriting, quite awesome I thought. But then I realised how poorly CSS transitions and animations are supported (by IE mostly). But as I'm normally using jQuery all the time, I should have turned to it
Widget issues - need a help
1. I have created a widget (plugin) using jquery mobile and the widget has a button .... var ctrls ="<input type='button' id='button1' value='Test' />"; inputElement.html(ctrl) 2. Widget is working properly on the page with Data-Role ='mywidget' 3. but when I create two widgets on the page, the button event will be triggered for the first widget, but not to second can anybody help to resolve
I want to present my work
I created many services, classes and functions which could be useful for some developer. i would be deligthed, if someone would take a look at it, and send me feedback. I wount stop to develop so far, because i just startet my life as worker few years ago, Here you can see all my products: Mephiztopheles WTF the biggest product is definite my FancyFormular Class. with this, you can easily style selectboxes, radioboxes and checkboxes. buttons are not implemented yet, because just safari is preventing
a lot of plugins with different version of jquery
i have a problem with some plugins in jquery. If them use a different version sometimes only few of them does work. can i use any universal version? or excluded depending on the version of the plugin?
Need advices for my first plugin
Hello all! I released my first jquery plugin. I'm not very confident about it, so it would be great if you could give any advice and feedback. You can find it here: http://plugins.jquery.com/letItFlow/ Thank you very very much!
jQuery plugin in few files
Hi. How can i locate one jQuery plugin in few files *.js, and then construct it all in gruntfile.js(for example)? and sorry for my english, it's a little hard for me now ))
how can i define the plugin default settings value.. a calculated object or ajax call..
on jquery 1.8.3 hello this is my first plugin.. how can i define the plugin default settings value.. a calculated object or ajax call.. that cade just not working.. the function on the setting data - not working... (function ($) { $.fn.treeview = function (options) { // plug default virtuals var settings = $.extend({ data: (function () { this.data = "i am DATA from pluging default setings"; //return "i am DATA from pluging
Need Help Creating a Basic Nested Plugin functions
I creating a jquery Plugin like this: (function($){ $.fn.gthnx = function(options){ var settings = $.extend(true,{ g1: null, g2: null, g3: null, g4: { j1: null, j2: null, }, },options); return this.each(function(){ // I dont know how to start here for the nested functions I know how to use g1,g2,g3 but g4 don't where to start? can anyone help me. }); }; }(jQuery)); Thanks, much appreciated if you could help
Deleting my plugin's Github repo and rebuilding it from scratch using SubGit?
I'm the author of the jquery-picklist plugin, and my codebase is developed in my Subversion repo at Googlecode Project Hosting. I'd love to eventually move development to Github directly, but day job and life have prevented me from picking up all but the most basic git commands; I'm afraid I'd really screw something up if I just moved over completely to git right now. (Or maybe I'm just getting old and stuck in my ways. :P) Anyway, when I release a new version of my plugin I update my local git repo
content appends each time return button is clicked!!
Hi I have 2 photos with an intro content on the page. When the user clicks on the photo everthing hides except the photo and the content relevant to the photo appears . I also have a return button which when the user clicks will go back to the orginal page . But each time i click on return the hidden content appends to the main page content . How do i stop this from happening.Is the content being cached each time ? Pls advice .
Create a "Popup" jQuery Plugin
I am looking for creating my own popup dialog jQuery plugin (I know this looks stupid, but please, go ahead reading). I have read more about creating plugin in jQuery in their documentation and I've already written something but I realized that I don't know my directions. I mean should I have something like: <div class="popup" id="myWindow">This is some of its contents</div> <script> $("#myWindow").popup({/* options */}, { ok: "Ok", cancel: "Cancel" /* buttons */ }); </script> or should I go for
jQuery UI namespace and CSS prefix
I'm developing a plugin and I would like to use "uitw" namespace for plugins and "uitw-" prefix for CSS classes. Is this acceptable in light of this recommendation? The ui namespace is reserved for official jQuery UI plugins. When building your own plugins, you should create your own namespace. Source: http://learn.jquery.com/plugins/stateful-plugins-with-widget-factory/
Problem with jquery plugin for tumblr
Hi! I was searching for a plugin that would get posts from tumblr into a html and I found the tumbax plugin ( http://www.codehandling.com/2013/05/tumbax-10-display-tumblr-feeds-on-your.html ). The problem is, I can't seem to get the images bigger, all the images showed in the lightbox have 250px size. Would anybody know how can I change it? I tried to contact the developer, but I haven't had a reply. Thanks in advance!
Jquery Plugin writing
Hello I want to write my own plugin and want to publish in jquery. So plz help me how to do this ? Thank you
Problem Call ExternalInterface flash function
I made a plugin webcam, I can not make a function call ExternalInterface flash in my plugin. is there someone who wants to help :), The function work when not in the plugin. $("#webcam").get(0).actionSelfie("getCapture");but I want make it on plugin like this: this.Capture = function() { if (opt.flash == true) { //this my problem camSelector.actionSelfie("getCapture"); } else { } } error message: actionSelfie is not a function,,
cannot publish jquery plugin after changing my github user name
Hi everyone, I changed my github username from Wayou to wayou, then I cannot publish my jquery plugin anymore witch was published before. And the log says : Sat, 19 Apr 2014 02:34:31 GMT github/wayou/SlipHover v1.1.7 cannot publish sliphover which is owned by github/Wayou So my question is how can I publish a new version of my plugin after my username getting changed. Thanks in advanced!
jquery listnav - Can I filter two ul with the same list nav bar??
Good morning, I am using list nav plugin and it works perfectly. It is wonderful!! My trouble is that I want filter 2 uls differents using the sam list nav bar. I have been searching in google but I haven´t finding out anything about this. I have seen http://esteinborn.github.io/jquery-listnav/ in the demo 2, but it needs create other listnav, I understand each ul needs a listnav. Is there any solution?? Thank you for all. Best regards, David
Jquery Content Slider using Jquery Cycle
I need sample code to create a Content Slider using Jquery Cycle. B L Praveen Web Developer
Jquery ui Sortable clone items with data
I am using draggable with connectToSortable. When I clone the sortable items data is not cloned .I need to copy the data from target to source on receive event. Is this a bug are this is the way sortable works? And also $(this).data().uiSortable is working in some version and $(this).data().Sortable is working in older version . So how to handle this in plugins this.element.find(".edit_component").sortable({ connectWith: ".edit_component", opacity: .35,
cycle pager thumbnail img border color
Hi Forum, I look for a way to add a colored border to the thumbnail images in the pager of a cycle2 slideshow. So far i can only change the border thickness like shown below, but how do I change the color? <div class="cycle-slideshow" data-cycle-pager-template="<a href=# ><img src='{{src}}' height=30 border=3></a>" data-cycle-timeout=0 data-cycle-caption="#adv-custom-caption" data-cycle-caption-template="{{cycleTitle}}" data-cycle-center-horz=true data-cycle-center-vert=true
How to call onchange on dropdown via jquery plugin
I've a jquery plugin created called 'testInfo'. here is the snippet: $('#loadtest-info').testInfo({ width: 400, title: 'Test Info', data:{ name: nameInfo, status: statusInfo, region: regions, start: starttimeInfo, end: endtimeInfo, selectRegion:function switchRegion(){alert('')} } }); I have a dropdown
Need advices with my new plugin
Hi all, I just released "Flight Indicators" plugin, which allows you to draw a flight indicator on any web page and animate it. I'm new in developping jQuery Plugin so I'd like to get some feedback about my work. Here can you find the plugin repository : https://github.com/sebmatton/jQuery-Flight-Indicators I also registered a bower package with the name jquery-flight-indicators. Thanks a lot for your support ;-) Sébastien
Not getting jQuery.extend options correctly inside an event
I'm trying to create a plugin with some form processing & i need to call a success function if form submitted correctly. I used $.extend to extend the options. function Foo(elem,options){ var self = this; $elem = $(elem); settings = $.extend({}, $.fn.test.defaults, options); self.init(); } Foo.prototype.init = function(){ $elem.on('click', function(e){ e.preventDefault(); if(typeof settings.onSuccess === 'function' ){ settings.onSuccess.call(this); } }); } $.fn.test = function(options) { return
Jquery array iteration json
I need to iterate through the json object hierarchical. Children function does not support json objects(Only Dom). Is there way to iterate through the json obects? Question in Stackoverflow B L Praveen Web Developer
jQuery XML parsing and replace tags
I needed to replace then node having field name with the xml node. I tried with replaceWith which did not parse properly. As suggested here I tried to create a workaround to replace xml tag $.fn.replaceWithXML = function replaceWithXML(ele) { var xml = this.html(); return $('<dummy />').append($(ele).append(xml)).html(); } It was not working with all the xml tags properly. xml = '<field><col>Col1</col></field>' xml = $.parseXML(xml); Replacing the "field" with "column" yields unexpected output
Jquery create an Object Class from Object
I am using a create function from one of the plugin to convert an object into class. create = Object.create || function(proto) { function F() {} F.prototype = proto; F.prototype.constructor = F; return new F(); }; protocomponent = {options:{},setOptions:{} } create(protocomponent); I need to create a object class which receives the arguments. I need help to modify the create object function which receives a arguments Currently I am calling setOptions function to set the arguments? Like create = Object.create
Widget inheritance calling question
Hi, I am developing a plugin using jquery ui widget. I have class (or widget) a -> class b -> class c. In other words, b extend a, and c extend b. I know that, for example, in class (or widget) c, myFunc: function() { this._super(); } it will execute myFunc in b. Let's say if I also have myFunc in class a, how can I call it in class c, without execute myFunc in class b? In other words, in class c, myFunc : function() { //how can I execute myFunc in class a, but I don't want myFunc
jquery plugin invoke callback not properly
I write a simple jq plugin, it main function is : popup a window, on the window I have a button, suppose this button's name is btn. click that button btn, then hide window and invoke the callback function. My code is here : jquery plugin callback function invoke error Here, I found the callBack function can not be invoked properly. For example, if I click #show first, the callback function show me 111111. then, I click #more, the callback function still show me 111111 if I click #more first, got
jqgrid colspan and rowspan plugin for table header or table row.
Colspan and rowspan is hard in jqgrid plugin. we' often have to be merged table header in project for customer. In the following code, we achieved merge table header, that colspan and rowspan. But the code is not optimized,if you have an good idea, please improve it,thank you. /* * jQuery tui tablespan plugin 0.2 * * Copyright (c) 2010 china yewf * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * *
Repeatable plugin
I've published jQuery repeatable plugin here: https://github.com/c-smile/repeatable but having troubles to publish it in plugins repository. I believe I've done everything correct for setting it up. Will appreciate any help from admins. As of the Repeatable itself: it is non-intrusive template-less mechanism of lists, tables, etc. population from data arrays. In 90 lines of code. You can think of it as a replacement for things like {{mustache}} & Co,
Angular like Directive features
Does anyone know if we can do directive style functionality with jQuery? It seems to be the only thing I have not found an equal for in jQuery ATM.
Can we use two $.extend method in a plugin
Hi... I'm new to plugin development and i created a new plugin for form validation. I use config : { //basic configurations }, messages : { //success error messages } i used $.extend(this.config,config); for extending the configuration. Also i need to extend the messages, so that the users can write their custom messages. is there any way to do this??
Need suggestion to develop a jquery Plugin
Hi I need suggestion to create a jquery plugin. that plugin should be like book flip with including maps, videos, images, Navigations. Please suggest me how to start and give some ideas to make the plugin more interactive. Thanks, Gowtham Kumar
customized my alert - Make the ESC key nonfunctional after use.
Hello, I customized my alert but I have a little problem with the functioning. I want to use the ESC and ENTER key to close the alert. It is functional, the problem is if I press ESC / ENTER the alert will close it if I re-press the ESC opens it again. I would close only once the alert, the ESC / ENTER key is no longer functional. I try to include the function unbind or off and nothing gives the result expected. I show you my code and if you see what I did wrong please sign made me! var t = $('#PopAlert');
$.utility() versus $(element).method()
Hi All, I'm trying to figure out the best way to organize my jQuery code. I have a simple case that I would like to discuss here to improve my, and hopefully many others', code patterns. The case Build a flexible 'slider (as in Slideshow)' plugin/utility, that can take multiple sliders (each having one slide visible at a time) and multiple controls (arrows, bullets). A simplified html example would be: <ul class='slider' id='main-slider'> <li>Slide 1</li><li>Slide 2</li><li>Slide 3</li> </ul>
my jquery plugin cant be clled more than once
i am developing a jquery plugin that animate canvas arc from 0 degree to another degree, but when i call it more than once it just apllied to last one it is my html code <div id="can"> <div id="o"> <canvas width="200" height="200" data-num="94"></canvas> % <span></span> </div> <div id="b"> <canvas width="200" height="200" data-num="56"></canvas> % <span></span> </div> <div id="c"> <canvas width="200"
Expand and move a task in timeline script
I have a project where I need to make a timeframe like the one from Tom's Planner (see here) And since i can't find a plugin to do what i want, i made the decision to make my own plugin. I made the timeline design based on this but now I need to make an option to expand the task and move it with drag and drop. Basically to expand the task with +/- x days based on how much i drag the margin on the left/right or to move it up or down with drag and drop. But i can't find a way to do this. On what functions
PROBLEMAS AL ROTAR UNA IMAGEN CON JQUERY
Buenas amigos. necesito ayuda con respecto a un plugin que estoy desarrollando, se trata de un plugin que permite rotar una fotografia determinada, usando jquery, y la funcion $.animate, pero estoy teniendo un pequeño problema, rotar de forma negativa, le paso 180 Grados negativos y la animacion se realiza desde 0 Grados hasta 180 Grados negativos, aseptaria sugerencias y para los que me puedan a yudar y quieran ver lo que tengo escrito en codigo, le refiero la url del repositorio en GitHub: https://github.com/buil/rotador.git
Lazy Load XT jQuery plugin
We have released new jQuery plugin for lazy loading of images and videos. There are several similar plugins exist (starting from original Lazy Load plugin by Mika Tuupola), but our one has following advantages: 1. In the simplest case it works out of the box without additional manual initialization. Just include script file on your page and rename src attribute to data-src. 2. It supports jQuery Mobile framework and it is AJAX-compatible in general: elements removed from DOM are correctly removed
Next Page