jQuery Forum

Hello!
I have a strange issue, since Firefox 3 came up: i use thickbox to launch a page inside a modal window. On this page runs a custom plugin that resizes automatically a div to the available window height. I then use jscrollpane to have a good looking custom scrolbar appended to that div.
What happens now is that on page load the new height calculation amounts to 0. If i refresh the page, then the height is correctly evaluated.
Here is the plugin i made, can someone help me find and correct the bug? I've tried everything i could to make it work, but so far... failed. The bug only occurs with Firefox 3.
jQuery.fn.setScrollableArea = function(modifier){
    var availableHeight = jQuery(window).height();
    return this.each(function(){
        var offset = jQuery(this).offset();
       
        modifier = (typeof modifier == 'undefined') ? 0 : modifier;
        var newHeight = availableHeight - offset.top - modifier;
        alert('available height='+availableHeight+ "\n top="+offset.top); // all values are calculated as 0 until i refresh the page !!
        jQuery(this).css({
            height: newHeight,
            overflow: 'hidden'
        });
    });
}
I call it everytime i need it via:
$(document).ready(function(){
    $('#section_content').setScrollableArea(30).jScrollPane({
        scrollbarWidth: 13,
        scrollbarMargin: 10,
        animateTo: true
    });
});
Any help would be much appreciated.
Thank you,
Alexandre 

hello!
Since Firefox3, the thickbox (iframe mode) i use only show content if i refresh the iframe inside the thickbox _ rather annoying...
Has anyone been facing this and know a fix?
Thanks !
Alexandre<br clear="all">
--
Alexandre Plennevaux
LAb[au]

hi mates,
in one of my application interfaces, the page is fully rendered but the browser loading icon (top-right of firefox ) keeps on turning and the status bar also says so. I'm working on my local test server (localhost) and checked both the source code and generated source code: all loaded css and javascript file urls are correct.
Any idea if there is a plugin that allows to view in detail what firefox is trying to load ?
PS: i use an instance of FCKEditor.  could it be it?
thanks!!
Alexandre

hello,
i'm having issues implementing a simple cluetip in Firefox 3, it blocks the browser with a "script is running slowly" message.
i use the default (rel="url") ajax call. The error message points to line 503
anyone has the issue ?
thanks,
Alex
Alexandre Plennevaux<br clear="all">

hi friends,
i just checked my jquery application using Firefox 3 Release Candidate 1 and whatever animations that are smooth and fluid in FF2 are staggering in FF3 RC1.
Does anybody have the same issue, or knows why?
the test is here: <a href="http://m2">http://m2</a> .<a href="http://lab-au.com/">lab-au.com/</a>  (choose 'projects').
thanks for your feedback,
Alexandre<br clear="all">
--
Alexandre Plennevaux
LAb[au]
<a href="http://www.lab-au.com">http://www.lab-au.com</a>

hi friends,
now that jquery uses twitter, i might give twitter a chance. Can you recommend a good way to use it? A twitter client? Which?
i'm a bit afraid of the "distraction" it brings. but using it in my Greader is not very satisfactory. Any clue, welcomed !
Thanks,<br clear="all">
--
Alexandre Plennevaux
LAb[au]
<a href="http://www.lab-au.com">http://www.lab-au.com</a>

hello!
i need to assign a behaviour triggered via the hoverIntent plugin to
elements fetched via ajax. I would assume i should use the livequery
plugin for that, but my attempts have failed miserably so far.
Here is the non livequery code, that works for DOM elements present on
document ready:
$('ul.mainmenu:not(#applicationTitle)').hoverIntent({
sensitivity: 2,
interval: 0,
over: function(){
$('li, li a', $(this)).addClass('visible');
},
timeout: 0,
out: function(){
$('li, li a', $(this)).removeClass('visible');
}
})
i tried this, but it doesn't work _ Any help *much* appreciated, thanks !!
$('ul.mainmenu:not(#applicationTitle)').livequery(function(){
$(this).hoverIntent({
sensitivity: 2,
interval: 0,
over: function(){
$('li, li a', $(this)).addClass('visible');
},
timeout: 0,
out: function(){
$('li, li a', $(this)).removeClass('visible');
}
});
})

