jquery-tools

JQuery Tools Overlay for modal dialog broken under IE8

I've been developing a website that has several modal dialog boxes. I've been using jQuery Tools Overlay for the dialog boxes. However, I've just discovered that it doesn't seem to work properly on IE8. In Chrome (and I presume other browsers), the dialog is highlighted by darkening the rest of the page "below" it, but on IE8 the page "...

jQuery ajax not preloading images

I have a list of galleries, when you click on the title of a gallery it pulls in the contents (HTML with images). When the content is pulled in it preloads the html but not the images, any ideas? This is the JavaScript i'm using: $('#ajax-load').ajaxStart(function() { $(this).show(); }).ajaxStop(function() { $(this).hide();})...

Jquery Tools Tabs: How to capture onClick event when selection is on current tab?

Hi All, I tried to ask this question on the jquery tools forum, but didn't get a response, hopefully someone here can help. Question: It seems the onClick event does not get fired when user is already on current tab, I think that make sense for most cases. However, in my case, I do want to capture the onClick event even when the curent...

Scrollable list items in jQuery

Hi Guys, I have a list of 4 items and the ul has a background image that makes the second item look as though it has an arrow behind it. I want to be able to scroll the items up or down when they are clicked to the second items position so for example when I click the fourth item the whole list scrolls up so the fourth item is then post...

Using jQuery tools from within GWT -- is there a way to allow exchanges?

I have a GWT web-app with a nearly full page Google map window. Inside the the map, I have infowindows which include links. What I want to do is use jquery tools overlays (http://flowplayer.org/tools/overlay/apple.html) to open the overlay and display it on top of the map once the link inside the info window is clicked. Now, the link...

jQuery tools modal overlay display problem in IE6-8

I'm trying to enable the overlay to be modal. It works perfectly fine in FireFox, but the window object is behind the mask when it becomes modal. This prevents any interaction with it and the page is actually useless. I've tried debugging this for a while and can't figure it out. Here is a link to the example on their site: http://flow...

jQuery Tools - make tabs collapsible

I'm using a basic integration of jQuery Tools "tabs" function and it's working perfectly for me, but the one thing it seems to lack over jQueryUI is that there's no way I can find to make the tabs collapsible. By that I mean all you need to add is collapsible:true to the jQueryUI tabs function. Does anyone know of a way I could appen...

jQuery Tools: Expose... API Problem

I am trying to use jQuery Tools EXPOSE function. I have successfully implement the overlay tool as well as its API object (so I can call api.close()). I think I am having a problem with the initializing line and the proper object is not being passed to my API variable. You can see the error listed below in the comments. http://cdn.jquer...

jQuery Tools Overlay Fired onClick of a Table Row? How?

I'm using the pretty straightforward jQuery Tools Overlay setup to load external content into the overlay. Check it out here. Basically, it works by using a standard <a> like this: <a rel="#overlay" href="content.html">Overlay</a>. When you click Overlay, content.html loads in an overlay. Nice and easy! I'm running into trouble because ...

jQuery question - how do I do this?

I am playing with the modal forms available with jQueryTools. I want to use the modal forms on one of my pages, using the example provided here: http://flowplayer.org/tools/demos/overlay/modal-dialog.htm I need to modify the example given above for the following reasons: My web page will have a dynamic number of forms on the page (the...

How to evalute code in the chain or pretend callback function?

I dynamically add an image on my page : <div class="simple_overlay" id="overlay"> <img src="" /> </div> <script type="text/javascript"> $(function() { $("a[rel]").overlay({ var source = this.getTrigger().attr('href'); this.getOverlay().find("img").attr({'src': source}); }); }); </script> Now, I need to get ...

jQuery live with the ready or load event

I'm using the jQuery Tools tooltip plugin, which is initialized with $('selector').tooltip(). I'd like to call this on any current or future .tooltipper element. I figured that the following would work: $('.tooltipper').live('ready', function(){ $(this).tooltip() } But it was unsuccessful---the ready event did not fire. The same for...

jQuery Tools: How to close an overlay?

$("a[rel]").getOverlay().close(); $("a[rel]").close(); Both don't work. $(document).ready(function () { $("a[rel]").overlay({ mask: '#3B5872', effect: 'apple', onBeforeLoad: function () { var wrap = this.getOverlay().find(".contentWrap"); wrap.load(this.getTri...

jQuery Tools Overlay & jQuery.live event

How to get this work with jQuery.live? $("a[rel]").overlay({ mask: '#3B5872', effect: 'apple', api: true, onBeforeLoad: function () { var wrap = this.getOverlay().find(".contentWrap"); wrap.load(this.getTrigger().attr("href")); } }); I tried this with no succes: $("a[rel]").live('click', function (...

How to get the context of a jQuery selector

I'm using .live(), and I'm trying to debug a weird error where jQuery Tools Overlay breaks all of the .live handlers on the page, except for ones with the context (second argument of jQuery select $(selector, context)) specified. So my specific question is how to find where this context is when it's not specified. ...

jquery tools :how to get the id

<a id="cp-login" href="javascript:;" rel="#dialog" show="#login">登入</a> $("a[id^=cp-][rel]").overlay( {top: 120,mask: {color: '#67B300',loadSpeed: 200,opacity: 0.2}, closeOnClick: false, onBeforeLoad: function() { alert($(this).attr("id") )} }); alert($(this).attr("id") is undefined thinks a lot. ...

Jquery Tools Slideshow Plugin: How to override default configs

On this page: http://flowplayer.org/tools/tabs/slideshow.html Halfway down the page I find this code under the heading of Usage: $(".slidetabs").tabs(".images > div", { // enable "cross-fading" effect effect: 'fade', fadeOutSpeed: "slow", // start from the beginning after the last tab rotate: true // use the slideshow plugin. I...

Jquery Tools - Scrollable, circular - problem with a logo parade, logos don't re-appear until the last logo is shown

Hi, I am having an issue with jquery tools / scrollable plugin. Using the circular:true option, on this page: http://oda.sanscode.com/ The logo parade shown will only clone the logos when the last logo is reached. This leaves a visible gap between the time the last logo is shown and the first logo is replicated. I need to change th...

How to resize the rangeinput handle after creation?

I am using this http://flowplayer.org/tools/demos/rangeinput/scrollbar.html ( as a horizontal scrollbar ) When resizing using: $('.handle').css('width', 550+"px"); or $(".handle").width(550).click(); after changing the handle width from 800px to 550px ( while using a 1000px width slider ) the handle cant be draged until the end of...

jQuery tools: How to close an overlay?

I have an edit form that I'm displaying as an overlay using Jquery Tools. On my object list view page, each object has <a href="#" class="edit_button">Edit</a>. All of these are attached to the same overlay form with: $(".edit_button[rel]").overlay({ top: '5px', fixed: false, mask: { col...