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 "...
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();})...
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...
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...
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...
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...
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...
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...
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 ...
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...
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 ...
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...
$("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...
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 (...
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.
...
<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.
...
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...
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...
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...
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...