Problems with new map plugin
Hi all I made a javascript map library for openstreetmap. Unlike google map it's open source (LGPL). Now I try to integrate it to jquery and got some problems. To populate a div with the map is easy: $("#theselector").makeMap(lat,lng,zoom); That's it. But when it gets dynamic, there are problems. The map is using absolute positioning even if the div positions on a floating layout. I have to calculate the top,left,width,height coordinates where the map is displayed. If a div is changing position
Extending the settings object - not sure why this is not working
(function( $ ){ var settings = { 'daysInMonth': [31,28,31,30,31,30,31,31,30,31,30,31], 'dayAbbrev':["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], 'monFull':["January", "February", "March","April","May","June","July","August","September","October","November","December"], 'startYear':(new Date().getFullYear()), 'minYear':2005, 'endYear':2020, 'startDate': null, 'hasTime':true, 'timeSelectLabel':'Time
Having problems with a "lightbox" based plugin I wrote.
Hey guys, I wrote this plugin and at the moment its working with every browser, except some issues in IE. When using Global Variables, with IE it erases the global variable everytime the jBox is loaded. Any ideas as to why it happens? // @title: jBox v0.2 // @author: John Madrigal // Copyright © 2010 Hitcents. /* * Use for documentation: The purpose of this box is to make it more customizable. As in have 6 different types of boxes using * different classes for each box and allowing each box to
Update Project
Hi, I can't update my project in jQuery Plugins! "Your submission has triggered the spam filter and will not be accepted" I've tried with minimal text, without success. From what I saw of Drupal and Mollon, there's nothing I can do. This occurred after 4 or 5 previews without save. I do not know who manages the users. But you can enable the update of the project? User: CHW Project:WiseJS or Anyone have any ideas? Best regards, CHW
Help With column heights
I'm new to jQuery. What I'm trying to do is check the heights of two columns and apply the greater height to the content wrapper the are in. Here;s what I have so far. $(document).ready(function () { var rColumnHeight = $('#right_column').css('height'); var lColumnHeight = $('#left_column').css('height'); if (lColumnHeight > rColumnHeight) { $('#body_content').css('height', lColumnHeight) }else if(rColumnHeight > lColumnHeight ){ $('#body_content').css('height', rColumnHeight)
New Table Based jQuery Autocomplete Plugin (Based on jquery.autocomplete)
Hey all, I recently had a project that called for this and I was surprised it didn't already exist. My need was for a way to present auto suggest results in a table layout (with or without a header row) instead of the standard "list" (UL elements). My solution was to use the existing jQuery Autocomplete plugin 1.1 by Jörn Zaefferer. My version of that plugin is designed to get the data back from the server as an array of hashtables - or an array of associative arrays if you will. Would love for
How to attach window resize event
Hello there. Im using the plugin template found in the plugin authoring tutorial in the plugin page. I need to reposition the element plugin is attached after window resize event. Like this: (function($){ var methods = { init : function( options ) { return this.each(function(){ // Do something with the element(s) plugin is attached. // Call the reposition method $(window).bind('resize.tooltip',
Hi dear all
Hi, My Dear forum friends, I'm new to JQuery, I've just managed to know that how put jquery and other plugins on a web page. But I want to develop plugins for JQuery.But the problem is I don't to how to start and from where to start? So, if you please help then it would be more helpful to me. Thank you, Rittwick Banerjee
Variables in jquery plugin with multiple methods
Hello, I have created my first jquery plugin and I am not sure if I am using the variables the"correct" way. The plugin is working fine as I did it, I just want to know if there is a more elegant way of doing it. My question is: am I declaring and setting the variables in a "correct" way? The plugin: It takes an element and turns it into a basic scroll roller. Source code: (function( $ ){ var settings = { speed :10000, totalWidth :500, loop :true, construct :'span' }; var root; var methods = { init
Behaviors - simple jQuery extension.
Behaviors as an entity is a declarative way to assign/bind scripting methods to DOM elements. We can think that browsers have following declarations in their default CSS declarations: input[type=text] { binding: TextEditorImpl; } input[type=button] { binding: ButtonImpl; } select { binding: SelectImpl; } ... So when we define <input type="text" /> in our markup we declare that the element will behave as a text editor - it will have set of all needed methods and will generate all associated events.
How to get rid of flashing effect
Hi every one, I am new in jquery and js. I have used jqDock , plugin (http://www.wizzud.com/jqDock/) for my web site menu and with the help of a friend I managed to make the active menu element remain expanded. Here is the problem: if you hover your mouse between two of the menu elements and move slowly between them upwards on downwards , you'll get this terrible flicker effect.(sometimes you gota play around for few seconds to see what I say) I don't know why it happens and how can I fix it and
onkeydown() and val() does not work together...
Hello, I quickly wrote a little script that hide a label that is under an input if its val() is not blank, checking it with an onkeydown. Here it is : $(".field-container .field").css("value", ""); $(".field-container .label-text").show(); if ($(".field-container .field").val() != "") $(".field-container .label-text").hide(); checkEmpty = function() { if ($(".field-container .field").val() != "") { $(".field-container .label-text").hide(); } else {
New Apple Dock menu: should I turn it into a plugin?
I have written a script with jQuery for a sliding menu that resembles the Apple Dock menu. See this demo (the little menu attached to the bottom of the browser) and the source code. It works on a <div> with <img>'s. You can use it as a menu, for displaying social bookmarks or as an alternative for an image slideshow. An Apple Dock style menu plugin already exists, but my menu has different functionality. Extending the existing plugin was not possible. Is this menu useful and should I turn it into
clueTip on an image showing content with alt tag
I'm using clueTip on an image map which works fine. However, when I rollover the areas, the clueTip appears then the alt tag also appears over the clueTip with all of the clueTip contents. How can I prevent this? I am simply using a class to trigger it. I set the alt tag properties for each area to no text using alt="" but that didn't help.
CORS for IE
I wrote an façade that allows jQuery's .ajax() function to use CORS even with Microsoft's browser-like program, Internet Explorer. For the uninitiated, here is an explanation of what this means: Ajax allows JavaScript to retrieve data from the server via HTTP requests For security reasons, JavaScript wasn't allowed to retrieve from any server but the one that served the page it was on. Last year, a protocol was agreed to that would allow servers to control whether they could be read from other servers'
Documentation - code comments and tooling
Hi guys, I couldn't find any guidelines about how to comment the jquery plugin code, and generate nice documentation that can be browsed , from the code comments. Some frameworks such as ExtJS have a strict format for all functions, and a tool called ext-doc: http://code.google.com/p/ext-doc/ That generates something like this: http://ext-doc.org/docs/ Which perfectly suits my needs. But since I've chosen jQuery as the development framework, i would like to get your feedback if something similar
Kwicks for jQuery help
Hi, I have implemented the kwicks for jquery which works quite well when I have the "sticky" attribute to true. However, I need to have this turned off so that all the expandable elements are closed on page load. My problem is, I can't get the elements that activate the expansion all have gaps and I need them to sit side by side without any spacing. I have tried changing everything to try and remove these gaps ebtwen the elements. Anyone got any odeas what Im doing wrong? I based my code on
jquery week calendar to day calendar?
How to change jquery week calendar to day calendar
Simple plugin for official plugin development pattern
Hello, Can someone point me to a simple jQuery plugin developed using the plugin development pattern mentioned at http://docs.jquery.com/Plugins/Authoring ? If there is a tutorial with a complete plugin, that would be even better. Thanks.
Simple link question for JQTouch beginner
Hello, I've looked at many JQTouch tutorials but I haven't found a description on a simple thing: Given a list of items, how do you turn each item into a link that then brings up a dynamic page showing data about that item? Here is the flow I what I want to do: 1) Present list of items 2) Item is tapped 3) an XML call is made to the server with the ID of that item, and the associated data is returned 3) XML data is processed, and a new page is displayed with this information. My problem is in Step
jQuery AppMenu plugin - v1 launched and looking for feedback!
Hey guys, Not sure it this is in the right forum - apologies in advance if not. I'll keep this brief since I know you're probably busy - I've been working hard to finish and publish a new jQuery plugin called AppMenu, that brings Apple Mac-style Alt+Tab functionality to the web, and - long story short - it's finally finished. I wanted to ask you a huge favour - if you have time, could you please nip over to http://www.josscrowcroft.com/jquery-appmenu/ and take a look? There's a suite of demos for
Need Help
I am using a validation plugin in which i want to add some more rules like min max range, validating two controls for range as well as date also but i am not getting the exact thing. Can anyone suggest me what to do here ? Please do provide solution for this code only. (function($) { /* Validation Singleton */ var Validation = function() { var rules = { email : { check: function(value) { if(value)
animation callback functions not waiting for animation to complete :(
Hi guys, I'm developing a custom plugin to hide/show text with some nice little animations. Basically when the 'Read Less' link is pressed the text is meant to fade out, its containing div slides up and finally the link text is changed to 'Read More'. Clicking the link again slides down the div and reappears the text, again changing the link text to 'Read Less'. At the moment the animations are not smooth. jQuery doesn't seem to wait for the first animation to finish before firing the second, so
how to upload myplugin
it joke i create project repeater but now i can't find it on plugin page and can't ind way to upload new version to website what happen
function using ajax and return value problem
I am stumped. First plug-in project and have hit a snag. Declaring a function which utilizes the .ajax() call will not return the data retrieved during the 'success' function. Here is the code if anyone could tell me what I am doing wrong... thanks in advance. (function($){ $.rsaKey = function(proxy) { $.ajax({ data: 'ssl-key=true', type: 'post', url: proxy, success: function(response) { return response; } }); } $.fn.gibberish = function(options) { var options = $.extend(defaults,
question on validation plugin
I have a form that contains submit 2 buttons: Update & Delete. Update button goes through all validations and eventually falls through to my submitHandler, The Delete button on other hand bypasses form validation "class=''cancel" and falls to the same submitHandle. Now that I am in my handler I need to detect witch button was actually pressed so that I take correct action. I am not sure how to do it though. Any ideas are welcome.
Review process?
Is there a review process for new plugins? This is my first plugin for jQuery but feel its pretty solid and should be beneficial to others. http://plugins.jquery.com/project/jQuery-Gibberish-AES Thanks
HTML5 Form Validation Plugin - Needs Testing and Feedback
A jQuery plugin that understands HTML5 forms and knows how to validate them, even in browsers that don't yet support HTML5. http://ericleads.com/h5validate/ In browsers that do support HTML5, h5Validate adds some much-needed features, such as the ability to customize the user interface when an input fails validation. Uses the new "required" and "pattern" attributes in HTML5 to extract validation rules from your HTML and enforce them. Very configurable: Available options: errorClass Custom CSS class
JQuery - Dangerous Challenge - Receive the parameter function
Guys, This challenge is so dangerous to me. I developed a plugin for my company. It is as follows: To call a plugin, simply enter the code below: $(this).validateAudience({module: 'specific', specific: 'dateAll["#id_name"]'}); In this plugin, the function model is thus: $.fn.validateAudience = function(settings) { if(settings) { try { //currying - techniques javascript. execute(
Getting an elements attribute RIGHT
I'm developing a plugin that tries to simulate validation of HTML5 form fields (number, email, color, etc...) in browsers that still don't support them, including Firefox, but I have a problem getting an element's real attributes. Say you have something like this (notice type=email): <input type='email' /> Firefox doesn't recognize this type yet, but it renders it as a type=text which is alright. Now, in Firebug you type something like this: elem = $('[type=email]') // [input] It works as expected
jQuery Plugin Pattern 2.0
Hi everyone, After a long time I've finally written up my latest plugin pattern that allows to namespace your plugin, use traditional OOP method conventions, as well as maintaining full backward compatibility with jQuery's traditional plugin convention. This means now you can write plugins that can be used like $(selector).pluginName.object.method() or even as $(selector).pluginName(args) or even as $(selector).pluginName(args).method() and of course you can pass arguments to your methods as well
Pin Style Accordion.
Hi. I'm really new with jquery and only know how to do the very basic with it, but I had a function in mind. I found what I was looking for but upon integrating it into a site, I found out mootools and jquery do not mix well. The site has jquery scripts on it which it NEEDS to keep. If you go here, http://www.byscripts.info/scripts/javascript-dynamic-accordion-menu Example 6. This is exactly what I need but in a jQuery format. Does anyone know of one like this? I've been looking and looking and I
Advanced Plugin Authoring Tutorial
UPDATE: I have developed a new pattern that can be found here : New jQuery Plugin Pattern Hi all fellow plugin authors, I have finally gotten around putting aside some time to describe my plug-in development. This is a pattern I first developed for my own needs, and now has found its way into Fortune 500 companies as I try to do my share at promoting jQuery. It would be greatly appreciated if I could get some feedback on my write-up to improve upon any oversights. Advanced jQuery Plugin Authoring
form validation plugin question.
I have a form with 2 buttons: 'Update' and 'Delete'. The form also has a custom submit handler. Update button goes through the validation process and ends up in handler while the Delete button bypasses the validation and ends up at the same place. Now in my handler code I need to detect which button is actually got me here so that I would take an appropriate action. Here is what I come up so far, but I just want to see if there is a cleaner way to do it and if my approach has some potential problems
The jquery.namespace.js plugin
jquery.namespace.js Use this plugin when you want to create a plugin that is in a namespace not immediately attached to the $.fn namespace. For example, let's say you work for acme.com and all plugins must be in the reverse-domain namespace of com.acme. Simply writing $.fn.com.acme.myplugin = function(){ ... } will not work for a number of reasons. The intermediate objects com and com.acme don't yet exist. Even if you created them, calling $('p').com.acme.myplugin() still will not work because the
What variable declarations have been missed here?
We've been using the Clockpick tool by Josh Nathanson and an error has come to light which clashes with other jQuery Plugins. Josh hasn't yet fixed it but did say he hadn't var scoped all of the variable names. It's crashed a few of our things so I'm hoping it might be an easy one for someone more experienced to see what is needed to fix it. The script is here >> http://www.jnathanson.com/pages/jquery/clockpick/1.2.7/jquery.clockpick.1.2.7.js Is it something obvious that can be fixed? Really like
jQuery plugin code review
I'm looking for a code review of this plugin: http://github.com/webandy/jquery-tweets Goals: 1) testable 2) idiomatic javascript 3) flexible pattern I can reapply I extracted an object and wrote tests against it with Qunit. I like this but now there is a TweetsPlugin global object so I'm looking for help on how to put this into the plugin namespace and still have it be accessible to the qunit test code. I am aiming to develop a repeatable pattern I can apply to a number of other internal jquery plugins
The problem with the Live method
Hi! I'm developing a plugin that fired the popup with the form for editing one paramater, and then save it via ajax. I cutted almost all the code from the plugin for showing you the heart of the problem. As you can see in the snippet of code below I just add the click handler in which i call the alert: (function($) { $.fn.sdialog = function(options) { $.fn.sdialog.defaults = { 'title' : 'Title', // some options here... }; options = $.extend($.fn.sdialog.defaults,
jQuery Plugin Authoring – Step by Step
. If you interested in JavaScript and jQuery plugin development then this one is for you(who have at-least jQuery plugin usage) . I have written at my new blog post here: http://mahtonu.wordpress.com/2010/09/20/jquery-plugin-authoring-step-by-step/ Any critics and comments are welcome here and there. Best Tonu
JQuery Plugin for "Sign in with Twitter" and / or "Facebook Connect"
It would be great if there's a JQuery Plugin for Sign in With Twitter and Facebook Connect. Like a widget that you could add on your website to access Twitter or Facebook API's and OAuth features with PHP as the server side scripting language. Example Plugin:
Next Page