Re: [jQuery] Learning jQuery, the Book

[rolfsf]

do you need my address to send an advance copy? 
I'll have my people get that to you right away! ;-)

Awesome news Karl - looking forward to it!


Karl Swedberg-2 wrote:
> 
>> Karl Swedberg schrieb:
>>> When that jQuery book comes out, I hear it's going to have an awesome
>>> Appendix dealing with closures. ;-)
>> No way!!
>>
>> --  
>> Jörn Zaefferer
> 
> Yep, it's true, Jörn! Jonathan Chaffer wrote it. I read it. Then I  
> said, "Wow, that's an awesome Appendix dealing with closures!" And I  
> heard myself say it. ;-)
> 
> Hello all,
> 
> I'll be posting an entry on the jQuery and Learning jQuery blogs  
> tomorrow morning, but I wanted you to hear it first: Jonathan Chaffer  
> and I have been writing a book on jQuery. In fact, if you read the  
> post to this list about "AJAX and Events: Handling the Handlers" and  
> "Scoping an Event Binding Function,"  then you've already read part  
> of the book (well, part of the first draft, at least).
> 
> I've been keeping my mouth shut about this for months now, so I am  
> very relieved to be able to announce the book at last.
> 
> Here is the blog entry...
> 
> ***
> For those of you who have been following the jQuery blog the past  
> couple months, you may have noticed John Resig’s mention of a secret:  
> “There’s a jQuery book in the works!” Well, I am thrilled to be able  
> to leak a little more information about that secret.
> 
> For the past few months my friend Jonathan Chaffer and I have been  
> hard at work on the book, and everything is progressing well. Our  
> writing is being supported by a stellar group of technical reviewers,  
> some of who are members of the jQuery development team. We’ll be able  
> to divulge details about the book’s contents soon. The publisher is  
> readying a web page for it, so as soon as that is completed, we can  
> give you the full scoop.
> 
> About the Authors
> 
> Jonathan Chaffer is a long-time Drupal contributor and creator of  
> Drupal’s CCK. He also likes to make up bizarre band names and album  
> titles, based on snippets of conversations he overhears, at Tweak the  
> Viking (www.tweaktheviking.com). Karl Swedberg (that’s me) is a  
> jQuery zealot who runs the Learning jQuery blog and still tries to  
> keep a bit of his former career as an English teacher alive at his  
> other blog, English Rules (www.englishrules.com). Jonathan and Karl  
> work together at Structure Interactive in Grand Rapids, Michigan,  
> where they have been given a lot of freedom to use jQuery, as well as  
> standards-based, semantic HTML & CSS, in many of their projects.
> 
> ***
> 
> Cheers,
> 
> --Karl
> _
> Karl Swedberg
> www.englishrules.com
> www.learningjquery.com
> 
> 
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Learning-jQuery%2C-the-Book-tf3464749.html#a9667492
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] animate

[rolfsf]

depending on the image type, that could be a really bad way to do it too...
not all images scale well - you can get a lot of distortion and artifacts.


Matt Stith wrote:
> 
> Thats a really bad way to do that! The best way would be to just have a
> 640x640 image, and animate the width and height attritubes, then maybe
> when
> that animation is done, replace it with the smaller image to save some
> memory. Try this:
> 
> $("imgSelector").animate({width:32,height:32},"slow",function() {
> this.src = "smallerimage.jpg";
> });
> 
> Using your method, each of the 25 images would need to be loaded
> seperatly,
> which hogs bandwidth for your server, and causes waiting times for the
> user.
> 
> On 3/22/07, Alexander Petri <[EMAIL PROTECTED]> wrote:
>>
>> Hi,
>>
>> i have a small problem to solve:
>> i want to animate the "src" attribute in an   tag
>> i have 25 scaled images of a filled circle.
>> the larest is 640x640px and the smallest is 32x32
>> i want to animate the steps in one second.
>> can anyone give me a hint how to do that?
>> maybe with the animate method?
>> --
>> "Feel free" - 10 GB Mailbox, 100 FreeSMS/Monat ...
>> Jetzt GMX TopMail testen: www.gmx.net/de/go/mailfooter/topmail-out
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/animate-tf3449113.html#a9645219
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] How can I find out if a

[rolfsf]

don't know how to do that specifically, but maybe you can set up a default
class and check for that... 




Daemach wrote:
> 
> Agreed.  The issue is that I don't want to override a stylesheet rule if
> it
> exists already for this element.
> 
> On 3/16/07, rolfsf <[EMAIL PROTECTED]> wrote:
>>
>>
>> well, to be clear, styles, classes and css are all different things
>> (though
>> obviously related) so I might be getting confused by wording about what
>> you're trying to do. Not to mention, I'm a js newbie... :-)
>>
>> if you have a rule (either in the head or an external stylesheet) that
>> says
>> #ajaxCFCLoadingIndicator { background-color: red;}
>>
>> and then you dynamically create #ajaxCFCLoadingIndicator, then it has the
>> style background-color: red
>>
>> ...unless, you've added a different background-color as an inline-style,
>> either when you created the div or otherwise modified it via javascript
>> 
>>
>> the inline or dynamically modified css will always take precedence (all
>> else
>> equal)
>>
>> r.
>>
>>
>> Daemach wrote:
>> >
>> > Hmm - in theory this could work if the style was applied immediately. 
>> I
>> > guess the question is, if I'm creating this element dynamically when
>> does
>> > the css style get applied so I can check it?  I'm doing the following
>> at
>> > the
>> > moment, but I plan on moving the .css definition to another line once I
>> > figure this out.
>> >
>> > $('> > id="ajaxCFCLoadingIndicator">').css(css).appendTo(ind[2]).hide();
>> >
>> > On 3/16/07, rolfsf <[EMAIL PROTECTED]> wrote:
>> >>
>> >>
>> >> if it's a class you're looking for, I think you can use something like
>> >> if( $('#myDiv').is('.className')) {...}
>> >>
>> >>
>> >>
>> >>
>> >> Daemach wrote:
>> >> >
>> >> > I'm working on something that I want a user to be able to override
>> by
>> >> > including a specific class somewhere in the CSS definitions.  If
>> that
>> >> > class
>> >> > doesn't exist I want to add a default style.  This seems like
>> something
>> >> > that
>> >> > should have come up before but search isn't coming up with
>> >> anything.  Can
>> >> > someone point me in the right direction?  Local styles/classes
>> override
>> >> > global classes right?
>> >> >
>> >> > IOW given the following:
>> >> >
>> >> > 
>> >> > #myDiv {background: blue;}
>> >> > 
>> >> >
>> >> > 
>> >> >
>> >> > The div's background would be red, correct?
>> >> >
>> >
>> >
>> >
>>
>> --
>> View this message in context:
>> http://www.nabble.com/How-can-I-find-out-if-a-%3Cstyle%3E-class-exists--tf3416167.html#a9521508
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/How-can-I-find-out-if-a-%3Cstyle%3E-class-exists--tf3416167.html#a9522250
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] How can I find out if a

[rolfsf]

You might also look at .attr() and see if that's more appropriate

r.



rolfsf wrote:
> 
> no... classes are classes, rules are rules, selectors are selectors... 
> 
> I may be getting off course from what you really need, but
> 
> div {background-color: white;}
> div.myClass {background-color: red;}
> 
> 
> 
>   will have background-color: white;
> 
>  will have background-color: red;
> 
> 
> will have a class="myClass", but background-color: blue;
> 
> 
> 
> 
> Daemach wrote:
>> 
>> I just tested this.  When defining a style using something like div#myDiv
>> it
>> doesn't actually apply a class to the element.  Therefore I need to find
>> the
>> rule in the stylesheet or embedded styles itself :/
>> 
>> On 3/16/07, rolfsf <[EMAIL PROTECTED]> wrote:
>>>
>>>
>>> if it's a class you're looking for, I think you can use something like
>>> if( $('#myDiv').is('.className')) {...}
>>>
>>>
>>>
>>>
>>> Daemach wrote:
>>> >
>>> > I'm working on something that I want a user to be able to override by
>>> > including a specific class somewhere in the CSS definitions.  If that
>>> > class
>>> > doesn't exist I want to add a default style.  This seems like
>>> something
>>> > that
>>> > should have come up before but search isn't coming up with
>>> anything.  Can
>>> > someone point me in the right direction?  Local styles/classes
>>> override
>>> > global classes right?
>>> >
>>> > IOW given the following:
>>> >
>>> > 
>>> > #myDiv {background: blue;}
>>> > 
>>> >
>>> > 
>>> >
>>> > The div's background would be red, correct?
>>> >
>>> > ___
>>> > jQuery mailing list
>>> > discuss@jquery.com
>>> > http://jquery.com/discuss/
>>> >
>>> >
>>>
>>> --
>>> View this message in context:
>>> http://www.nabble.com/How-can-I-find-out-if-a-%3Cstyle%3E-class-exists--tf3416167.html#a9520939
>>> Sent from the JQuery mailing list archive at Nabble.com.
>>>
>>>
>>> ___
>>> jQuery mailing list
>>> discuss@jquery.com
>>> http://jquery.com/discuss/
>>>
>> 
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>> 
>> 
> 
> 

-- 
View this message in context: 
http://www.nabble.com/How-can-I-find-out-if-a-%3Cstyle%3E-class-exists--tf3416167.html#a9521706
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] How can I find out if a

[rolfsf]

no... classes are classes, rules are rules, selectors are selectors... 

I may be getting off course from what you really need, but

div {background-color: white;}
div.myClass {background-color: red;}



  will have background-color: white;

 will have background-color: red;

 will
have a class="myClass", but background-color: blue;




Daemach wrote:
> 
> I just tested this.  When defining a style using something like div#myDiv
> it
> doesn't actually apply a class to the element.  Therefore I need to find
> the
> rule in the stylesheet or embedded styles itself :/
> 
> On 3/16/07, rolfsf <[EMAIL PROTECTED]> wrote:
>>
>>
>> if it's a class you're looking for, I think you can use something like
>> if( $('#myDiv').is('.className')) {...}
>>
>>
>>
>>
>> Daemach wrote:
>> >
>> > I'm working on something that I want a user to be able to override by
>> > including a specific class somewhere in the CSS definitions.  If that
>> > class
>> > doesn't exist I want to add a default style.  This seems like something
>> > that
>> > should have come up before but search isn't coming up with
>> anything.  Can
>> > someone point me in the right direction?  Local styles/classes override
>> > global classes right?
>> >
>> > IOW given the following:
>> >
>> > 
>> > #myDiv {background: blue;}
>> > 
>> >
>> > 
>> >
>> > The div's background would be red, correct?
>> >
>> > ___
>> > jQuery mailing list
>> > discuss@jquery.com
>> > http://jquery.com/discuss/
>> >
>> >
>>
>> --
>> View this message in context:
>> http://www.nabble.com/How-can-I-find-out-if-a-%3Cstyle%3E-class-exists--tf3416167.html#a9520939
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/How-can-I-find-out-if-a-%3Cstyle%3E-class-exists--tf3416167.html#a9521541
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] How can I find out if a

[rolfsf]

well, to be clear, styles, classes and css are all different things (though
obviously related) so I might be getting confused by wording about what
you're trying to do. Not to mention, I'm a js newbie... :-)

if you have a rule (either in the head or an external stylesheet) that says 
#ajaxCFCLoadingIndicator { background-color: red;}

and then you dynamically create #ajaxCFCLoadingIndicator, then it has the
style background-color: red

...unless, you've added a different background-color as an inline-style,
either when you created the div or otherwise modified it via javascript  


the inline or dynamically modified css will always take precedence (all else
equal)

r.