hello!
i have a table displaying 3000 rows and would like to use the cluetip to
display some info about each contact via ajax.
of course, 3000 mouseover event binding is not reasonable so i think my
problem qualifies for the use case addressed by the "listen" plugin.
but i don't know how to connect the two plugins, since cluetip hides the
event handling behind its function.
here is the code i thought would work:
$(document).ready(function(){
$("table.sortable").tablesorter().listen('hover', 'a.clueTip',
function(){
$(this).cluetip({
sticky: true,
width: 800
});
});
});
any help would be much appreciated !
thanks,
Alexandre

I wonder why this doesn't work, either it's a but or a flaw in the documentation:
consider this code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html>
    <head>
        <style type="text/css">
            h1 {
                background-color: #FF00FF;
                color: white;
                border: 1px solid red;
            }
        </style>
        <script type="text/javascript" src="../jquery.latest.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                var mycss = $('h1').css('border');
                alert("hi : " + mycss );
            });
           
        </script>
    </head>
    <body>
            <h1>hello world</h1>
    </body>
</html>
...
mycss returns undefined instead of  '1px solid red'
Unless there is a good reason that i'm unaware of, this seems like a bug to me, no ?
Thanks
Alexandre

hi!
i needed a fix for the color plugin so taht it works with transparent backgrounds. I found one ticket solves it:
<a href="http://dev.jquery.com/attachment/ticket/2281/rgba.diff">http://dev.jquery.com/attachment/ticket/2281/rgba.diff</a>
but i don't understand how to actually download the resulting code. Can someone shed a light ?
thank you,
<br clear="all">
--
Alexandre Plennevaux
LAb[au]
<a href="http://www.lab-au.com">http://www.lab-au.com</a>

Hi there !
i'm working on a plugin for my application, that needs to store the current value of all css properties of an element in the DOM.
Do i have to store each property one by one or is it possible to just copy the entire css in one command?
I tried:
var myEl = new Object();
myEl.css = $('#helloworld').css();
But of course, that didn't work. Any help much appreciated !<br clear="all">
--
Alexandre Plennevaux
LAb[au]
<a href="http://www.lab-au.com">http://www.lab-au.com</a>

Hi friends,
While trying to use the ui.tabs plugin, i noticed with delight that
since the links controlling the tabs are real urls, the plugin
switches to ajax mode.
The thing is, it doesn't quite work yet, and i suspect it's the html
markup that i get wrong, because the tabs are rendered correctly, but
the content does not get fetched. See, i'm not sure how the plugin
understands in which div it must load the fetched html, so i added the
div anchor name in the url, as for non ajax tabs.
Is this correct ?
here is a sample of my markup:
<div id="section_content">
<ul id="tabNav">
<li><a href="news.php?todo=overview&filter=current#currentContent"><span>current</span></a></li>
<li><a href="news.php?todo=overview&filter=time#timeContent"><span>time</span></a></li>
<li><a href="news.php?todo=overview&filter=country#countryContent"><span>country</span></a></li>
<li><a href="news.php?todo=overview&filter=type#typeContent"><span>type</span></a></li>
</ul>
<div class="tab" id="currentContent"></div>
<div class="tab" id="timeContent"></div>
<div class="tab" id="countryContent"></div>
<div class="tab" id="typeContent"></div>
</div>
here is my tabs javascript call:
$('#tabNav').tabs({
fx: {
opacity: 'toggle',
duration: 'fast'
},
show: updateUI
});
thank you for your help!
Alexandre

