ClodZoom method not working
Hi, In my Asp.net Application i use Cloud-zoom.1.0.2(js) jquery file. In jquery ready function is call CloudZoom method it is working. function ($) { $(document).ready(function () { $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom(); // It is working }); function CloudZoom(jWin, opts) { // some code here } })(jQuery); But In our client side javascript function it call same method it don't work. How to solve this problem function ImageChange(src) {
Suggestion: $(element).addTo(set)
I'd like to suggest an addTo() method, since jQuery often has two methods to do the same task but switching the context between source and target. For example, these could be equivalent: // Add to set using $.fn.add (function ($) { var $set = $('#a, #b, #c'); $set.add($('#d')); })(jQuery); // Add to set using $.fn.addTo (function ($) { var $set = $('#a, #b, #c'); $('#d').addTo($set); })(jQuery); Example implementation: $.fn.addTo = function (collection) { $(collection).add(this);
Matchers and pseudos
Selector matching happens rtl, but I think there's a case to be made in the case of filters this isn't exactly best. Each part of the selector operates against an element and all of the simple selectors in CSS are, well, simple to check. Filters, however, don't have to be - the complexity of a filter is kinda N. Here's an example: .foo .thinger:_custom(.a .b:matches(.y:odd, span .x:even), .foobar) The filter above involves a lot of complexity. If the filter is subject as in the above case,
Tip: display a plain icon. Bonus tip: awesome icons!
The question occasionally comes-up as to how to display an icon. Just an icon. Not a button with an icon. Not a list item with an icon. JUST an icon. Unfortunately, the JQM docs don't seem to address how to create just a plain old icon. I suggested a solution the other day, but it wasn't quite right. Here's the right way: <div class="ui-icon ui-icon-arrow-r></div> You might be tempted to use a <span>, because if you examine a typical page with an HTML debugger, you will see that all the icons used
Finally a way to track/debug jQuery events in most browsers.
There is a new project that provides a way to track triggering of events and event handlers. https://github.com/intervalia/triggerTracker Use triggerTracker to see what is being triggered and what function is handling the event.
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 * *
Use bsmSelect with jQuery Mobile 1.4
The handling for multiple select's by default in jQuery Mobile 1.4 is not ideal. The following is a way of using bsmSelect, which is a user friendly way of interacting with multiple select's. The following is a working example:http://jsfiddle.net/WahKu/
Use bsmSelect with jQuery Mobile 1.4
The handling for multiple select's by default in jQuery Mobile 1.4 is not ideal. The following is a way of using bsmSelect, which is a user friendly way of interacting with multiple select's. The following is a working example: http://jsfiddle.net/WahKu/ Originally posted on: https://forum.jquery.com/topic/use-bsmselect-with-jquery-mobile-1-4
Themeroller and checkboxes
Hello, I'm making a webform that uses checkboxes like they are buttons. I need to keep the checkboxes checked and all. I noticed in themeroller that theres colors for button states, but they dont all quite apply to checkbox states. The colors seem to apply to the large checkbox area in the the themeroller and ignore the little checkbox. On my site I use the css that turns the little checkbox into the entire checkbox element. I would like to choose a color for the checkbox state that is checked and
The resizeend event
Hi guys, I was irritated how Firefox and Chrome fire the resize event multiple times while the user resizes the browser window, so I wrote a little script to deal with that... The issues... Firefox = if you resize the browser window using the "resize area" at the bottom right corner of the window, then the resize event will be fired every ~20ms for as long as you drag the corner of the window. Chrome = if you resize the browser window, the resize event will be fired twice !! Since I want to run some
Add firefox search engine for jquery doc
I'm using Firefox every day for devloping. Firefox has the feature to directly search into some website. Here the Firefox doc: https://developer.mozilla.org/en-US/Add-ons/Creating_OpenSearch_plugins_for_Firefox I think could be usefull to have a "open search" for the jquery doc. It could be done in half an hour. what do you think ?
Allow .html() to be used on Shadow DOM
The Shadow DOM currently allows for the .innerHTML property to be used to modify the HTML. Is it possible to add this functionality to the .html() method in jQuery?
html5 WebSockets
Saw rarely information about this feature on the internet, either missing or non-working. I think it is best to implement into the already great jQuery.
DatePicker trigger icon draw inside the textbox
Now the DatePicker draws trigger icon right outside the textbox, I suggest it could support drawing icon inside the textbox, at the most right. The reason is I set textbox 100% width, an outside icon would make it become 2 lines in a talbe cell. thanks.
Getting Started with JSON's and php
I had been using xml for a while now. At the beginning of the week I had an idea to send data as a string in a format like a javascript object. I didn't know it was called a JSON. The next day I was reading through lxer (a linux news site) and came across an article on using php with XML or JSON. Since I didn't know what a JSON was I looked it up. Wow just what I wanted to use. It only talked about using it from a file where as I wanted to use it more like ajax. I was looking around for documentation
Please provide versioned documentation
I hope this is the right place since I can't find anything else that seems like the right spot for an improvement request for the site. Please direct me to the proper place if there is one. Sometimes I need to use older versions of jQuery. It would be really nice if I could go to the documentation page and select the version to get that version's documentation. It's really hard to figure out how things have changed with the current method, which is to try to trace the history though whatever commentary
I want to write less and do more while creating sliders, but unfortunately I can't...
With your tagline being "Write less, do more" you really should make it so that sliders use aria values for their min, max and value attributes. There were at least 3 old projects I came across to fix this behavior, yet the stock implementation never even allowed for such. I have to literally create new JS to implement each slider I want to use. It's impractical. So, please, allow us to write less and do more by implementing common basic functionality that everyone expects to have at their disposal.
Sliding out a dropdown after lavalamp stop
www.drippro.com/index.html As you see, I am implementing lava lamp navigation into bootstrap 3 and i already find a way to open a dropdown by hovering instead of clicking. And i want it toanimate it as i animated in gif picture but i couldnt work slide up/down after lava lamp position is set. http://imgur.com/5uOTq68 I am not good in javascript/jquery but i wanna do it as i imagine.I need your help.
widget namespacing & plugins
I'm working on a project using UI Widgets - they're really great. I've run into a namespacing problem and I'd like to see what you think about my solution. I'm building a survey interface, and want to use a 'survey' namespace. So I have a number of widgets like: survey.core survey.render survey.form etc. This worked fine until I wanted to use survey.select - the problem is that the plugin will be called $.fn.select which is already taken, and I don't want to step on existing functions. The documentation
Callback to run before all tests in a module
I have a need to run a setup/teardown callback to setup state once for all the tests within a module. I have something implemented that works like: module("My Module", { beforeAll: function(){ // will run once for each module in which it's defined before all tests }, afterAll: function(){ // will run once for each module in which it's defined after all tests have run } }); Would this be something we'd be interested in having in QUnit?
On the architecture of qunit-fixture
[Please ignore this idea and focus on the reply. It explains why we were seeing setup and teardown called out of order and why we were under the impression that qunit-fixture was designed poorly. Cheers!] (Preface: I'm a relative new-comer to QUnit. I apologize if the following aspects of qunit-fixture have been discussed ad nauseam. I searched on google, stackoverflow--and of course here--and found nothing similar.) qunit-fixture is obviously a key aspect of QUnit and it does its job of preventing pollution just
X-XSS-Protection "1; mode=block" in Safari (4.x, 5.0) with jQuery 1.9.x redirects to "about:blank"
Hi there, in the ticket http://bugs.jquery.com/ticket/13546 (closed as "notabug") I described in comment 3-5 what caused this issue. This seems to be a bug in the XSS handling in WebKit. Does anyone here has some detailed information about how this works? I found nothing (I am interested in what is investigated when) and could only workaround by trying over and over again (and finally changing the line in jquery.js which does not feel right to me). I never encountered such an issue before but now
New Icons for jQuery Mobile
We have just released a huge icon set of 1200 glyphs that is available not only as PNG but also as a font. You can check it out and of course download it at http://www.webhostinghub.com/glyphs/ The set is absolutely free for both personal and commercial use and we hope that it will be interesting for jQuery Mobile users. We are also planning to add many more new icons and we would appreciate all your ideas on how to make this icon font better.
Announcing jQuery Mobile tableview - plugin for responsive HTML table layouts
One thing I have found missing in JQM is a way to handle tabular data. There are some nice plugins available, but none for JQM specifically. I have written a plugin (widget and extension actually) to handle HTML tables in jQuery Mobile. Demo is here: http://www.franckreich.de/jqm/tableview/demo.html Code on Github: https://github.com/frequent/tableview There are two version of tableview (demo/github is the first one). The "no-func" version only handles the appearance of the table. Tables are responsive
Using JQuery? Try VJET JavaScript IDE!
Hi JQuery Javascript community! I am a lead for a JavaScript IDE named VJET. The project is hosted on ebayopensource.org: https://www.ebayopensource.org/index.php/VJET/. I welcome members of this Using JQuery forum to download and try out this JavaScript IDE. We hope this tool will make using JQuery easier. It was made for JavaScript developers by JavaScript developers. This tool provides code assist, hover documentation, and semantic validation of well known JavaScript APIs and JavaScript syntax.
toggle(function)
$(selector).toggle(function) should be equivalent to $(selector).each(function() { $(this).toggle(function()); });
jQuery and UI reference in chm format, always latest
I dump the raw xml API and parse it into html with DISQUS comments integration. If some one know how to dump the xml API of UI reference, please let me know. I'll pack it with jQuery API reference. Thanks Edit: I have added the UI api reference and fixed some minus bug, user experience enhances! The latest compiled chm would be here https://github.com/Yahasana/jqdoc-parser
SSN Masking and Formatting
/* --------------------------------------------------------------------------------------------- * myPass v1.0 - jQuery password-hiding iPhone-Style * * Copyright (c) 2009 Oliver Storm, Stefan Huissel( http://www.mysrc.de ) * Feel free to redistribute the script/modify it, as * long as you leave my infos at the top. * * * Date Thu, 30 Jun 2009 * * Defaults: charReplace -> Unicode for the symbol that will be displayed * instead of the character. You can find a good overview here: * http://www.fileformat.info/format/w3c/entitytest.htm?sort=Unicode+Character
Error initializing .button()
Hello, I trying to assign icons to buttons Ive created but Im getting an initialization error . Do I have to do the button icon assignment in a callback? Uncaught cannot call methods on button prior to initialization; attempted to call method 'option' But the button has been instantiated here is my code ... $(document).ready(function(){ $("img").attr("src",""); $("a").has("img").button();
Swipe/Scroll features add to widgets.
I understand the limitations and why you're only allowed to have 5 navbar items, but it would a good addition to add the ability to swipe to to show more items in a navbar. I know that theres the plugins like iScroll and Swipe.js that add on to the touch capabilities in Jquery Mobile, you're unable to target the navbar and create this effect. I know iPad allows users to have a scrollable navbar and its a great feature to add in the next release Also, the ability to automatically add a scrollable
Requesting a way to prepend an event handler
Hi, I'm reposting this from http://forum.jquery.com/topic/requesting-a-way-to-prepend-an-event-handler, which did not get any responses. It appears that all of the event handler adding functions (on(), one(), etc) append to the list of handlers. This can make it difficult to override other handlers that are already registered. Could jQuery add a way to prepend to the handler list? My use case is that I am creating a separate implementation of this jQuery-based drag/drop library: http://threedubmedia.com/code/event/drag
JQM ThemeRoller additions?
I've been playing around with the ThemeRoller and it's great tool! I do have 2 suggestions - - I would love to be able to define the text size along with the color for each item. - I would also like to define if the control should default to mini for each control. Thanks! --Christy
Enhance effect blind with effect fade (how to)
Hi. The possibility to combine the blind with the fade effect seems to be a wanted feature. I've found some discussions and approaches to do this on Stackoverflow and some blog. It would be very easy to implement this feature as an option in the code. Just add a few lines in jquery.ui.effect-blind.js (version 1.10.3) at line 57: // start at 0 if we are showing if ( show ) { wrapper.css( ref, 0 ); if ( ! motion ) { wrapper.css( ref2, margin + distance );
More exact use of the Slider
On smaller screens or sliders, it is not easy to pinpoint a slider value. You may say that it is not meant for that. However, I would argue that it could well be used for that with a modification. Here is an example: Before: Slide the slider to where you want to be. The feedback may show a number like '50'. Lift your finger. The feedback now changes to '49' or anything but '50'. Result: :-( After the mod: Slide the slider to where you want to be. The feedback may show a number like '50'. Keep
Converting Seconds To dd:hh:mm:ss Format
Here is a simple function to write seconds in dd:hh:mm:ss: function sformat( s ) { var fm = [ Math.floor(Math.floor(Math.floor(s/60)/60)/24)%24, //DAYS Math.floor(Math.floor(s/60)/60)%60, //HOURS Math.floor(s/60)%60, //MINUTES s%60 //SECONDS
Save the jQuery factory, reuse it in frames, no 2nd network request
Yes, there are those who hate frames with all their souls. If you're one of them, you probably won't like this idea at all. But if part of the page never or rarely changes, and you think frames make sense in that situation, you probably won't reject this idea on religious grounds. Terminology: The jQuery script tag doesn't contain jQuery. It contains the jQuery factory, which looks like this: (function( window, undefined ) { ... var ... // Use the correct document accordingly
a tracelog that bridges across setTimeout(), setInterval(), callbacks, recursive functions - done - needs polishing, but how?
My javascript framework http://fancywebapps.com does a lot of things asynchronously, and is designed to process at the same time multiple user requests for calculations on sometimes large datasets (delivered always in JSON in my case). I was facing the problem (time and time again) that I could not keep track of which "userAction" (page load, click somewhere, hover over something, etc) was responsible for any given still-buggy function's execution in the debugger, due to the fact that "the default
Do not always set the focus to the original element after closing the dialog
The documentation of the dialog widget states: "Upon closing a dialog, focus is automatically returned to the element that had focus when the dialog was opened". This makes sense for modal dialogs, but for non-modal dialogs this results in unwanted behavior for users. The "Upon closing a dialog, focus is automatically returned to the element that had focus when the dialog was opened" behavior should only be applied after closing from a modal dialog and not modeless ones. Regards, Hugo.
Image lazy loading - programmatical pre-run?
Hello all, https://plugins.jquery.com/lazyload/ This excellent plugin has severe advantages for page load times. I'm wondering whether it's possible to perform a programmatic pre-run with jQuery over the DOM, substituting any image links outside of the viewport with the required HTML? If so, I would try to include it as an option in my plugin: http://4nf.org/change-content-div/ Thanks in advance and kind regards
New Forum for "Learn jQuery"
Hi! Is possible create a new forum for new post about jQuery Learn (learn.jquery.com)?
Next Page