Daemach wrote:
> 
> Hmm - in theory this could work if the style was applied immediately.  I
> guess the question is, if I'm creating this element dynamically when does
> the css style get applied so I can check it?  I'm doing the following at
> the
> moment, but I plan on moving the .css definition to another line once I
> figure this out.
> 
> $(' id="ajaxCFCLoadingIndicator">').css(css).appendTo(ind[2]).hide();
> 
> On 3/16/07, rolfsf <[EMAIL PROTECTED]> wrote:
>>
>>
>> if it's a class you're looking for, I think you can use something like
>> if( $('#myDiv').is('.className')) {...}
>>
>>
>>
>>
>> Daemach wrote:
>> >
>> > I'm working on something that I want a user to be able to override by
>> > including a specific class somewhere in the CSS definitions.  If that
>> > class
>> > doesn't exist I want to add a default style.  This seems like something
>> > that
>> > should have come up before but search isn't coming up with
>> anything.  Can
>> > someone point me in the right direction?  Local styles/classes override
>> > global classes right?
>> >
>> > IOW given the following:
>> >
>> > 
>> > #myDiv {background: blue;}
>> > 
>> >
>> > 
>> >
>> > The div's background would be red, correct?
>> >
> 
> 
> 

-- 
View this message in context: 
http://www.nabble.com/How-can-I-find-out-if-a-%3Cstyle%3E-class-exists--tf3416167.html#a9521508
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] How can I find out if a

[rolfsf]

if it's a class you're looking for, I think you can use something like 
 if( $('#myDiv').is('.className')) {...}




Daemach wrote:
> 
> I'm working on something that I want a user to be able to override by
> including a specific class somewhere in the CSS definitions.  If that
> class
> doesn't exist I want to add a default style.  This seems like something
> that
> should have come up before but search isn't coming up with anything.  Can
> someone point me in the right direction?  Local styles/classes override
> global classes right?
> 
> IOW given the following:
> 
> 
> #myDiv {background: blue;}
> 
> 
> 
> 
> The div's background would be red, correct?
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/How-can-I-find-out-if-a-%3Cstyle%3E-class-exists--tf3416167.html#a9520939
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] help with syntax, naming a function

[rolfsf]

okay, so I figured it out... I think

http://www.monkeypuzzle.net/testfiles/jquery/leftRight/index2.html

jQuery.fn.sizeLayout = function() {
if($.browser.msie){ 
var ww = $(window).width();
var wh = $(window).height();   
var pt = $('#rightPane').offset().top;  
var dw = $('#leftPane').outerWidth();   
$('#leftPane').css('height', (wh - pt - 10) + 
'px'); // set height of
left div
$('#rightPane').css('height', (wh - pt - 10) + 
'px');   
$('#rightPane').css('width', (ww - dw - 30) + 'px');};
 };

$().ready(function(){
$(window).sizeLayout();
$(window).resize(function(){
$(this).sizeLayout();
});
}); 

but can someone tell me why, on document load in IE6, there's an additional
16px at the bottom, which disappears on resize? Dimensions.js seems to think
there is a bottom scrollbar maybe?

Thanks

-- 
View this message in context: 
http://www.nabble.com/help-with-syntax%2C-naming-a-function-tf3409727.html#a9501497
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] help with syntax, naming a function

[rolfsf]

I've written a little script that helps IE to correctly size a couple divs
based on the size of the window. I need this script to run when the document
loads, and anytime the window is resized (and I'll probably later need to
run it when a certain event happens)... so I probably need to give this a
name, and call it by name...
and that's where I keep stumbling.

beginner's question: how do I name this function?

What I've currently got is not right but good enough to know the basic idea
works: 

$().ready(function(){
if($.browser.msie){ 
$(window).resize(function() { 
var ww = $(window).width();  
var wh = $(window).height();  
var pt = $('#rightPane').offset().top;  
var dw = $('#leftPane').outerWidth(); 
$('#leftPane').css('height', (wh - pt - 10) + 
'px');
$('#rightPane').css('height', (wh - pt - 10) + 'px'); 
$('#rightPane').css('width', (ww - dw - 30) + 
'px');});
};
}); 

you can see the page here: 
http://www.monkeypuzzle.net/testfiles/jquery/leftRight/

in IE, if you resize the window, the script will kick in. FF & Safari will
work fine without the script. I know the resize shouldn't be in the
function...

thanks again!

-- 
View this message in context: 
http://www.nabble.com/help-with-syntax%2C-naming-a-function-tf3409727.html#a9499384
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] on resize in jquery?

[rolfsf]

okay - got it - thanks!


Daniel MacDonald wrote:
> 
> I use $(window).bind('resize', ... as a reminder to
> $(window).unbind('resize') when I'm done doing whatever I did.
> 
> 
> 
> rolfsf wrote:
>> 
>> since what I'm doing is helping IE to properly size a div to fit the
>> window, it probably doesn't matter - as long as it gets the size right in
>> the end.
>> 
>> Is there a meaningful difference between 
>> $(window).bind('resize', ... 
>> $(window).resize(... 
>> ?
>> 
>> 
>> Karl Swedberg-2 wrote:
>>> 
>>> On Mar 14, 2007, at 5:43 PM, Erik Beeson wrote:
>>> 
>>>> IIRC, some browsers fire the resize event on load, and some don't.
>>>> Watch out for that.
>>> 
>>> Another thing you might need to watch out for is that some browsers  
>>> fire the resize event as soon as the resizing stops while others fire  
>>> it continuously as you resize. Can't remember which does which.
>>> 
>>> --Karl
>>> 
>> 
>> 
> 
> 

-- 
View this message in context: 
http://www.nabble.com/on-resize-in-jquery--tf3404986.html#a9486201
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] on resize in jquery?

[rolfsf]

since what I'm doing is helping IE to properly size a div to fit the window,
it probably doesn't matter - as long as it gets the size right in the end.

Is there a meaningful difference between 
$(window).bind('resize', ... 
$(window).resize(... 
?


Karl Swedberg-2 wrote:
> 
> On Mar 14, 2007, at 5:43 PM, Erik Beeson wrote:
> 
>> IIRC, some browsers fire the resize event on load, and some don't.
>> Watch out for that.
> 
> Another thing you might need to watch out for is that some browsers  
> fire the resize event as soon as the resizing stops while others fire  
> it continuously as you resize. Can't remember which does which.
> 
> --Karl
> 

-- 
View this message in context: 
http://www.nabble.com/on-resize-in-jquery--tf3404986.html#a9485992
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] on resize in jquery?

[rolfsf]

with jQuery, how do I fire off a function or two whenever a window is
resized? 

I'm trying to adapt a more traditional javascript, and in this case I've got
it attached to the body tag:


hoping to graduate from jQKindergarten soon :-)
-- 
View this message in context: 
http://www.nabble.com/on-resize-in-jquery--tf3404986.html#a9483981
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] finding y position

[rolfsf]

perfect - thanks! 
(and looks so damn obvious too)


Karl Swedberg-2 wrote:
> 
> Sure thing. You can get at the separate offsets (top and left) like so:
> 
> $('#my-id').offset().top;
> $('#my-id').offset().left;
> 
> I hope that's what you were looking for. If not, let me know.
> 
> --Karl
> _
> Karl Swedberg
> www.englishrules.com
> www.learningjquery.com
> 
> 
> 
> On Mar 13, 2007, at 10:53 PM, rolfsf wrote:
> 
>>
>> thanks Karl - I've looked through dimensions.js
>>
>> and being a newbie... I still don't understand how to use offset  
>> when I only
>> want one dimension (e.g. y position)
>>
>> a little hint, maybe, and I'll be on my way
>>
>>
>>
>> Karl Swedberg-2 wrote:
>>>
>>> Hi Rolf,
>>>
>>> By far the easiest way to do that is to use the Dimensions plugin. It
>>> is amazingly accurate, even taking into account borders, padding,
>>> overflow:scroll, etc.
>>>
>>> http://docs.jquery.com/Plugins
>>>
>>> The inline documentation is quite helpful as well.
>>>
>>> --Karl
>>> _
>>> Karl Swedberg
>>> www.englishrules.com
>>> www.learningjquery.com
>>>
>>>
>>>
>>> On Mar 13, 2007, at 8:46 PM, rolfsf wrote:
>>>
>>>>
>>>> I want to find the position of the top of a div (distance from  
>>>> top of
>>>> window), so I can calculate and set the height of another div. How
>>>> can I get
>>>> that? I'm a little confused as to how to use offset, which returns
>>>> values
>>>> for both x and y.
>>>>
>>>> Thanks!
>>>> -- 
>>>> View this message in context: http://www.nabble.com/finding-y-
>>>> position-tf3399556.html#a9466593
>>>> Sent from the JQuery mailing list archive at Nabble.com.
>>>>
>>>>
>>>> ___
>>>> jQuery mailing list
>>>> discuss@jquery.com
>>>> http://jquery.com/discuss/
>>>
>>>
>>> ___
>>> jQuery mailing list
>>> discuss@jquery.com
>>> http://jquery.com/discuss/
>>>
>>>
>>
>> -- 
>> View this message in context: http://www.nabble.com/finding-y- 
>> position-tf3399556.html#a9467686
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/finding-y-position-tf3399556.html#a9468049
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] finding y position

[rolfsf]

thanks Karl - I've looked through dimensions.js

and being a newbie... I still don't understand how to use offset when I only
want one dimension (e.g. y position)

a little hint, maybe, and I'll be on my way



Karl Swedberg-2 wrote:
> 
> Hi Rolf,
> 
> By far the easiest way to do that is to use the Dimensions plugin. It  
> is amazingly accurate, even taking into account borders, padding,  
> overflow:scroll, etc.
> 
> http://docs.jquery.com/Plugins
> 
> The inline documentation is quite helpful as well.
> 
> --Karl
> _
> Karl Swedberg
> www.englishrules.com
> www.learningjquery.com
> 
> 
> 
> On Mar 13, 2007, at 8:46 PM, rolfsf wrote:
> 
>>
>> I want to find the position of the top of a div (distance from top of
>> window), so I can calculate and set the height of another div. How  
>> can I get
>> that? I'm a little confused as to how to use offset, which returns  
>> values
>> for both x and y.
>>
>> Thanks!
>> -- 
>> View this message in context: http://www.nabble.com/finding-y- 
>> position-tf3399556.html#a9466593
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/finding-y-position-tf3399556.html#a9467686
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] finding y position

[rolfsf]

I want to find the position of the top of a div (distance from top of
window), so I can calculate and set the height of another div. How can I get
that? I'm a little confused as to how to use offset, which returns values
for both x and y.

Thanks!
-- 
View this message in context: 
http://www.nabble.com/finding-y-position-tf3399556.html#a9466593
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] is there a simple function to swap two classes?

[rolfsf]

That makes sense - thanks!



Brandon Aaron wrote:
> 
> You can use toggleClass to toggle a particular class on/off. So you
> could chain two calls together to turn two classes on/off. One would
> be on and one would be off.
> 
> ...
> $('div').toggleClass('class1').toggleClass('class2');
> 
> Would result in:
> ...
> 
> Doing it again would swap out class2 for class1.
> 
> API docs for toggleClass:
> http://jquery.bassistance.de/api-browser/#toggleClassString
> --
> Brandon Aaron
> 
> On 3/13/07, rolfsf <[EMAIL PROTECTED]> wrote:
>>
>> Is there something like a swapClass function that will toggle between two
>> classes? Or do I need to toggle between functions that addClass and
>> removeClass?
>>
>> Thanks
>> --
>> View this message in context:
>> http://www.nabble.com/is-there-a-simple-function-to-swap-two-classes--tf3397695.html#a9460455
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/is-there-a-simple-function-to-swap-two-classes--tf3397695.html#a9463846
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] is there a simple function to swap two classes?

[rolfsf]

Is there something like a swapClass function that will toggle between two
classes? Or do I need to toggle between functions that addClass and
removeClass?

Thanks
-- 
View this message in context: 
http://www.nabble.com/is-there-a-simple-function-to-swap-two-classes--tf3397695.html#a9460455
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] New Plugin: jqChart - Charts plugin for jQuery

[rolfsf]

Looks great in FF
Not working in Safari - it's just blank where the chart should be
looking forward to this!