hi again!
i understand from the blockUI doc that using this super simple call, i
can default all ajax calls to use blockUI.
$().ajaxStart($.blockUI).ajaxStop($.unblockUI);
Yet, i would like to know if it would be possible for the default
behaivour to block the related element (that will receive the fetched
data), instead of blocking the whole page, so something like
$().ajaxStart($.block).ajaxStop($.unblock);
I tried that and it didn't work. Also tried this:
blockMe = function(){
$(this).block({
message: '<h1>Aaaaaargl, I\'m being blocked!!!!</h1>'
});
}
        unBlockMe = function(){
$(this).unblock();
}
$().ajaxStart(blockMe).ajaxStop(unBlockMe);
but no luck either . It's probably not that simple ...
Thanks for your attention !
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com

Hello!
i'm trying to use blockUI v 2.02, but i get this error message:
Erreur : s.setExpression is not a function
Fichier source :
http://localhost/lab-au.com/dev/_js/jquery_plugins/blockUI/2.02/jquery.blockUI.js
Ligne : 163
this is how i call blockUI
$(document).ready(function(){
// lots of code
//....
// BLOCKUI INI
$.blockUI.defaults.message = "Please be patient...";
$().ajaxStart($.blockUI).ajaxStop($.unblockUI);
});
Any idea what is wrong?
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com

