jquery-tools

Shade entire page, unshade selected elements on hover

由 99封情书 提交于 2019-12-12 02:38:59
问题 I'm trying to make a page inspection tool, where: The whole page is shaded Hovered elements are unshaded. Unlike a lightbox type app (which is similar), the hovered items should remain in place and (ideally) not be duplicated. Originally, looking at the image lightbox implementations, I thought of appending an overlay to the document, then raising the z-index of elements upon hover. However this technique does not work in this case, as the overlay blocks additional mouse hovers: $(function()

jQuery Tools: Tooltip, jQuery reference to “this” attribute

由 依然范特西╮ 提交于 2019-12-12 01:13:48
问题 I'm implementing a Tooltip for cells within table and I need to be able to grab the target's data-message attribute. $("#pricing_plans_table .sku_tooltip").tooltip({ // each trashcan image works as a trigger tip: '#' + $(this).attr('data-message'), // move tooltip a little bit to the right offset: [0, 15], // there is no delay when the mouse is moved away from the trigger delay: 0 }); That doesn't work. I get "Cannot find tooltip for [object Object]" ... I'm not quite sure how to reference

jQuery Tools Validator - Require input in either of two fields

由 萝らか妹 提交于 2019-12-11 12:59:17
问题 I am using jQuery Tools Validator to ensure that my form fields are not blank as follows: $(document).ready(function(){ $.tools.validator.fn("#field1", function(input, value) { return value != '' ? true : { en: "This field is required" }; }); $.tools.validator.fn("#field2", function(input, value) { return value != '' ? true : { en: "This field is required" }; }); var form = $("#form").validator({ position: 'bottom left', offset: [5, 0], messageClass:'form-error', message: '<div><em/></div>' }

jquery Tools validator with overlay

由 爷，独闯天下 提交于 2019-12-11 09:24:37
问题 I'm getting some variant behaviour using jQuery Tools form dialog - i.e. using validator on a form contained in an overlay. Here is my code (should load straight up) <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Simple</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script src="http://cdn.jquerytools.org/1.2.5/all/jquery.tools.min.js"></script> <style type="text/css"> .dialog {

Jquery / Jquery Tools Getting Smaller Effect

由 偶尔善良 提交于 2019-12-11 07:44:23
问题 I want to develop a screen with JQuery Tools(or just with JQuery) and HTML5. There will be a main panel at screen and it will have rounded square buttons on it. When user clicks a button this panel will get smaller and will be place at left side, something will appear at right side. I mean: Squares inside of big squares symbolizes buttons. When a user click a button at 1, panel will get smaller and go to left as like 2. I may use that: JQuery Tools 回答1: Looks like I found some time after all.

Dropdown box - required validation using jQuery.tools.validator

由 瘦欲@ 提交于 2019-12-11 04:46:34
问题 I'm using jQuery tools validator for my web app in ASP.net MVC4. I'm trying to validate dropdownbox using validator without success. I've gone through this question, but it dosen't solved my problem. my code is as below. $.tools.validator.fn("select[required=required]", function(input, value) { // If the first item in the list is selected return FALSE alert("Inside required of dropdown"); if(input[0].options[0].selected) { alert("returning false"); en: "Please select value from this drop down

jquery-tools fallback if CDN fails

由 血红的双手。 提交于 2019-12-11 03:34:36
问题 I'm using the for falling back and serving jquery locally if Googles CDN fails, following this thread. Does anyone have advice for how to fall back on local jquerytools if the CDN version fails? There's a similar technique for Flowplayer discussed in Flowplayer forum, but I haven't figured out how to do it for jquerytools. Thanks for any tips. 回答1: You can use flashembed object from jQuery Tools, like this: <script src="http://cdn.jquerytools.org/1.2.7/all/jquery.tools.min.js"></script>

jQuery Tools: How to open/close accordion section?

由 ╄→гoц情女王★ 提交于 2019-12-10 11:58:50
问题 Here is my problem. I built a perfectly functioning accordion using jQuery Tools. Very easy to work with. Client comes back and says that now accordions must be collapsible, which wasn't in the original spec. Unfortunately, jQuery Tools accordion does not have this functionality built in, so I've been working on my own code. I've gotten close, but nothing 100% works. I've created a JSFiddle of my code here: http://jsfiddle.net/4ubZs/15/ The collapse code working fine. // Code to collapse

Is jQuery Tools Tooltips only about 90% reliable? (and how to fix it?)

由 我们两清 提交于 2019-12-09 23:35:55
问题 jQuery Tools 1.2.5 Tooltip seems quite slick and fancy, but I added it to our development site, and it works 90% of the time. Sometimes, the mouse hover over a tab and no tooltip shows up, and sometimes, the mouse leave the tab and the tooltip is still there. (even on Firefox or Chrome) Why can that be? Also, on IE 7, the tooltip (which is HTML, not just text), will pop out a different div , not the one that contains the tooltip. (on IE 8 and 9, it works fine). So I guess it works 90% of the

How does jQuery UI Dialog disable focus on background inputs?

由 懵懂的女人 提交于 2019-12-09 15:53:32
问题 When you open a modal dialog using jQuery UI, you'll notice that if you use the Tab key, you can focus on the dialog's buttons, but any inputs outside the dialog are ignored. I'm trying to achieve this same behavior with jQuery UI Tools Overlay , but I'm not sure how jQuery UI is doing it. It doesn't seem to be setting the elements' tab index to -1, and besides, doing this would be extremely tedious since it would involve finding all the focusable elements that aren't part of the dialog. This
订阅 jquery-tools