ashutosh bijoor-2 wrote:
> 
> Hi
> http://www.reach1to1.com/sandbox/jquery/jqchart/
> Been working on this for a while now, and finally have a first cut version
> up and running.
> Only tested in Firefox 2.0
> Would appreciate feedback.
> Regards
> Ashutosh Bijoor
> 
> 
> 

-- 
View this message in context: 
http://www.nabble.com/New-Plugin%3A-jqChart---Charts-plugin-for-jQuery-tf3378352.html#a9404315
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Matt Krause - table plugins

[rolfsf]

Just a general question - How big of a data table is this script effective
for? At what point does it make more sense to go back to the server?



> Within a week or so, I hope.
> http://www.JavascriptToolbox.com/lib/tablenew/
> is where it's at right now.
> 
> I'm a bit torn about how much actual jQuery-specific functionality to add
> to
> it, since the primary goal is to be unobtrusive and simply add class names
> to
> tables. We'll see.
> 
> Matt
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Matt-Krause---table-plugins-tf3373162.html#a9388159
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] addClass to 4th column

[rolfsf]

cool - thanks!

r.



Karl Rudd wrote:
> 
> Actually, I had a bit more of a think about it and you can do this:
> 
> $("table td")
>   .filter(":nth-child(4),:nth-child(5),:nth-child(8)")
> .css('background-color', 'red');
> 
> Slightly more compact, especially if you have a few more columns.
> 
> Karl Rudd
> 
> On 3/8/07, rolfsf <[EMAIL PROTECTED]> wrote:
>>
>> thanks! that gives me a little opening
>>
>> r.
>>
>>
>>
>> Karl Rudd wrote:
>> >
>> > You can combine the selectors with a ",":
>> >
>> >   $("table td:nth-child(4), table td:nth-child(5), table
>> > td:nth-child(8)").css('text-align', 'right');
>> >
>> > Karl
>> >
>> > On 3/8/07, rolfsf <[EMAIL PROTECTED]> wrote:
>> >>
>> >> okay, so I went about it a different way, because my class wasn't
>> working
>> >> for
>> >> some reason:
>> >>
>> >> $("table td:nth-child(4)").css('text-align', 'right');
>> >>
>> >> but now, if I want to do the same thing to, say, the 4th, 5th and 8th
>> >> column... is there an easier way then repeating the above 3 times?
>> >>
>> >>
>> >>
>> >>
>> >>
>> >> rolfsf wrote:
>> >> >
>> >> > If I wanted to find all  in the 4th column of a table and add
>> the
>> >> > class .txt_right to them, would I do something like this:
>> >> >
>> >> > $('table td:nth-child(3)').addClass('txt_right');
>> >> >
>> >> > it doesn't seem to be working, so I must have something wrong
>> >> >
>> >> > thanks!
>> >> >
>> >> >
>> >> >
>> >>
>> >> --
>> >> View this message in context:
>> >> http://www.nabble.com/addClass-to-4th-column-tf3365987.html#a9366069
>> >> Sent from the JQuery mailing list archive at Nabble.com.
>> >>
>> >>
>> >> ___
>> >> jQuery mailing list
>> >> discuss@jquery.com
>> >> http://jquery.com/discuss/
>> >>
>> >
>> > ___
>> > jQuery mailing list
>> > discuss@jquery.com
>> > http://jquery.com/discuss/
>> >
>> >
>>
>> --
>> View this message in context:
>> http://www.nabble.com/addClass-to-4th-column-tf3365987.html#a9366883
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/addClass-to-4th-column-tf3365987.html#a9367472
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] addClass to 4th column

[rolfsf]

thanks! that gives me a little opening

r.



Karl Rudd wrote:
> 
> You can combine the selectors with a ",":
> 
>   $("table td:nth-child(4), table td:nth-child(5), table
> td:nth-child(8)").css('text-align', 'right');
> 
> Karl
> 
> On 3/8/07, rolfsf <[EMAIL PROTECTED]> wrote:
>>
>> okay, so I went about it a different way, because my class wasn't working
>> for
>> some reason:
>>
>> $("table td:nth-child(4)").css('text-align', 'right');
>>
>> but now, if I want to do the same thing to, say, the 4th, 5th and 8th
>> column... is there an easier way then repeating the above 3 times?
>>
>>
>>
>>
>>
>> rolfsf wrote:
>> >
>> > If I wanted to find all  in the 4th column of a table and add the
>> > class .txt_right to them, would I do something like this:
>> >
>> > $('table td:nth-child(3)').addClass('txt_right');
>> >
>> > it doesn't seem to be working, so I must have something wrong
>> >
>> > thanks!
>> >
>> >
>> >
>>
>> --
>> View this message in context:
>> http://www.nabble.com/addClass-to-4th-column-tf3365987.html#a9366069
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/addClass-to-4th-column-tf3365987.html#a9366883
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] addClass to 4th column

[rolfsf]

okay, so I went about it a different way, because my class wasn't working for
some reason:

$("table td:nth-child(4)").css('text-align', 'right');

but now, if I want to do the same thing to, say, the 4th, 5th and 8th
column... is there an easier way then repeating the above 3 times?





rolfsf wrote:
> 
> If I wanted to find all  in the 4th column of a table and add the
> class .txt_right to them, would I do something like this:
> 
> $('table td:nth-child(3)').addClass('txt_right');
> 
> it doesn't seem to be working, so I must have something wrong
> 
> thanks!
> 
> 
> 

-- 
View this message in context: 
http://www.nabble.com/addClass-to-4th-column-tf3365987.html#a9366069
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] addClass to 4th column

[rolfsf]

If I wanted to find all  in the 4th column of a table and add the class
.txt_right to them, would I do something like this:

$('table td:nth-child(3)').addClass('txt_right');

it doesn't seem to be working, so I must have something wrong

thanks!


-- 
View this message in context: 
http://www.nabble.com/addClass-to-4th-column-tf3365987.html#a9365388
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Tooltips and Google Maps

[rolfsf]

I don't know if this has anything to do with your problem, but your missing
your opening  tag when I view source.

Rolf



underdesign.co.uk wrote:
> 
> Hi list,
> 
> I hope someone can help me with this. I'm attempting to use the hovertips
> plugin to display Google Maps but am having trouble getting the map to
> display.
> 
> The test page I'm working on can be seen here:
> http://teamo.underdesign.co.uk/vis2.html
> 
> Basically, the Google Map appears but it is only just visible in the
> lefthand side of the hovertip.
> 
> Can anyone tell me what I'm doing wrong and how to correct it? The
> relevant
> source code can be supplied.
> 
> Any help offered would be greatly appreciated.
> 
> Regards
> 
> 
> Patrick Nelson
> www.underdesign.co.uk
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Tooltips-and-Google-Maps-tf3359201.html#a9355452
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] FW: Why are my graphics "jumping"?

[rolfsf]

that effect is great - thanks for the insight John

r.



John Resig wrote:
> 
> I took the time to build a demo for you, since it is rather non-trivial:
> http://john.jquery.com/ticket/stable-slide/
> 
> I restructured the markup to be ul/li elements (works better in this
> case) and gave all child uls a set height (this is required if you
> want the image positions to remain stable). In the case of this demo,
> I set the height to 75 pixels - but you can adjust that.
> 
> --John
> 
> 

-- 
View this message in context: 
http://www.nabble.com/FW%3A--Why-are-my-graphics-%22jumping%22--tf3338830.html#a9291662
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] slideUp not collapsing tbody?

[rolfsf]

there are problems animating table rows that haven't been solved yet, from
what I understand. Table rows need to be display: table-row and the
animations need to be display: block, hence there's an inherent mismatch.

You can toggle tbody's though - this is an example I worked out:
http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/index_2.html

hope that helps



Daemach wrote:
> 
> I'm trying to build a form that needs to show or hide a portion depending
> on the user's previous input.  I'm trying to use slideUp/slideDown to make
> the transition but it's not working - are there any gotchas in trying to
> interact with tbody vs div?  Is it not possible to use these effects with
> tbody?
> 

-- 
View this message in context: 
http://www.nabble.com/slideUp-not-collapsing-tbody--tf3335465.html#a9276518
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] FF flicker with toggle

[rolfsf]

I'm getting a flicker in FF2 mac... almost like Firefox is performing toggle
twice on this page:

http://www.monkeypuzzle.net/testfiles/jquery/slidepanel/index3_alt.html

click on the vertical gray bar to toggle the left panel open and closed

It's seems to be smooth in Safari & IE... I thought the FFflickers were
fixed in the latest release?

I could swear it wasn't there this morning, so it might have been something
I ate...

thanks!
-- 
View this message in context: 
http://www.nabble.com/FF-flicker-with-toggle-tf3330791.html#a9261509
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jQuery 1.1.2

[rolfsf]

Not sure if this is bug-related or not, but if I try to open the test page in
the full release of 1.1.2 (test/index.htm) it crashes Safari (2.0.4) every
time. FWIW.



John Resig wrote:
> 
> As always, if you have any questions or concerns with new release,
> please feel free to discuss it on the jQuery Mailing List. If you
> think you've spotted a bug, please add it to the bug tracker:
> http://dev.jquery.com/newticket
> 
> Download
> 
> Compressed JavaScript (Recommended Download!)
> http://jquery.com/src/jquery-1.1.2.pack.js
> 
> Uncompressed JavaScript
> http://jquery.com/src/jquery-1.1.2.js
> 
> Full Release (jQuery, Test Suite, Documentation)
> http://jquery.com/src/jquery-1.1.2.release.zip
> 
> Build Files (Compile your own version of jQuery 1.1.2)
> http://jquery.com/src/jquery-1.1.2.build.zip
> 
> 

-- 
View this message in context: 
http://www.nabble.com/jQuery-1.1.2-tf3306736.html#a9208560
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] how can I improve this?

[rolfsf]

I rebuilt this using jquery.accordion.js, though I've altered the idea a bit
from the original. Now, only one view is open at a time, rather than
splitting the screen 50/50 with two. In case anyone is interested, the
mockup is posted here:
http://www.monkeypuzzle.net/testfiles/jquery/splitwindow/splitwindow_7.html



Alexandre Plennevaux wrote:
> 
> Did you consider using an Accordion?
> http://jquery.bassistance.de/accordion/accordionDemo.htmld
> 
> It should be possible to adapt it to your needs. 
> 
> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
> Behalf Of rolfsf
> Sent: mardi 27 février 2007 0:30
> To: discuss@jquery.com
> Subject: [jQuery] how can I improve this?
> 
> 
> I've managed to build a rough model of what I'm trying to do, though it
> will
> be obvious from my jquery code that I have limited knowlege of how to
> really
> harness the power of jquery. This mock-up works "okay" in FF, a little
> less
> so in IE6 & 7, and doesn't really work in Safari.
> 
> I've posted the page here - all code is inline:
> http://www.monkeypuzzle.net/testfiles/jquery/splitwindow/
> 
> The idea is that you start with a Summary View with a data table. Clicking
> on some data will split the screen in half vertically and open a Detail
> View
> via slideDown pertaining to that data (drill down one level). 
> 
> Clicking on some data in that Detail View should close (slideUp) the
> Summary
> View, and load a 3rd 'More Details' window via slideDown (drill down one
> more level). 
> 
> Closing 'More Details' should return to Summary View/Detail View
> split-screen. Closing 'Detail View' should kill both Detail View & More
> Details, leaving you with Summary View full screen.
> 
> Does that make sense? Can anyone advise on how to streamline my jquery
> (even
> the markup!) and get things sliding smoothly?
> 
> Thanks!
> --
> View this message in context:
> http://www.nabble.com/how-can-I-improve-this--tf3296960.html#a9171800
> Sent from the JQuery mailing list archive at Nabble.com.
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> -- 
> Ce message Envoi est certifié sans virus connu.
> Analyse effectuée par AVG.
> Version: 7.5.446 / Base de données virus: 268.18.4/702 - Date: 25/02/2007
> 15:16
>  
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/how-can-I-improve-this--tf3296960.html#a9196108
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Sliding something up to make it visible?