hi guys!
i would like to know if it is possible to detect or "create an event"
for when an element 's display property is set to visible?
That's for a small plugin i'm writing, that reveals elements in a list
one by one at a given interval. Of course, the list is hidden at
first. what i would like is that, by using show('), it triggers the
effect.
so
$('ul').reveal(2000); // behaviour is set
$('ul').show(); // animation should start.
Is it possible or am i mixing up things?
Here is my plugin so far:
(function($){
$.fn.revealSequentially = function(options){
var opts = $.extend({},
$.fn.revealSequentially.defaults, options);
return this.each(function(){
var $thisUL = $(this);
var numOfLIInUL = $('li', $thisUL).length;
var counter = 0;
revealNextElement(opts);
});
};
function revealNextElement(){
if (LiInStrata1Counter < numOfLIInStrata1) {
$thisUL.eq(counter).fadeIn(opts.speed, function(){
counter = counter + 1;
revealNextElement();
});
}
}
$.fn.revealSequentially.defaults = {
speed: 'slow'
};
})(jQuery);
Thank you !!
--
Alexandre Plennevaux

hello!
i just released a website about one of those Belgian artistic movements, available here: <a href="http://www.belgicaneum.be">http://www.belgicaneum.be</a> . It's a bunch of artists who reflected together on the future separation of Belgium, declaring their love (or hatred) of motherland. Aaanyway...
don't blame me for the weird navigation system, it's "artistic" and on purpose (so says the customer, bah).
To the point: i used the uber cool localScroll plugin, on one page: it works fine in FF, but IE gives me troubles. Some anchor links don't get their content correctly centered. would it be because i use the :target state to highlight the related zone ?
can someone tip me on the cause of the issue?: <a href="http://www.belgicaneum/fra/artistes/index.html#t">http://www.belgicaneum/fra/artistes/index.html#t</a>
thank you!
alexandre<br clear="all">
PS: i used the excellent galleria plugin, if you want to see it in real life action: <a href="http://localhost/belgicaneum/fra/projets/same-same/#img/img-01.jpg">http://localhost/belgicaneum/fra/projets/same-same/#img/img-01.jpg</a>

hi friends,
the dimensions plugin documentation talks about a "<code>relativeTo</code> " option, defaults to body.
i wanted to understand how to use it, but didn't find anything in the dimensions.js code related to it, is it actually a working option?
Does someone know how to use it?
thank you,
alexandre<br clear="all">
--
Alexandre Plennevaux
LAb[au]
<a href="http://www.lab-au.com">http://www.lab-au.com</a>

hello!
i'm facing a difficult task:
i need to wrap a selection of LIs inside an  UL into a group i can then manipulate (load content into, block animate it, etc...) so i thought i'd wrap a div around it but i think this is not valid.
before i walk into the dark side of nonstandard html  and eventually lose my soul into this venture, does anyone know a valid way to group a number of LI elements ?  i'm thinking of something similar to OPTGROUP for OPTIONS in a SELECT element.
i'm a day dreaming or is there a hidden door to salvation?
Thank you,
--
Alexandre Plennevaux
LAb[au]
<a href="http://www.lab-au.com">http://www.lab-au.com</a>

Anyone knows what this error message means ?
"url has no properties" pointing to jquery.js line 2401, which is
the $().load() ajax call definition. (and specifically: that line:
        var off = url.indexOf(" "); )
i don't understand the error because i'm providing an URL and it
works correctly out of the ajax call. In fact that function was
working before i made some severe changes elsewhere in the code.
Any hint / directions where to look for errors ?
Thank you,
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com

Hi,
I 'm using jcarousel to display the list of clicked elements,
providing some kind of history.
I would like to visually show when the history has been updated the
latest click, by, say, highlighting briefly the new element.
Anybody knows how to do that?
Thank you,
--
Alexandre

Dear jqCoder,
i, lame Interaction Designer having fun with jquery, challenge your
coding skills to optimize (and improve?) the code for this effect !
http://www.pixeline.be/test/swap/
This follows up a previous discussion on how to swap visually two
elements in a list so that the clicked one goes to the left and
replaces the first element to the clicked one's position.
I built this code using the non animated approach of using cloning.
(the discussion is here:
http://groups.google.com/group/jquery-en/browse_thread/thread/58e43bb2571b9dc1/03809a461174265e
)
Note that the visual effect does match the element order in the html
code, which is a neat feature i think.
Happy coding !
--
Alexandre

hi friends,
I just noticed the fadeIn fadeOut effect don't work anymore in my
application, meaning: there is no "error", but the elements don't
fade. The elapsed time of the effect runs then the element hides or
shows, but without opacity transition.
I think this might be not a bug in jquery but a misconfiguration on my
part, somewhere in the CSS. my app is pretty huge so i'm not going to
ask you to look through it, but only if you know what would be the
reason of opacity not to work.
Thanks!
BTW, using latest jquery and FF2.0.0.12 and FF3 beta 3
--
Alexandre

Hello friends,
i would like to achieve the following effect:
given an unordered list of links styled as an horizontal menu. when a link is clicked, it moves to the left-end side of the menu, pushing the other links on its left to the right side of the menu.
All my attempts so far failed miserably. Does someone have an idea on how to make it work? Any suggestion welcome...
Thank you,
Alexandre

Hi Friends!
please surf to: http://m2.lab-au.com/projects/pixflow2/texts/abstract/
in the big red square, click on "f555" link inside the text. It opens
up a small red area, with the loaded text.
Now look at the scrollbar (triggered by the jscrollpane plugin) and
the bottom arrow: it misses a few pixels so you don't see it entirely.
I've tried everything i could think of, but i can't fix this. Anyone
has any idea? I can't believe i've spend half a day on this bottom
arrow, your help would be super helpful.
Thank you,
Alexandre

hey mates,
I didn't find an answer to my week-old question so i'll rephrase to
simplify and focus on just the little bit of knowledge i need from you
guys:
say i want to create a function that performs some jquery methods on an element.
function doThis(){
$(this).text('i've been changed');
alert("my uniq="+this.uniq);
}
now, inside a plugin, i want to use that function as an option value
$('div.toBeSelected').myplugin({onIni:doThis});
here is my pseudo plugin:
$.fn.myplugin= function(options,callback){
return this.each(function(index){
$this = $(this);
uniq = 'iAmNumber_' + index;
$this.options.onIni();
});
}
So far, the function is called, but the alert returns "my uniq =
undefined" and the text() command is not performed. Why, oh why ?
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com