[rolfsf]

did you try the Slide In Down from the interface plugin?
http://interface.eyecon.ro/demos/ifx.html#slide-fx

Rolf



Andy Matthews-4 wrote:
> 
> No one? Is this even possible?
> 
>   _  
> 
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
> Behalf Of Andy Matthews
> Sent: Tuesday, February 27, 2007 8:16 AM
> To: [jQuery]
> Subject: [jQuery] Sliding something up to make it visible?
> 
> 
> I'm working on a site which will use a div at the top of the page to
> contain
> registered user navigation.
>  
> Once the user signs in, I'm going to fill this div with the navigation
> (using AJAX), but then I want to slide it into view. The thing is, I'd
> LIKE
> for it to be displayed from the bottom up though. So instead of sliding
> the
> mask down to reveal the contents, I'dl like for the mask to slide UP to
> reveal the contents. Is this possible? Does anyone have code that can do
> this?
>  
> 
>  
> Andy Matthews
> Senior Coldfusion Developer
> 
> Office:  877.707.5467 x747
> Direct:  615.627.9747
> Fax:  615.467.6249
> [EMAIL PROTECTED]
> www.dealerskins.com  
>  
> 
>  
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Sliding-something-up-to-make-it-visible--tf3301186.html#a9190338
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Sliding something up to make it visible?

[rolfsf]

actually, I meant Slide in Up from the interface plugin...


rolfsf wrote:
> 
> did you try the Slide In Down from the interface plugin?
> http://interface.eyecon.ro/demos/ifx.html#slide-fx
> 
> Rolf
> 
> 
> 
> Andy Matthews-4 wrote:
>> 
>> No one? Is this even possible?
>> 
>>   _  
>> 
>> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
>> Behalf Of Andy Matthews
>> Sent: Tuesday, February 27, 2007 8:16 AM
>> To: [jQuery]
>> Subject: [jQuery] Sliding something up to make it visible?
>> 
>> 
>> I'm working on a site which will use a div at the top of the page to
>> contain
>> registered user navigation.
>>  
>> Once the user signs in, I'm going to fill this div with the navigation
>> (using AJAX), but then I want to slide it into view. The thing is, I'd
>> LIKE
>> for it to be displayed from the bottom up though. So instead of sliding
>> the
>> mask down to reveal the contents, I'dl like for the mask to slide UP to
>> reveal the contents. Is this possible? Does anyone have code that can do
>> this?
>>  
>> 
>>  
>> Andy Matthews
>> Senior Coldfusion Developer
>> 
>> Office:  877.707.5467 x747
>> Direct:  615.627.9747
>> Fax:  615.467.6249
>> [EMAIL PROTECTED]
>> www.dealerskins.com <http://www.dealerskins.com/> 
>>  
>> 
>>  
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>> 
>> 
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Sliding-something-up-to-make-it-visible--tf3301186.html#a9190479
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] PLUGIN: jdMenu 1.3 FINAL BETA

[rolfsf]

I assume you mean something like an icon before the menu item? You can do
that with the css... adding some left padding and a background-image:
url(icon.gif) no-repeat left 50%;  You can give the LI a class that
corresponds to the appropriate icon. 

Otherwise, you can place images right into the LI if it's appropriate

Let me know if this didn't make sense (I haven't looked at the latest
jdmenu, but this technique is the same with most UL based menus.)

Rolf


Mark-235 wrote:
> 
> looks nice.
> and a questiuon.. if it`s not in see it as a suggestion.
> 
> is it possible to add a image infront of the menu item?
> is it possible to have custom styles for each menu item? (example: first
> item with a white background, second with a black background ... etc...)
> 
> good job so far.
> 
> 
> 2007/2/27, Brandon Aaron <[EMAIL PROTECTED]>:
>>
>> This is some great work!
>>
>> There is a new version of the bgiframe and the dimensions plugin in
>> SVN that fix a couple of bugs (no API changes, I promise). Also, the
>> slide down effect suffers from the mac firefox flicker that is solved
>> in the latest SVN/nightlies.
>>
>> --
>> Brandon Aaron
>>
>> On 2/27/07, Jonathan Sharp <[EMAIL PROTECTED]> wrote:
>> > Greetings!
>> >
>> > jdMenu 1.3 is in final beta and there are quite a number of changes!
>> jdMenu
>> > 1.3 is a total rewrite from the ground up
>> >
>> > [New Features]
>> > * Dual delay settings for showing and hiding of menus
>> > * Accessibility support - support for keyboard navigation of menus
>> (items
>> > have to have an A tag to get focus)
>> > * Smart menu positioning - menus will position themselves to be in the
>> > browser viewport at all times
>> > * Vertical menu capable
>> > * "Easy Dynamic" feature - Callback for incredibly easy dynamic menus
>> > allowing you to manipulate the DOM when a menu is triggered to be shown
>> or
>> > hidden
>> > * Custom animation support - Callback to allow for easily integrating
>> custom
>> > animations and effects
>> > * Enhanced behavior support - Allows for your callback to return a
>> boolean
>> > to control whether a menu should be shown/hidden. This allows for
>> > customization such as "locking" menus
>> >
>> > [Updates]
>> > * CSS Theme support - Simplifed styles and broke these out into two
>> > stylesheets allowing for easier theme development
>> > * jQuery 1.1.1 compliant
>> > * Converted IE iframe fix to use the bgiframe plugin
>> > * Updated jdMenu's use of the dimensions plugin to fix a dimensions API
>> > change
>> >
>> > http://jdsharp.us/code/jQuery/plugins/jdMenu/1.3.beta/
>> >
>> > I'm hoping to get the documentation updated, a few more examples online
>> and
>> > the release packaged in the next night or so but we're moving into a
>> house
>> > at the end of the week. So "orderly chaos" best describes our apartment
>> and
>> > my schedule!
>> >
>> > Feedback/code review greatly appreciated!
>> >
>> > Cheers,
>> > -Jonathan
>> > ___
>> > jQuery mailing list
>> > discuss@jquery.com
>> > http://jquery.com/discuss/
>> >
>> >
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/PLUGIN%3A-jdMenu-1.3-FINAL-BETA-tf3302783.html#a9189048
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] collapsing table - selecting rows between specific other rows

[rolfsf]

Last week I posted this collapsing table:

http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/index_2.html

Building on that, I passed it over to developers who are implementing it in
.NET with ajax... they've discovered that .NET is having problems with the
tbody tags, and are wondering if there is another way of doing this.

So, if we're forced to change the markup (who knows, maybe we'll yet find a
way), how would I modify the jquery to find all the rows between the
tr.group that gets clicked and the next tr.group, and toggle them?

Right now, it's:

$(function(){
$('#list1 tbody tr.group').click(function() {
$(this).siblings().toggle();
$(this).children('th').toggleClass("expand_group")
return false;
})
});





-- 
View this message in context: 
http://www.nabble.com/collapsing-table---selecting-rows-between-specific-other-rows-tf3303419.html#a915
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] how can I improve this?

[rolfsf]

I considered it, and perhaps I should look again. When I first looked it
seemed like it was geared more toward typical accordion menus...



Alexandre Plennevaux wrote:
> 
> Did you consider using an Accordion?
> http://jquery.bassistance.de/accordion/accordionDemo.htmld
> 
> It should be possible to adapt it to your needs. 
> 
> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
> Behalf Of rolfsf
> Sent: mardi 27 février 2007 0:30
> To: discuss@jquery.com
> Subject: [jQuery] how can I improve this?
> 
> 
> I've managed to build a rough model of what I'm trying to do, though it
> will
> be obvious from my jquery code that I have limited knowlege of how to
> really
> harness the power of jquery. This mock-up works "okay" in FF, a little
> less
> so in IE6 & 7, and doesn't really work in Safari.
> 
> I've posted the page here - all code is inline:
> http://www.monkeypuzzle.net/testfiles/jquery/splitwindow/
> 
> The idea is that you start with a Summary View with a data table. Clicking
> on some data will split the screen in half vertically and open a Detail
> View
> via slideDown pertaining to that data (drill down one level). 
> 
> Clicking on some data in that Detail View should close (slideUp) the
> Summary
> View, and load a 3rd 'More Details' window via slideDown (drill down one
> more level). 
> 
> Closing 'More Details' should return to Summary View/Detail View
> split-screen. Closing 'Detail View' should kill both Detail View & More
> Details, leaving you with Summary View full screen.
> 
> Does that make sense? Can anyone advise on how to streamline my jquery
> (even
> the markup!) and get things sliding smoothly?
> 
> Thanks!
> --
> View this message in context:
> http://www.nabble.com/how-can-I-improve-this--tf3296960.html#a9171800
> Sent from the JQuery mailing list archive at Nabble.com.
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> -- 
> Ce message Envoi est certifié sans virus connu.
> Analyse effectuée par AVG.
> Version: 7.5.446 / Base de données virus: 268.18.4/702 - Date: 25/02/2007
> 15:16
>  
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/how-can-I-improve-this--tf3296960.html#a9172723
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] how can I improve this?

[rolfsf]

I've managed to build a rough model of what I'm trying to do, though it will
be obvious from my jquery code that I have limited knowlege of how to really
harness the power of jquery. This mock-up works "okay" in FF, a little less
so in IE6 & 7, and doesn't really work in Safari.

I've posted the page here - all code is inline:
http://www.monkeypuzzle.net/testfiles/jquery/splitwindow/

The idea is that you start with a Summary View with a data table. Clicking
on some data will split the screen in half vertically and open a Detail View
via slideDown pertaining to that data (drill down one level). 

Clicking on some data in that Detail View should close (slideUp) the Summary
View, and load a 3rd 'More Details' window via slideDown (drill down one
more level). 

Closing 'More Details' should return to Summary View/Detail View
split-screen. Closing 'Detail View' should kill both Detail View & More
Details, leaving you with Summary View full screen.

Does that make sense? Can anyone advise on how to streamline my jquery (even
the markup!) and get things sliding smoothly?

Thanks!
-- 
View this message in context: 
http://www.nabble.com/how-can-I-improve-this--tf3296960.html#a9171800
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] possible slideUp/slideDown bug?

[rolfsf]

or maybe just use slideToggle (Interface not needed)

Rolf



FreakDev wrote:
> 
> hi,
> 
> i don't really understand your code, you define two different function for
> the same click event...
> 
> you should check "SlideToggleDown" function from Interface 1.2
> 
> http://interface.eyecon.ro/demos/ifx.html#slide-fx
> http://interface.eyecon.ro/docs/fx
> 
> ++
> 
> FreakDev
> 
> On 2/26/07, cdvrooman <[EMAIL PROTECTED]> wrote:
>>
>>
>> Hello,
>>   I am using slideUp and slideDown, with each attached to a radio button
>> via
>> click(). Here is the code:
>> $(document).ready(function() {
>> // Attach hide/show functions:
>> $("#user_type_super_x").click(function() {
>> $("#permision_block").slideUp(1);
>> });
>> $("#user_type_user_x").click(function() {
>> $("#permision_block").slideDown(1);
>> });
>> });
>>
>>
>>   After I click on the first radio button and "slideUp" the content, if I
>> click on the same button again, the content appears and then slidesUp
>> again.
>>
>>   If the content is already hidden, shouldn't it by default not be
>> possible
>> to make it appear again (however briefly) by repeated applications of the
>> slideUp function?
>>
>>   The same is true for slideDown. After sliding down the content, I can
>> make
>> it slideDown repeatedly.
>>
>>   Should I check the height or transparency first before permitting
>> slideUp/slideDown to fire?
>>
>>   Thanks,
>>   Christopher.
>> --
>> View this message in context:
>> http://www.nabble.com/possible-slideUp-slideDown-bug--tf3296684.html#a9170964
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/possible-slideUp-slideDown-bug--tf3296684.html#a9171527
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Docs Wigdet

[rolfsf]

Want!


wycats wrote:
> 
> If you guys really want something like this, it would be pretty trivial to
> create. How interested is everyone?
> 
> -- Yehuda
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Docs-Wigdet-tf3154757.html#a9153889
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] JDmenu and dimensions version clash.

[rolfsf]

happy to hear about 1.3!  I'll wait for the final release.

Rolf



Jonathan Sharp wrote:
> 
> Hey Bob,
> 
> You're correct with 1.2.1 not working with the latest dimensions. There
> were
> some API changes to the dimensions plugin that broke compatibility. So
> here's the good news! I have 1.3 in final beta but just haven't packaged
> it
> for "release yet".
> 
> So here you go: http://jdsharp.us/code/jQuery/plugins/jdMenu/1.3.beta/ you
> can grab the jquery.jdMenu.js plugin and CSS files. I've also broke
> styling
> out some. It make take a little bit of work if you've modified the CSS. I
> hope to finish the documentation for this in the next few days. Feel free
> to
> email me with any questions!
> 
> Cheers,
> -Jonathan
> 
> 
> On 2/25/07, Bob den Otter <[EMAIL PROTECTED]> wrote:
>>
>> Hi all,
>>
>> I'm having some issues with Jonathan Sharp's JDmenu plugin and the
>> dimensions plugin.
>>
>> The version of dimensions.js that ships with jdmenu(*1) is quite
>> different from the one that's on the jquery website(*2)..
>>
>> *1: http://jdsharp.us/code/jQuery/plugins/jdMenu/1.2.1/jdMenu-1.2.1.zip
>> *2:
>> http://jquery.com/dev/svn/trunk/plugins/dimensions/dimensions.js?format=txt
>>
>> Unfortunately jdmenu stops working when you use the newer version of
>> dimensions.
>> Has anyone else experienced this, and perhaps know how to fix it?
>>
>>
>> Thanks, Bob.
>>
>>
>> --
>> Bob den Otter - [EMAIL PROTECTED]
>> Two Kings - www.twokings.nl - 070 345 76 28
>>
>>
>>
>>
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/JDmenu-and-dimensions-version-clash.-tf3289545.html#a9153873
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] JDmenu and dimensions version clash.

[rolfsf]

Yes - I've encountered it and I'm pretty sure Jonathan knows about it (I
mentioned it to him)... I believe he's working on a new version of jdmenu. I
just used the version of dimensions that ships with jdmenu for now, as I'm
not yet using it for anything else.



Bob den Otter wrote:
> 
> Hi all,
> 
> I'm having some issues with Jonathan Sharp's JDmenu plugin and the 
> dimensions plugin.
> 
> The version of dimensions.js that ships with jdmenu(*1) is quite 
> different from the one that's on the jquery website(*2)..
> 
> *1: http://jdsharp.us/code/jQuery/plugins/jdMenu/1.2.1/jdMenu-1.2.1.zip
> *2:
> http://jquery.com/dev/svn/trunk/plugins/dimensions/dimensions.js?format=txt
> 
> Unfortunately jdmenu stops working when you use the newer version of 
> dimensions.
> Has anyone else experienced this, and perhaps know how to fix it?
> 
> 
> Thanks, Bob.
> 
> 
> -- 
> Bob den Otter - [EMAIL PROTECTED] 
> Two Kings - www.twokings.nl - 070 345 76 28
> 
> 
> 
> 
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/JDmenu-and-dimensions-version-clash.-tf3289545.html#a9152011
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Collapsible Tables

[rolfsf]

the key is not to use multiple theads, but rather a row of th's in each
tbody, as you'll see in here:
http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/index_2.html 




Christiaan van Woudenberg wrote:
> 
> I used the same design pattern of a single table with multiple theads
> another project of mine, and after testing for Opera support, found that
> the W3C spec doesn't allow multiple theads in a table, only multiple tbody
> tags, just so you know ...
> 
> See the XHTML Strict DTD at
> http://www.w3.org/TR/2000/REC-xhtml1-2126/DTD/xhtml1-strict.dtd and
> you'll see that only zero or one thead elements are allowed.
> 
> Christiaan van Woudenberg
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Collapsible-Tables-tf3274184.html#a9129798
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] dimensions.js lesson needed

[rolfsf]

Thanks Andreas - looks like a cool system, and I'll definitely play with it
But, I still don't see how I'm going to get both the left and right columns
to autoscroll independently in a 100% width (flexible) container. I had to
set that problem aside for a couple days, but I'll get back to it. Thanks
for the new resource!



Andreas Wahlin-4 wrote:
> 
> http://layout.constantology.com/
> seems to build off of yui, I haven't invested a lot of time comparing  
> them, but the little time i put in says to me that ___layouts fits me  
> better :)
> 
> andreas
> 
> On Feb 21, 2007, at 22:11 , rolfsf wrote:
> 
>>
>> Thanks Brandon, I'll look through the YUI grids...
>> While much of it can be done with css, I just don't see how I can  
>> get the
>> autoscroll to function properly unless I've set a fixed height and  
>> width,
>> which I can't think of how to do accurately with css on a flexible  
>> height
>> and width page. But... I'll go dig...
>>
>>
>>
>> Brandon Aaron wrote:
>>>
>>> I believe you are better off letting CSS deal with this. The
>>> performance of the CSS is going to greatly outweigh the JavaScript in
>>> this scenario. You should check out the YUI Grids CSS [1], maybe it
>>> can help you get what you need without too much overhead.
>>>
>>> [1]: http://developer.yahoo.com/yui/grids/
>>>
>>> --
>>> Brandon Aaron
>>>
>>> On 2/21/07, rolfsf <[EMAIL PROTECTED]> wrote:
>>>>
>>>> I've got a basic layout that looks like this:
>>>>
>>>> 
>>>> 
>>>>   
>>>> 
>>>> 
>>>>
>>>> All divs are flexible in height and width depending on the viewport,
>>>> except
>>>> #leftPane, which has a fixed width.
>>>> I want to set:
>>>> #container width to be equal to viewport width
>>>> #container height to be equal to (viewport height - #top height)
>>>> #leftPane height to be equal to #container height
>>>> #rightPane height to be equal to #container  height
>>>> #leftPane width is equal to 300px;
>>>> #rightPane width to be equal to (#container width - #leftPane width)
>>>>
>>>> (what I'm trying to get to is to have #leftPane and #rightPane with
>>>> autoscroll, and have #rightPane expand when #leftPane slides left  
>>>> and
>>>> closes, and all divs adjust when the viewport is resized)
>>>>
>>>> My question: How do go about a) getting these dimensions, b) setting
>>>> dimensions based on a,  c) updating when the viewport is resized.  
>>>> Hints
>>>> are
>>>> appreciated!
>>>>
>>>>
>>>> --
>>>> View this message in context:
>>>> http://www.nabble.com/dimensions.js-lesson-needed- 
>>>> tf3269066.html#a9088452
>>>> Sent from the JQuery mailing list archive at Nabble.com.
>>>>
>>>>
>>>> ___
>>>> jQuery mailing list
>>>> discuss@jquery.com
>>>> http://jquery.com/discuss/
>>>>
>>>
>>> ___
>>> jQuery mailing list
>>> discuss@jquery.com
>>> http://jquery.com/discuss/
>>>
>>>
>>
>> -- 
>> View this message in context: http://www.nabble.com/dimensions.js- 
>> lesson-needed-tf3269066.html#a9089266
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/dimensions.js-lesson-needed-tf3269066.html#a9120756
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Collapsible Tables

[rolfsf]

Carl - Jake is pointing you to the example I worked out a couple days ago - I
faced the same problem, and despite being quite a newbie I was able to
figure out a solution. I highly recommend making use of either Jörn's jquery
API or the Visual jQuery site.

r.



Jake McGraw wrote:
> 
> Someone else asked this yesterday, and here is a possible solution:
> 
> http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/index_2.html
> 
> You may want to search the listserv in the future, you can get your answer
> faster that way.
> 
> - jake
> 
> 
> On 2/22/07, Carl Parrish <[EMAIL PROTECTED]> wrote:
>>
>> What I'm trying to do.
>> When a thead is clicked I'd like for the tbody row group below it to
>> become visable.
>> So I have a table like this
>> 
>> First row group
>> 
>>  1st Item in row group 1
>> 2nd Item in row group 1
>> 
>> Second row group
>> 
>>  1st Item in row group 2
>> 2nd Item in row group 2
>> 
>> 
>>
>> I've seen several
>> tutorials on how to deal with collapsible list, but so far nothing on
>> tables. What I haven't been able to figure out so far is how to determine
>> which tbody is connected to which thead. I think xpath could help me here
>> but I admit I don't know it that well so I'm not sure. something like
>> $(".rowGroup thead").onClick.(function(){
>> $(tbody between this and next thead).show();
>> }
>> );
>> Can anyone help or point me in the right direction of where I can buy a
>> clue?
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Collapsible-Tables-tf3274184.html#a9105247
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Applyng classes to table rows?

[rolfsf]

of course - that's why I posted it. I've gotten a lot of help from this
community so it's nice to have a chance to help someone else.

I suspect you can still accomplish what you're doing by adding a function
that hides the siblings of the tr with the id or class that you want
collapsed. 

r.


Shane Graber - jQuery wrote:
> 
> Holy smoke, that's almost exactly what I'm trying to do.  The only
> thing I'm wanting to do different is to make certain table rows
> collapsed by default when the page is first viewed, which is why I am
> applying classes to rows.
> 
> May I use your code a bit in what I'm working on?
> 
> Shane
> 
> On 2/21/07, rolfsf <[EMAIL PROTECTED]> wrote:
>>
>> sorry - wrong url
>> http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/index_2.html
>>
>> Rolf
>>
>>
>>
>> rolfsf wrote:
>> >
>> > I could be wrong, but it sounds like you're trying to do something very
>> > similar to what I was working on yesterday - collapsing a set of rows
>> by
>> > clicking on another row. You can see what I did (I didn't have to add
>> any
>> > classes to the rows I was collapsing) :
>> > http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/
>> >
>> > Rolf
>> >
>> >
>> >
>>
>> --
>> View this message in context:
>> http://www.nabble.com/Applyng-classes-to-table-rows--tf3267824.html#a9087379
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> 
> -- 
> -
> Bender: "Amy, you like cute things so I baked you a pony."
> -
> 
> http://www.reefs.org - Where reefkeeping begins on the internet.
> http://www.advancedaquarist.com - High quality, free monthly publication
> for
> the reef keeping hobbyist.
> http://www.aquaristcourses.org - Distance learning courses for the
> marine aquarist.
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Applyng-classes-to-table-rows--tf3267824.html#a9088072
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] dimensions.js lesson needed

[rolfsf]

Thanks Brandon, I'll look through the YUI grids...
While much of it can be done with css, I just don't see how I can get the
autoscroll to function properly unless I've set a fixed height and width,
which I can't think of how to do accurately with css on a flexible height
and width page. But... I'll go dig...



Brandon Aaron wrote:
> 
> I believe you are better off letting CSS deal with this. The
> performance of the CSS is going to greatly outweigh the JavaScript in
> this scenario. You should check out the YUI Grids CSS [1], maybe it
> can help you get what you need without too much overhead.
> 
> [1]: http://developer.yahoo.com/yui/grids/
> 
> --
> Brandon Aaron
> 
> On 2/21/07, rolfsf <[EMAIL PROTECTED]> wrote:
>>
>> I've got a basic layout that looks like this:
>>
>> 
>> 
>>   
>> 
>> 
>>
>> All divs are flexible in height and width depending on the viewport,
>> except
>> #leftPane, which has a fixed width.
>> I want to set:
>> #container width to be equal to viewport width
>> #container height to be equal to (viewport height - #top height)
>> #leftPane height to be equal to #container height
>> #rightPane height to be equal to #container  height
>> #leftPane width is equal to 300px;
>> #rightPane width to be equal to (#container width - #leftPane width)
>>
>> (what I'm trying to get to is to have #leftPane and #rightPane with
>> autoscroll, and have #rightPane expand when #leftPane slides left and
>> closes, and all divs adjust when the viewport is resized)
>>
>> My question: How do go about a) getting these dimensions, b) setting
>> dimensions based on a,  c) updating when the viewport is resized. Hints
>> are
>> appreciated!
>>
>>
>> --
>> View this message in context:
>> http://www.nabble.com/dimensions.js-lesson-needed-tf3269066.html#a9088452
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/dimensions.js-lesson-needed-tf3269066.html#a9089266
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] dimensions.js lesson needed

[rolfsf]

I've got a basic layout that looks like this:



  



All divs are flexible in height and width depending on the viewport, except
#leftPane, which has a fixed width. 
I want to set: 
#container width to be equal to viewport width
#container height to be equal to (viewport height - #top height)
#leftPane height to be equal to #container height 
#rightPane height to be equal to #container  height 
#leftPane width is equal to 300px;
#rightPane width to be equal to (#container width - #leftPane width)

(what I'm trying to get to is to have #leftPane and #rightPane with
autoscroll, and have #rightPane expand when #leftPane slides left and
closes, and all divs adjust when the viewport is resized)

My question: How do go about a) getting these dimensions, b) setting
dimensions based on a,  c) updating when the viewport is resized. Hints are
appreciated!


-- 
View this message in context: 
http://www.nabble.com/dimensions.js-lesson-needed-tf3269066.html#a9088452
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Applyng classes to table rows?

[rolfsf]

sorry - wrong url
http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/index_2.html

Rolf



rolfsf wrote:
> 
> I could be wrong, but it sounds like you're trying to do something very
> similar to what I was working on yesterday - collapsing a set of rows by
> clicking on another row. You can see what I did (I didn't have to add any
> classes to the rows I was collapsing) :
> http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/ 
> 
> Rolf
> 
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Applyng-classes-to-table-rows--tf3267824.html#a9087379
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Applyng classes to table rows?

[rolfsf]

I could be wrong, but it sounds like you're trying to do something very
similar to what I was working on yesterday - collapsing a set of rows by
clicking on another row. You can see what I did (I didn't have to add any
classes to the rows I was collapsing) :
http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/ 

Rolf



Shane Graber - jQuery wrote:
> 
> Awesome!  Thanks for the code.  :)
> 
> I agree, I should not set the id as id's are unique identifiers.  What
> I wanted to do was take the class name and id name from a previous  /> and combine them into a new class name like so:
> 
> from:   class="row" id="blah-one"
> to: class="row blah-one"
> 
> I modified your code a bit to achieve this.  Thank you!
> 
> Shane
> 
> On 2/21/07, Kristinn Sigmundsson <[EMAIL PROTECTED]> wrote:
>> this does it for the classes
>> $("table tr:not([EMAIL PROTECTED])").each(function() {
>> $(this).attr("class",
>> $(this).prev("[EMAIL PROTECTED]").attr("class"));
>> });
>> you might be able to get it down to one row...
>>
>> I would not recommend setting the IDs as you want, because the
>> standars clearly states that IDs should be UNIQUE!
>>
>> //Kristinn
>>
>> On 2/21/07, Shane Graber - jQuery <[EMAIL PROTECTED]> wrote:
>> > I'm stumped on how to do this with jQuery.  I have a table like this:
>> >
>> > 
>> >
>> > 
>> > 
>> > 
>> > 
>> >
>> > 
>> > 
>> > 
>> > 
>> >
>> > 
>> > 
>> > 
>> > 
>> >
>> > 
>> > 
>> > 
>> > 
>> >
>> > 
>> > 
>> > 
>> > 
>> >
>> > 
>> > 
>> > 
>> > 
>> >
>> > 
>> >
>> > I need to convert it to:
>> >
>> > 
>> >
>> > 
>> > 
>> > 
>> > 
>> >
>> > 
>> > 
>> > 
>> > 
>> >
>> > 
>> > 
>> > 
>> > 
>> >
>> > 
>> > 
>> > 
>> > 
>> >
>> > 
>> > 
>> > 
>> > 
>> >
>> > 
>> > 
>> > 
>> > 
>> >
>> > 
>> >
>> > Basically, I want to look at each table row and if it does not have a
>> > class, I want to look up the table row by row till it finds a row that
>> > has a class and id set on it and then take that class and id and apply
>> > it to that row that does not have its class set.
>> >
>> > What I am attempting to do is to write a show/hide script for phpBB so
>> > that I can dynamically show/hide sections of the forum tree either
>> > collapsed or expanded.  So far I have been successful at applying a
>> > class and id to each table row section but not the rows directly
>> > beneath it yet.
>> >
>> > Any help would be appreciated.  Thanks!
>> >
>> > Shane
>> >
>> > --
>> > -
>> > Bender: "Amy, you like cute things so I baked you a pony."
>> > -
>> >
>> > http://www.reefs.org - Where reefkeeping begins on the internet.
>> > http://www.advancedaquarist.com - High quality, free monthly
>> publication for
>> > the reef keeping hobbyist.
>> > http://www.aquaristcourses.org - Distance learning courses for the
>> > marine aquarist.
>> >
>> > ___
>> > jQuery mailing list
>> > discuss@jquery.com
>> > http://jquery.com/discuss/
>> >
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> 
> -- 
> -
> Bender: "Amy, you like cute things so I baked you a pony."
> -
> 
> http://www.reefs.org - Where reefkeeping begins on the internet.
> http://www.advancedaquarist.com - High quality, free monthly publication
> for
> the reef keeping hobbyist.
> http://www.aquaristcourses.org - Distance learning courses for the
> marine aquarist.
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Applyng-classes-to-table-rows--tf3267824.html#a9087342
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] accordion table, instead of an accordion list/menu?

[rolfsf]

Thanks Karl - I've scoured the threads - it's definitely on the list of hard
problems, and labeled "unsolved"
http://docs.jquery.com/HardProblems



Karl Swedberg-2 wrote:
> 
> I haven't tested any, but there have been a few threads on this issue  
> before and one workaround I recall reading about was to temporarily  
> wrap a set of rows in a div before showing and hiding and then remove  
> the div after the effect has completed.
> 
> If you discover this or some other method works, please post the  
> solution to the list! :)
> 
> --Karl
> _
> Karl Swedberg
> www.englishrules.com
> www.learningjquery.com
> 
> 
> 
> On Feb 20, 2007, at 11:25 PM, rolfsf wrote:
> 
>>
>> Is there a way around that? Can you get simple animation to work on  
>> table
>> rows? I can live with a simple show/hide, but it would be nice to  
>> dress it
>> up a little.
> 

-- 
View this message in context: 
http://www.nabble.com/accordion-table%2C-instead-of-an-accordion-list-menu--tf3264032.html#a9083021
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] accordion table, instead of an accordion list/menu?

[rolfsf]

Is there a way around that? Can you get simple animation to work on table
rows? I can live with a simple show/hide, but it would be nice to dress it
up a little.


Karl Swedberg-2 wrote:
> 
> Rolf, I think the strange results occur in Firefox because it wants  
> all  elements to have display:table-row but the .slideX()  
> and .show/hide(speed), etc. methods use display:block
> 
> --Karl
> _
> Karl Swedberg
> www.englishrules.com
> www.learningjquery.com
> 
> 
> 
> On Feb 20, 2007, at 9:09 PM, rolfsf wrote:
> 
>>
>> by the way, I do notice that if I use .slideToggle instead  
>> of .toggle I get
>> strange results... not sure why.
>>
> 

-- 
View this message in context: 
http://www.nabble.com/accordion-table%2C-instead-of-an-accordion-list-menu--tf3264032.html#a9075220
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] accordion table, instead of an accordion list/menu?

[rolfsf]

by the way, I do notice that if I use .slideToggle instead of .toggle I get
strange results... not sure why.



Kristinn Sigmundsson wrote:
> 
> ok So something like this almost(?) does it,
>   $(".collapse_group[a]").click( function () {
>   $(this).parent().siblings("tr").slideToggle("fast", 
> function() {
>   $(this).each( function() {
>   if ($(this).css("display") == "block")
>   $(this).css("display", "");
>   });
>   });
>   });
> 
> It is wierd though, sometimes it works and sometimes not, and when
> it's not working alot of extra padding/margin is added to the bottom
> of the groupelements...
> 
> I've also tried this without several tbody's (thought this might be a
> incorrect markup quirk) but it's the same thing, hope that someone
> could shed some light on this, got me interested :)
> 
> Oh and btw I'm using FF1.5.0.9 (it all works without problems in IE7,
> no need for the display "fix" there)
> 
> ///Kristinn
> 
> 

-- 
View this message in context: 
http://www.nabble.com/accordion-table%2C-instead-of-an-accordion-list-menu--tf3264032.html#a9074275
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] accordion table, instead of an accordion list/menu?

[rolfsf]

Yes... easy for some, a proud learning achievement for others ;-)

I actually figured out the same thing on my own - it's here:
http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/index_2.html

Thanks Erik!


Erik Beeson wrote:
> 
> That sounds pretty easy:
> 
> $('.accordion').click(function() {
>   $(this).siblings().toggle();
> });
> 
> See it here:
> http://www.erikandcolleen.com/erik/projects/jquery/accordian_table.html
> 
> --Erik
> 
> 
> On 2/20/07, rolfsf <[EMAIL PROTECTED]> wrote:
>>
>> I misspoke - now that I look at it closer and play with jquery.accordian,
>> I
>> don't want it to function like an accordion menu, since I want each
>> grouping
>> to be toggled independent of each other -- they could all be open, or all
>> closed.
>> sorry for the confusion...
>>
>>
>> rolfsf wrote:
>> >
>> > I'm trying to figure out how to build a table that allows the user to
>> > toggle groups of rows, much like the accordion menus made with Jörn's
>> > accordion plugin, while keeping reasonably semantically correct markup
>> in
>> > the table.
>> >
>> > My best guess on the markup is posted here:
>> > http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/
>> >
>> > briefly, it's something like:
>> >
>> > 
>> >   
>> > 
>> >   heading
>> >   heading
>> > 
>> >   
>> >
>> >   
>> > 
>> >   Grouping name 1
>> > 
>> > 
>> >   data
>> >   data
>> > 
>> > 
>> >   data
>> >   data
>> > 
>> >   
>> >
>> >   
>> > 
>> >   Grouping name 1
>> > 
>> > 
>> >   data
>> >   data
>> > 
>> > 
>> >   data
>> >   data
>> > 
>> >   
>> >
>> > ...etc
>> > 
>> >
>> > I want to be able to click on the "Grouping"  and collapse/expand
>> the
>> > rest of the rows in that , but leaving the > class="accordion">
>> > visible.
>> >
>> > Can someone get me started? :-)
>> >
>> > thanks!
>> >
>> >
>>
>> --
>> View this message in context:
>> http://www.nabble.com/accordion-table%2C-instead-of-an-accordion-list-menu--tf3264032.html#a9073436
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/accordion-table%2C-instead-of-an-accordion-list-menu--tf3264032.html#a9074158
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] accordion table, instead of an accordion list/menu?

[rolfsf]

Thanks (again) Kristinn!
You are correct that there should be a tfoot in there as well... I was
abbreviating.

I actually got the table working just now on my own (amazing what happens
when I slow down, look at visual jquery, and go step by step, and trust
myself!)

the working table (tested in safari, FF (mac) and IE6) is here:
http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/index_2.html

If anyone can improve on this, I'd love to hear it

r.




Kristinn Sigmundsson wrote:
> 
> First things first, and I could be wrong here, but I believe that the
> correct syntax for a table is:
> 
> 
>   
>   
>   
> 
> 
> Not sure several tbody elements is correct... anyway, I did some test,
> and got some freaky results, I think that the problem lies with the
> style "display: block" being applied, works fine in IE7 but not very
> pretty in FF... you can test this:
>   $(".collapse_group").click( function () {
>   $(this).parent().siblings("tr").slideToggle("fast");
>   });
> I'm sorry that I don't have a definite answer to your question though.
> What I would do is probably make another table inside a tr with the
> data and wrap it in a div and see if that would work, OR maybe have a
> callback to the slideToggle that changes the display style depending
> whether it visible or not...
> 
> good luck though, someone here most probably have a better answer, but
> this is something to get you started :P
> 
> //Kristinn
> 

-- 
View this message in context: 
http://www.nabble.com/accordion-table%2C-instead-of-an-accordion-list-menu--tf3264032.html#a9074100
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] accordion table, instead of an accordion list/menu?

[rolfsf]

I misspoke - now that I look at it closer and play with jquery.accordian, I
don't want it to function like an accordion menu, since I want each grouping
to be toggled independent of each other -- they could all be open, or all
closed.
sorry for the confusion...


rolfsf wrote:
> 
> I'm trying to figure out how to build a table that allows the user to
> toggle groups of rows, much like the accordion menus made with Jörn's
> accordion plugin, while keeping reasonably semantically correct markup in
> the table. 
> 
> My best guess on the markup is posted here:
> http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/
> 
> briefly, it's something like:
> 
> 
>   
> 
>   heading
>   heading
> 
>   
> 
>   
> 
>   Grouping name 1
> 
> 
>   data
>   data
> 
> 
>   data
>   data
> 
>   
> 
>   
> 
>   Grouping name 1
> 
> 
>   data
>   data
> 
> 
>   data
>   data
> 
>   
> 
> ...etc
> 
> 
> I want to be able to click on the "Grouping"  and collapse/expand the
> rest of the rows in that , but leaving the 
> visible. 
> 
> Can someone get me started? :-)
> 
> thanks!
> 
> 

-- 
View this message in context: 
http://www.nabble.com/accordion-table%2C-instead-of-an-accordion-list-menu--tf3264032.html#a9073436
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] accordion table, instead of an accordion list/menu?

[rolfsf]

I'm trying to figure out how to build a table that allows the user to toggle
groups of rows, much like the accordion menus made with Jörn's accordion
plugin, while keeping reasonably semantically correct markup in the table. 

My best guess on the markup is posted here:
http://www.monkeypuzzle.net/testfiles/jquery/Accordion_table/

briefly, it's something like:


  

  heading
  heading

  

  

  Grouping name 1


  data
  data


  data
  data

  

  

  Grouping name 1


  data
  data


  data
  data

  

...etc


I want to be able to click on the "Grouping"  and collapse/expand the
rest of the rows in that , but leaving the 
visible. 

Can someone get me started? :-)

thanks!

-- 
View this message in context: 
http://www.nabble.com/accordion-table%2C-instead-of-an-accordion-list-menu--tf3264032.html#a9072982
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Plugin Update: jdMenu 1.2.1

[rolfsf]

Just curious, Jonathan, is this essentially the same update I got from you
last week, or have there been more changes?
...and thanks for the great plugin!

r.



Jonathan Sharp wrote:
> 
> jdMenu's been updated to 1.2.1 which resolves a small issue when clicking
> on
> a link in a menu.
> 
> http://jdsharp.us/code/jQuery/plugins/jdMenu/
> 
> Cheers,
> -js
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Plugin-Update%3A-jdMenu-1.2.1-tf3261257.html#a9065284
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jQuery and Jack Slocum's Ext

[rolfsf]

Wow! Great news! I love some of Jack's UI modules but I was avoiding them
because I was trying to standardize on jquery.  Thanks to both teams for
doing this!



John Resig wrote:
> 
> Hi Everyone -
> 
> Today, we're proud to announce that the jQuery Project and Jack
> Slocum's Ext Project, have partnered to integrate the amazingly
> lightweight and powerful jQuery framework with Ext's awesome UI
> library. This collaboration will greatly enhance the capabilities of
> both projects and expand the functionality available to developers
> using the jQuery JavaScript Library and the Ext UI component suite.
> 

-- 
View this message in context: 
http://www.nabble.com/jQuery-and-Jack-Slocum%27s-Ext-tf3256059.html#a9052719
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] adding a class to positive and negative data cells in a table column

[rolfsf]

Thanks for the lesson Danny! I'd love to be a cool kid :-)
I haven't had the time to fully grok what either you or Kristinn showed me,
but it opened a door to understanding and I definitely appreciate that.

r.



Danny Wachsstock wrote:
> 
> To select specific elements, the cool kids all use custom selectors (not
> very well documented, but see
> http://docs.jquery.com/Plugins/Authoring#Using_jQuery.extend_to_extend_jQuery_itself
> and
> http://www.softwareunity.com/sandbox/JQueryMoreSelectors/ )
> 
> 

-- 
View this message in context: 
http://www.nabble.com/adding-a-class-to-positive-and-negative-data-cells-in-a-table-column-tf3240521.html#a9026817
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] adding a class to positive and negative data cells in a table column

[rolfsf]

I posted a 
http://www.monkeypuzzle.net/testfiles/jquery/data_hilite/index.html working
test page  - thanks Kristinn!!



Kristinn Sigmundsson wrote:
> 
> Arg, stupid tabs not working here it comes again...
> 
> $("table td").each( function () {
>  var nr = parseFloat($(this).text());
> if (nr >= 1.5)
>$(this).addClass("positive");
> else if (nr <= -1.5)
>$(this).addClass("negative");
> });
> 
> something similar to this should work...
> 
> //Kristinn
> 
> On 2/16/07, Kristinn Sigmundsson <[EMAIL PROTECTED]> wrote:
>> First thought:
>>
>>
>> On 2/16/07, rolfsf <[EMAIL PROTECTED]> wrote:
>> >
>> > Is there a clever way in jQuery to find non-zero data in specific
>> columns of
>> > a table, and assign them a class based on whether they are positive or
>> > negative? In plain English, I want to make positive numbers green (or
>> the
>> > cell bg) and the negative numbers red, but only in certain columns.
>> Ideally,
>> > I would want to fine tune the range - say, > 1.5 is green and < -1.5 is
>> red.
>> > I suspect that COL and COLGROUP are not very useful as selectors.
>> >
>> > Thanks!
>> > --
>> > View this message in context:
>> http://www.nabble.com/adding-a-class-to-positive-and-negative-data-cells-in-a-table-column-tf3240521.html#a9007930
>> > Sent from the JQuery mailing list archive at Nabble.com.
>> >
>> >
>> > ___
>> > jQuery mailing list
>> > discuss@jquery.com
>> > http://jquery.com/discuss/
>> >
>>
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/adding-a-class-to-positive-and-negative-data-cells-in-a-table-column-tf3240521.html#a9009454
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] adding a class to positive and negative data cells in a table column

[rolfsf]

thanks Kristinn!
So, if I only want to do this on the 4th column of a table, would I do
something like:

$("table td:nth-child(3)").each( function () {
 var nr = parseFloat($(this).text());
if (nr >= 1.5)
   $(this).addClass("positive");
else if (nr <= -1.5)
   $(this).addClass("negative");
});

thanks!
r.



Kristinn Sigmundsson wrote:
> 
> Arg, stupid tabs not working here it comes again...
> 
> $("table td").each( function () {
>  var nr = parseFloat($(this).text());
> if (nr >= 1.5)
>$(this).addClass("positive");
> else if (nr <= -1.5)
>$(this).addClass("negative");
> });
> 
> something similar to this should work...
> 
> //Kristinn
> 
> On 2/16/07, Kristinn Sigmundsson <[EMAIL PROTECTED]> wrote:
>> First thought:
>>
>>
>> On 2/16/07, rolfsf <[EMAIL PROTECTED]> wrote:
>> >
>> > Is there a clever way in jQuery to find non-zero data in specific
>> columns of
>> > a table, and assign them a class based on whether they are positive or
>> > negative? In plain English, I want to make positive numbers green (or
>> the
>> > cell bg) and the negative numbers red, but only in certain columns.
>> Ideally,
>> > I would want to fine tune the range - say, > 1.5 is green and < -1.5 is
>> red.
>> > I suspect that COL and COLGROUP are not very useful as selectors.
>> >
>> > Thanks!
>> > --
>> > View this message in context:
>> http://www.nabble.com/adding-a-class-to-positive-and-negative-data-cells-in-a-table-column-tf3240521.html#a9007930
>> > Sent from the JQuery mailing list archive at Nabble.com.
>> >
>> >
>> > ___
>> > jQuery mailing list
>> > discuss@jquery.com
>> > http://jquery.com/discuss/
>> >
>>
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/adding-a-class-to-positive-and-negative-data-cells-in-a-table-column-tf3240521.html#a9008953
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] adding a class to positive and negative data cells in a table column

[rolfsf]

Is there a clever way in jQuery to find non-zero data in specific columns of
a table, and assign them a class based on whether they are positive or
negative? In plain English, I want to make positive numbers green (or the
cell bg) and the negative numbers red, but only in certain columns. Ideally,
I would want to fine tune the range - say, > 1.5 is green and < -1.5 is red.
I suspect that COL and COLGROUP are not very useful as selectors.

Thanks!
-- 
View this message in context: 
http://www.nabble.com/adding-a-class-to-positive-and-negative-data-cells-in-a-table-column-tf3240521.html#a9007930
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] left to right animation

[rolfsf]

Brice Burgess wrote:
> 
> Geoff,
> 
>   Anything is possible :)
> 
>   I know that the Interface Elements for jQuery covers this under 
> $.blindRight() && $.blindLeft().
> 
>   See; http://interface.eyecon.ro/demos/ifx.html
> 
> ~ Brice
> 

Interface's blindLeft and blindRight are great, and do exactly what Geoff is
asking for, but I have yet to find a solution to why Safari crashes with
blindToggleHorizontally in this example:

http://www.monkeypuzzle.net/testfiles/safari_crash_blindtoggle/index.htm 

-- 
View this message in context: 
http://www.nabble.com/left-to-right-animation-tf3223836.html#a8956841
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] help - Interface Blind Toggle crashes Safari

[rolfsf]

Are there any Interface guru's online who might be able to clue me in to
where the problem lies? The only scripts being used on this page are Jquery
and Interface... 

I appreciate any help anyone can offer!



rolfsf wrote:
> 
> I've got a fairly simple page - basically a container div with two divs -
> a leftPane and a rightPane. A third div serves as something to toggle the
> left pane open and closed using Interface's blindToggleHorizontally. For
> some reason, Safari crashes every time the leftPane is closed. Firefox,
> IE, Netscape all seem fine. I've stripped just about everything else out
> of the page trying to isolate the problem, but still can't find it -
> anyone seen this before?
> 
> http://www.monkeypuzzle.net/testfiles/safari_crash_blindtoggle/index.htm
> 
> I'm using Safari 2.0.4 on OS X 10.4.8
> 
> Thanks!
> 

-- 
View this message in context: 
http://www.nabble.com/help---Interface-Blind-Toggle-crashes-Safari-tf3211986.html#a8931455
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] help - Interface Blind Toggle crashes Safari

[rolfsf]

I've got a fairly simple page - basically a container div with two divs - a
leftPane and a rightPane. A third div serves as something to toggle the left
pane open and closed using Interface's blindToggleHorizontally. For some
reason, Safari crashes every time the leftPane is closed. Firefox, IE,
Netscape all seem fine. I've stripped just about everything else out of the
page trying to isolate the problem, but still can't find it - anyone seen
this before?

http://www.monkeypuzzle.net/testfiles/safari_crash_blindtoggle/index.htm

I'm using Safari 2.0.4 on OS X 10.4.8

Thanks!
-- 
View this message in context: 
http://www.nabble.com/help---Interface-Blind-Toggle-crashes-Safari-tf3211986.html#a8919693
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] help with a sliding panel layout - dimensions.js?

[rolfsf]

I'm trying to layout a screen with div on the left that contains some items
(eventually some form inputs), and a div on the right that contains various
content (including large tables). I want to be able to click on a button to
slide the left div out of the way, allowing the right div to expand. I also
want the right div to autoscroll if it's content exceeds it's boundaries.  

I've built a test page using JQuery and Interface (blind toggle). It mostly
works, except for the right panel autoscroll in all browsers, and in IE,
resizing the page smaller knocks the table out. Can anyone point me in the
right direction? Is this a job for the dimensions plugin?

http://www.monkeypuzzle.net/testfiles/sliding_panel/panel_test.html
-- 
View this message in context: 
http://www.nabble.com/help-with-a-sliding-panel-layout---dimensions.js--tf3176057.html#a8812044
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] ANNOUNCE: New jQuery Project Team Members

[rolfsf]

With all that I've seen them contribute, I thought they were already part of
the team! Congratulations!

 

Rey Bango-2 wrote:
> 
> The jQuery team would like to welcome our newest team members, Yehdua 
> Katz, Nate Cavanaugh, & Klaus Hartl. These three developers have made 
> invaluable contributions to the jQuery projects in terms of time, 
> knowledge and commitment to the community.
> 
> Yehuda is a developer living in New York City who maintains the web site 
> Visual jQuery, and publishes the Visual jQuery Magazine. Additionally, 
> he's a frequent contributor to the jQuery Blog and promoter of good 
> practices within the jQuery core. As a member of the evangelism team 
> he's working to help people discover jQuery; actively trying to find and 
> promote jQuery to new users.
> 
> Nate is a designer living in California. He was responsible for the 
> recent redesign of the jQuery site. He's going to be helping to design 
> new portions of the site, and help to bring outdated portions of the 
> site inline with the rest.
> 
> Klaus has been one of the most vocal supporter of jQuery and unobtrusive 
> design on the jQuery mailing list. His ability to expertly explain 
> quality, unobtrusive, solutions to problems is invaluable will be a 
> tremendous boon to the jQuery project. Klaus will be working with both 
> the Evangelism & Dev teams, to help promote jQuery and expand its reach 
> as well as maintaining Thickbox and the Tabs plugin. He will also be 
> spearheading the effort to make Tabs an official plugin.
> 
> We're very pleased to be working with all of you and welcome you to the 
> jQuery team.
> 
> The jQuery Project Team
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/ANNOUNCE%3A-New-jQuery-Project-Team-Members-tf3163676.html#a8783867
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] ANN: Brandon Aaron Joins learningjquery.com

[rolfsf]

I second the request for more newbie tutorials!

And I'm happy to hear Brandon will be joining you on the tutorials - he's
got a friendly, knowledgeable style - looking forward to reading more.

-- 
View this message in context: 
http://www.nabble.com/ANN%3A-Brandon-Aaron-Joins-learningjquery.com-tf3157199.html#a8759640
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] show/hide div crashes safari...

[rolfsf]

Yesterday I inquired about how to hide and show divs based on a radio button
selection. I eventually got a script working, but it seems to be crashing
Safari (v2) when I click on one of the radio buttons. I'm sure I'm not
writing this as efficiently as it could/should be written, but everything
else I've tried doesn't work. Any thoughts?

thanks!

the script:
// toggle between files & reports
$().ready( function() { 
$("#filesPane").hide();
$("[EMAIL PROTECTED]'findWhat']").click(function(){
$("[EMAIL PROTECTED]'findWhat'[EMAIL PROTECTED]").val() == 0 ?
$("#filesPane").hide('fast') : 
$("#filesPane").show('slow');
$("[EMAIL PROTECTED]'findWhat'[EMAIL PROTECTED]").val() == 1 ?
$("#reportsPane").hide('fast') : 
$("#reportsPane").show('slow');
});
});

the relevant markup:



 Find
Reports
Find Files



This is the reports pane



This is the files pane



-- 
View this message in context: 
http://www.nabble.com/show-hide-div-crashes-safari...-tf3158233.html#a8759314
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] show/hide div based on radio buttons/select options

[rolfsf]

I'm not sure if this is the best way, but I did get it working -- if anyone
can point out a better approach, I'd love to hear it. Thanks


$(document).ready(
function(){ 
$("#reportsPane, #filesPane").hide();
$("[EMAIL PROTECTED]'type']").click(function(){
$("[EMAIL PROTECTED]'type'[EMAIL PROTECTED]").val() == 0 ?
$("#filesPane").hide('fast') : 
$("#filesPane").show('fast');
$("[EMAIL PROTECTED]'type'[EMAIL PROTECTED]").val() == 1 ?
$("#reportsPane").hide('fast') : 
$("#reportsPane").show('fast');
});
});

-- 
View this message in context: 
http://www.nabble.com/show-hide-div-based-on-radio-buttons-select-options-tf3151990.html#a8741042
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] show/hide div based on radio buttons/select options

[rolfsf]

I'm trying to show/hide 2 different divs based on which choice a user has
selected (could be radio buttons or a select)


reports 
 files 


Reports options here
Files options here

So, if the user selects "files", then #reportsPane is hidden and #filesPane
is shown. If user selects "reports", then #reportsPane is hidden and
#filesPane is shown.

This seems so simple, but I can't figure out how to get this to happen. Can
someone point me to a relevant tutorial?

Thanks!
-- 
View this message in context: 
http://www.nabble.com/show-hide-div-based-on-radio-buttons-select-options-tf3151990.html#a8740044
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] dropdown menu with IE select fix?

[rolfsf]

What element would I apply bgiframe to - the select or the nested lists in
the menu? I've played a bit with the lists but it's not working yet.


Sure, just use the bgiframe plugin found in the plugins svn.
http://jquery.com/dev/svn/trunk/plugins/bgiframe/bgiframe.js?format=txt

--
Brandon Aaron


-- 
View this message in context: 
http://www.nabble.com/dropdown-menu-with-IE-select-fix--tf3084885.html#a8594257
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] dropdown menu with IE select fix?

[rolfsf]

Thanks everyone - now I've got a couple options.

Not sure how I missed jd_menu.. :-}
-- 
View this message in context: 
http://www.nabble.com/dropdown-menu-with-IE-select-fix--tf3084885.html#a8586070
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] dropdown menu with IE select fix?

[rolfsf]

I've seen a few JQuery interpretations of the Suckerfish menu, but has anyone
taken them a little further to include a fix for the IE Select bug wherein
the dropdown menu will appear behind a Select menu in IE6? The only fix I've
seen for the bug involves slipping an iframe under the dropdown. 

This script combines the idea behind Suckerfish menus with an iframe on
hover... but is there a JQuery version of this idea?
http://homepage.mac.com/igstudio/design/ulsmenus/vertical-uls-iframe-2.html
-- 
View this message in context: 
http://www.nabble.com/dropdown-menu-with-IE-select-fix--tf3084885.html#a8573656
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Using JQuery to fix Flash z-index problem?

[rolfsf]

Thanks SeViR! I'll give it a try

r.



SeViR wrote:
> 
> I use SWFObject to insert Flash.
> 
> in html I have:
>  style="width:100px;height:200px">If you can see this, then you have not 
> flash.
> 
> and javascript:
> 
> $("div.flash").each(function(){
>   this.style.zIndex = "1";
>   this.style.visibility = "visible";
>   var so = new SWFObject(this.title, this.id, this.style.width,
> this.style.height, "8", "#ff");
>   so.addParam("wmode", "transparent");
>   so.addParam("bgcolor", "#FF");
>   so.write(this.id);
>   });
> 
> Really only you need set wmode param to "transparent" and set some
> bgcolor.
> 
> That only works in Windows Flash plugin, the Linux version doesn't 
> support wmode :(
> 
> - Original Message -
> Subject: [jQuery] Using JQuery to fix Flash z-index problem?
> Date: Wed, 17 Jan 2007 11:19:59 -0800 (PST)
> From: rolfsf
> 
> 
> I'm using toggle to show/hide a div that partially overlaps a flash movie.
> Apparently, flash, being active content, will always rise to the top of
> the
> stacking order. Since I can see that my div will sit on top until the
> flash
> loops or updates, I'm wondering if there is a javascript or jquery method
> of
> keeping the div active and therefore on top? Or, has anyone found a
> reliable method for forcing flash back into the normal stacking order?
> -- 
> View this message in context: 
> http://www.nabble.com/Using-JQuery-to-fix-Flash-z-index-problem--tf3029277.html#a8416980
> Sent from the JQuery mailing list archive at Nabble.com.
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> -- 
> Saludos,
>  José Francisco Rives Lirola 
> 
>  Grupo de Apoyo a la Tele-Enseñanza
>  http://www.um.es/atica/gat
>  ext: 8277
>  
>  Edificio ATICA
>  Campus de Espinardo
>  Universidad de Murcia
>  30100 Murcia-España
> 
> 
> -- 
> Best Regards,
>  José Francisco Rives Lirola 
> 
>  SeViR CW · Computer Design
>  http://www.sevir.org
>   
>  Murcia - Spain
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Using-JQuery-to-fix-Flash-z-index-problem--tf3029277.html#a8417691
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Using JQuery to fix Flash z-index problem?

[rolfsf]

Thanks Geoffrey - I tried that, as I had read it elsewhere, but it didn't
work. Perhaps I've got a typo somewhere - I'll go back and look again.


Geoffrey Knutzen wrote:
> 
> I think you need to add the parameter wmode:"transparent" to your
> embed/object tag. That will allow a div to go over the flash movie.
> 
> -Original Message-
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
> Behalf Of rolfsf
> Sent: Wednesday, January 17, 2007 11:20 AM
> To: discuss@jquery.com
> Subject: [jQuery] Using JQuery to fix Flash z-index problem?
> 
> 
> I'm using toggle to show/hide a div that partially overlaps a flash movie.
> Apparently, flash, being active content, will always rise to the top of
> the
> stacking order. Since I can see that my div will sit on top until the
> flash
> loops or updates, I'm wondering if there is a javascript or jquery method
> of
> keeping the div active and therefore on top?  Or, has anyone found a
> reliable method for forcing flash back into the normal stacking order?
> -- 
> View this message in context:
> http://www.nabble.com/Using-JQuery-to-fix-Flash-z-index-problem--tf3029277.h
> tml#a8416980
> Sent from the JQuery mailing list archive at Nabble.com.
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Using-JQuery-to-fix-Flash-z-index-problem--tf3029277.html#a8417488
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] Using JQuery to fix Flash z-index problem?

[rolfsf]

I'm using toggle to show/hide a div that partially overlaps a flash movie.
Apparently, flash, being active content, will always rise to the top of the
stacking order. Since I can see that my div will sit on top until the flash
loops or updates, I'm wondering if there is a javascript or jquery method of
keeping the div active and therefore on top?  Or, has anyone found a
reliable method for forcing flash back into the normal stacking order?
-- 
View this message in context: 
http://www.nabble.com/Using-JQuery-to-fix-Flash-z-index-problem--tf3029277.html#a8416980
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Newbie - how to build a sliding/draggable panel

[rolfsf]

Oh! Sorry, I didn't realize the earlier post had gone through - I had
cancelled it. 

Thanks for the reply - I'll play with that and see what I can learn with it.

Rolf



bmsterling wrote:
> 
> Rolf, 
> try now to double post your messages.
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Newbie---how-to-build-a-sliding-draggable-panel-tf2961721.html#a8286690
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] Newbie - how to build a sliding/draggable panel

[rolfsf]

I'm not much of a javascripter, but I've been getting into JQuery lately...

I'm wondering if there is there an existing JQuery solution for a
sliding/draggable show/hide sidebar panel that scales to fit the various
viewport heights? I posted a quick diagram of what I'm thinking of 
http://www.monkeypuzzle.net/testfiles/sliding_panel/sliding_panel.gif here. 
I want the panel to show or hide when the little arrow is clicked, and I
want the user to be able to drag it open (or wider) or closed by grabbing
the grippy edge. It's a common enough feature on desktop apps... just not
sure how to implement it on a web app.

Can this all be done with Interface Draggables and FX?

Thanks in advance
Rolf
-- 
View this message in context: 
http://www.nabble.com/Newbie---how-to-build-a-sliding-draggable-panel-tf2961721.html#a8286304
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/