[jQuery] [treeview]
If you look at http://docs.jquery.com/Plugins/Treeview/treeview the demo is confusing because it shows a folder called New Sublist but the tree that displays in the demo has a folder called Folder 1. It's not until you view the source do you realize that the two have nothing to do with one another.
[jQuery] [treeview] documentation
The documentation for the treeview plugin consists of examples, but I wonder if anyone has written some narrative about it?
[jQuery] Typo
The home page of jQuery plugin: Treeview has a typo: Leightweight . http://bassistance.de/jquery-plugins/jquery-plugin-treeview/
[jQuery] Re: jQuery Cycle - Get Current Slide Number
That worked perfectly. Thank for your help, I was completely stumped.
On Sep 24, 11:51 am, dlimpid <[EMAIL PROTECTED]> wrote:
> try this:
>
> $(function() {
> $('*').filter(function() { return this.id.match(/^s\d+$/); })
> .each(function(n) {
> $(this).cycle({
> timeout: 0,
> speed: 500,
> fx: 'fade',
> prev: '#s' + (n + 1) + '_prev',
> next: '#s' + (n + 1) + '_next',
> after: function(curr, next, opts) {
> $('#s' + (n + 1) + '_current').html((opts.currSlide + 1) + "
> of " + opts.slideCount + " images");
> }
> });
> });
>
> });
>
> I think that the problem of original code was the scope of the closer
> of before function doesn't contains slideShow variable.
>
> There was another problem with before callback. I think at very first
> time, i.e. when page is just loaded, in before callback function
> opts.nextSlide has wrong value. (try before and opts.nextSlide instead
> of after and opts.currSlide)
>
> On Sep 24, 6:54 am, Phillip <[EMAIL PROTECTED]> wrote:
>
> > Thanks for the reply. I gave it shot, but still no dice. The good news
> > is opts.slideCount is working. But opts.nextSlide doesn't seem to
> > update when you click ahead. Any ideas on what to try next?
>
>
[jQuery] Re: jQuery Cycle - Get Current Slide Number
Thanks for the reply. I gave it shot, but still no dice. The good news is opts.slideCount is working. But opts.nextSlide doesn't seem to update when you click ahead. Any ideas on what to try next?
[jQuery] Re: New Plugin - Agile Carousel - Looking For FeedBack
Worked well for me (FF3 Mac). Pretty cool... those timer options will be handy. Good stuff.
[jQuery] jQuery Cycle - Get Current Slide Number
Hi everyone,
I'm having a tiny issue with jQuery cycle that I'm hoping someone may
be able to help out with. I have a page has multiple slide shows in
it, and have written a little script to loop over and implement the
function. I'd also like to diplay the current slide number under each
sideshow ("2 of 5 images").
I tried a few ways to go about this (using the variables that should
be floating around pager or prevNextClick). Neither worked. In the
past I've had success with idx etc., but am not sure where I've lost
my way this go around. Any ideas on how to get this working?
Thanks much in advance.
Test page: http://animalattraction.poccuo.com/mypack_test.html
$(document).ready(function() {
var total = 4;
var slideShow = 0;
for(var i=1;i<= total;i++) {
slideShow = "#s"+i;
$(function(){
$(slideShow).cycle({
timeout: 0,
speed: 500,
fx: 'fade',
prev: slideShow + '_prev',
next: slideShow + '_next',
before: function() {
var currentSlide = '?';
var countTotal = $(slideShow).children().size();
var countDisplay = slideShow + '_current';
$(countDisplay).html(currentSlide + " of " + countTotal + "
images");
}
});
});
}
});
[jQuery] Re: New Plugin - Agile Carousel - Looking For FeedBack
Worked well for me (FF3 Mac). Pretty cool... those timer options will be handy. Good stuff.
[jQuery] [autocomplete] HTTPS IE 6 Security Error
I am having trouble with a type-ahead suggest ajax call tripping the
infamous IE 6 error (http://support.microsoft.com/default.aspx?
scid=kb;en-us;261188) on an HTTPS connection to my app. IE 6 says:
"This page contains both secure and nonsecure items. Do you want to
display the nonsecure items?"
Unfortunately, I have attempted several solutions based on this bbs
and other sites, namely adding an iframe source to the results
declaration. jquery.autocomplete.js, line 11:
// Create results
var results = document.createElement("div");
// Create jQuery object for results
var $results = $(results);
// None of these work individually:
//$results.append($(''));
//$results.append($(''));
//$results.append($(''));
//$results.append($(''));
Any other ideas?
Thank you,
Phillip
[jQuery] Speed issues when using jQuery on webapp
We've been using jQuery (1.2 since its release) with a webapp we're building, and it's all been plain-sailing, until now. We've got a table which uses livegrid to load in new rows. 2 out of the 4 columns contain elements which have events bound using livequery (so any new rows also get bound). When we get to more than say 20 rows, the app sees serious degredation in speed on FF (untested elsewhere), rendering it pretty-much unusable. Has anyone else come across similar issues? Are there any common fixes for this sort of problem?
[jQuery] Does 1.2 now negate the need for liveQuery?
Hi all I remember something being mentioned that 1.2 would remove the need for the liveQuery plugin, binding relevant events to elements added in a DOM update. Has this happened, or will I still need to use liveQuery after an update?
[jQuery] Re: Behavior plugin doesn't with with $.ajax methods (.load, etc)
Ah, Just checked your example. We're using the following:
$('div#target').load('/get/a/html/fragment');
which still applies the dom modification, just seperately to the
appendTo.
On Aug 7, 10:57 am, Phillip B Oldham <[EMAIL PROTECTED]> wrote:
> I'm using both load and $.ajax (via $.post and $.get). It wasn't
> working at all for me with .load. Will test your new code this week
> when I'm back on js development.
>
> Thanks for your response!
>
> On Aug 1, 7:38 pm, "Brandon Aaron" <[EMAIL PROTECTED]> wrote:
>
> > Hey Phillip,
>
> > Do you have an example of where it isn't working for you? The behavior will
> > work once the information is added to the DOM. I've updated my
> > example/demo/test with an example of using
> > .load.http://brandonaaron.net/jquery/plugins/behavior/test/test.html
>
> > --
> > Brandon Aaron
>
> > On 8/1/07, Phillip B Oldham <[EMAIL PROTECTED]> wrote:
>
> > > Hi all
>
> > > Just a quick note - the behavior plugin doesn't work with any method
> > > which fires the $.ajax method - $.load, $.post, $.get, etc. - when
> > > using the latest jQuery (1.3.1.1).
>
> > > Thought I'd mention it as the FAQ is a little miss-leading: > > docs.jquery.com/
>
> > > Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_Ajax_request.
> > > 3F>
>
> > > $('a').behavior('click',fn);
> > > $('#mydiv').load('my.html');
>
> > > The above doesn't work.
>
> > > I modified the test.html file that comes with the plugin to test
> > > the .load method by loading a second html doc with a div to see
> > > whether the links were attached, but had no joy.
>
> > > Reviewing both the plugin and jquery source it seems as though no
> > > triggers are bound to the .ajax method. I'm not sure whether this is
> > > because jquery has been refactored, or something else. I tried using
> > > previous versions (1.1.2, 1.1.1, 1.1) with no luck.
>
> > > Thought I'd let you guys know, so you can amend the FAQ. Or, if you
> > > *have* got it working, you might be able to tell me how and make the
> > > FAQ a little clearer.
>
> > > Thanks!
[jQuery] Re: Behavior plugin doesn't with with $.ajax methods (.load, etc)
I'm using both load and $.ajax (via $.post and $.get). It wasn't
working at all for me with .load. Will test your new code this week
when I'm back on js development.
Thanks for your response!
On Aug 1, 7:38 pm, "Brandon Aaron" <[EMAIL PROTECTED]> wrote:
> Hey Phillip,
>
> Do you have an example of where it isn't working for you? The behavior will
> work once the information is added to the DOM. I've updated my
> example/demo/test with an example of using
> .load.http://brandonaaron.net/jquery/plugins/behavior/test/test.html
>
> --
> Brandon Aaron
>
> On 8/1/07, Phillip B Oldham <[EMAIL PROTECTED]> wrote:
>
>
>
> > Hi all
>
> > Just a quick note - the behavior plugin doesn't work with any method
> > which fires the $.ajax method - $.load, $.post, $.get, etc. - when
> > using the latest jQuery (1.3.1.1).
>
> > Thought I'd mention it as the FAQ is a little miss-leading: > docs.jquery.com/
>
> > Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_Ajax_request.
> > 3F>
>
> > $('a').behavior('click',fn);
> > $('#mydiv').load('my.html');
>
> > The above doesn't work.
>
> > I modified the test.html file that comes with the plugin to test
> > the .load method by loading a second html doc with a div to see
> > whether the links were attached, but had no joy.
>
> > Reviewing both the plugin and jquery source it seems as though no
> > triggers are bound to the .ajax method. I'm not sure whether this is
> > because jquery has been refactored, or something else. I tried using
> > previous versions (1.1.2, 1.1.1, 1.1) with no luck.
>
> > Thought I'd let you guys know, so you can amend the FAQ. Or, if you
> > *have* got it working, you might be able to tell me how and make the
> > FAQ a little clearer.
>
> > Thanks!
[jQuery] Behavior plugin doesn't with with $.ajax methods (.load, etc)
Hi all
Just a quick note - the behavior plugin doesn't work with any method
which fires the $.ajax method - $.load, $.post, $.get, etc. - when
using the latest jQuery (1.3.1.1).
Thought I'd mention it as the FAQ is a little miss-leading:
$('a').behavior('click',fn);
$('#mydiv').load('my.html');
The above doesn't work.
I modified the test.html file that comes with the plugin to test
the .load method by loading a second html doc with a div to see
whether the links were attached, but had no joy.
Reviewing both the plugin and jquery source it seems as though no
triggers are bound to the .ajax method. I'm not sure whether this is
because jquery has been refactored, or something else. I tried using
previous versions (1.1.2, 1.1.1, 1.1) with no luck.
Thought I'd let you guys know, so you can amend the FAQ. Or, if you
*have* got it working, you might be able to tell me how and make the
FAQ a little clearer.
Thanks!
[jQuery] Re: Attach pre-defined events to loaded dom elements?
On Jul 27, 7:06 pm, Karl Swedberg <[EMAIL PROTECTED]> wrote: > The answer to this question is, in fact, on that page;http://docs.jquery.com/ > Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_Ajax_r > equest.3F That FAQ entry was really useful, however that plugin doesn't work with $.ajax, even though the FAQ would suggest it does.
[jQuery] Re: Attach pre-defined events to loaded dom elements?
Perfect! Thanks for your help. On Jul 27, 9:22 am, David Duymelinck <[EMAIL PROTECTED]> wrote: > I think this is what you need > :http://www.learningjquery.com/2006/09/sacrificial-lambda > > -- David > > Phillip B Oldham schreef: > > > Hi all > > > I have a document with some links with a certain class. When loaded, > > some events are attached to these links. > > I'm then using $().load() to grab a HTML fragment and append it to the > > DOM. Inside this HTML fragment are more links with aforementioned > > class. > > > Is there a way I can globally attach the relevant events to the newly > > loaded dom elements without being specific? I'm trying to move this > > code into a plugin.
[jQuery] Attach pre-defined events to loaded dom elements?
Hi all I have a document with some links with a certain class. When loaded, some events are attached to these links. I'm then using $().load() to grab a HTML fragment and append it to the DOM. Inside this HTML fragment are more links with aforementioned class. Is there a way I can globally attach the relevant events to the newly loaded dom elements without being specific? I'm trying to move this code into a plugin.
[jQuery] Re: Tabs plugin: Is there a way to trigger a tab with a URL to load?
I've managed to modify the tabs code to allow you to send a new URL to
the tab to be executed. Here's a diff:
Compare: (<)Original\jquery.tabs.js
with: (>)Modified\jquery.tabs.js
356c358,362
< // if the tab is already selected or disabled or
animation is still running stop here
---
> var tgt = arguments[1] || false;
>
> // if the tab is already selected or disabled or animation is
> still running stop here
> if( !tgt )
> {
361a367
> }
387c394
< $(this).trigger('click');
---
> !tgt ? $(this).trigger('click') :
> $(this).trigger('click', [tgt]) ;
427a434,435
> var tgt = arguments[1] || false;
>
430,435c439,452
< // if onClick returns false, the tab is already selected
or disabled or animation is still running stop here
< if ((typeof onClick == 'function' && onClick(this,
toShow[0], toHide[0]) == false && trueClick) ||
< container.locked || li.is('.' +
settings.selectedClass) || li.is('.' + settings.disabledClass)) {
< this.blur();
< return false;
< }
---
> if( !tgt )
> // if we've not passed a new target
> {
> // if onClick returns false, the tab is already
> selected or disabled or animation is still running stop here
> if ((typeof onClick == 'function' &&
> onClick(this, toShow[0], toHide[0]) == false && trueClick) ||
> container.locked || li.is('.' +
> settings.selectedClass) || li.is('.' + settings.disabledClass)) {
> this.blur();
> return false;
> }
> }
> else
> {
> remoteUrls[clicked.hash] = tgt;
> }
589c606
< return function(tab) {
---
> return function(tab, tgt) {
599c616
< a.trigger(tabEvent);
---
> a.trigger(tabEvent, [tgt]);
To use:
$('#tabs').triggerTab(2, 'http://mysite.com/mypage.html');
One benefit is that the tab remembers its new target, so when its
clicked you get the same page again, rather than the one set by
default.
Its probably a terrible hack, but it works for now. I hope you decide
to add this feature in your next release, its extremely useful.
HTH
Phill
--
On Apr 18, 3:28 pm, Klaus Hartl <[EMAIL PROTECTED]> wrote:
> Phillip B Oldham schrieb:
>
> > I'd like to be able totriggeratabusing the following format (or
> > something similar):
>
> > $('#container').triggerTab(3, 'http://mysite.com/updates.html');
>
> > The second parameter is aURLI'd like toload, which can change
> > depending on user input.
>
> > Is this possible?
>
> No it isn't. RemotetabURLs are static so far...
>
> -- Klaus
[jQuery] Re: Make a div expand to take up the rest of the viewport?
Found out what the main problem was for me: in FF, setting a hight
worked only part of the time. min-height also had to be set, which has
solved the problem.
I'm using a strict doctype, but setting height to 100% doesn't work.
On Apr 18, 2:00 pm, Ben Schwarz <[EMAIL PROTECTED]> wrote:
> I believe that you may have to set html, body { width: 100%; height:
> 100%; } in your CSS and use a strict doctype to achieve this in a
> reliable manner. I faintly remember doing something similar recently.
>
> You may find that the 'over sizing' is cause by a margin on another
> element or body.
>
> --
>
> On Apr 18, 7:06 pm, Phillip B Oldham <[EMAIL PROTECTED]> wrote:
>
> > By the looks of things it puts a div over the full size of the
> > document, rather than expand a div to the size of the viewport.
>
> > On Apr 18, 9:17 am, Ariel Jakobovits <[EMAIL PROTECTED]> wrote:
>
> > > doesn't the thickbox take up the viewport? look at that
>
> > > - Original Message
> > > From: Phillip B Oldham <[EMAIL PROTECTED]>
> > > To: jquery-en@googlegroups.com
> > > Sent: Wednesday, April 18, 2007 1:15:04 AM
> > > Subject: [jQuery] Make a div expand to take up the rest of the viewport?
>
> > > Hi all
>
> > > I've been playing about trying to get an effect similar to Google
> > > Calendar, where a div starts at a fixed point on the screen and then
> > > expands to take up the rest of the viewport. I think my calculations
> > > are off though, as I can get it to expand, but it always grows to about
> > > 20px larger than the viewport. I'm doing this without any
> > > margins/padding on any elements, and I've tried both relative and
> > > absolute positioning of the div.
>
> > > Here's what I've got so far:
>
> > > jQuery.fn.expando = function(minwidth, minheight)
>
> > > {
>
> > > function doExpando(el)
>
> > > {
>
> > > var
>
> > > windowHeight = jQuery(window).height(),
>
> > > windowWidth = jQuery(window).width(),
>
> > > offset = el.offset({ scroll: false }),
>
> > > newHeight = windowHeight - offset.top,
>
> > > newWidth = 'auto';
>
> > > if( minheight && newHeight < minheight )
>
> > > newHeight = minheight;
>
> > > if( minwidth && el.width() < minwidth )
>
> > > newWidth = minwidth;
>
> > > el.height(newHeight);
>
> > > el.width(newWidth);
>
> > > }
>
> > > var minwidth = minwidth || false,
>
> > > minheight = minheight || false,
>
> > > el = this;
>
> > > doExpando(el);
>
> > > jQuery(window).resize(function(){
>
> > > doExpando(el);
>
> > > });
>
> > > return this;
>
> > > }
>
> > > I'm loading the dimensions plugin before this one, to help with the
> > > calculations.
>
> > > If I take 50px off the height it works ok:
>
> > > newHeight
> > > = (windowHeight - offset.top) - 50;
>
> > > At the moment I've left it like that, but if some one had an idea why
> > > it's over-sizing that would be great.
>
> > > --
>
> > > Phillip B Oldham
>
> > > begin:vcard
> > > fn:Phillip Oldham
> > > n:Oldham;Phillip
> > > org:The Activity People;Systems Development
> > > email;internet:[EMAIL PROTECTED]
> > > title:Chief Programmer
> > > tel;work:0870 162 4847
> > > x-mozilla-html:TRUE
> > > url:http://theactivitypeople.co.uk/
> > > version:2.1
> > > end:vcard
[jQuery] Tabs plugin: Is there a way to trigger a tab with a URL to load?
I'd like to be able to trigger a tab using the following format (or
something similar):
$('#container').triggerTab(3, 'http://mysite.com/updates.html');
The second parameter is a URL I'd like to load, which can change
depending on user input.
Is this possible?
--
*Phillip B Oldham*
The Activity People
[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>
*Policies*
This e-mail and its attachments are intended for the above named
recipient(s) only and may be confidential. If they have come to you in
error, please reply to this e-mail and highlight the error. No action
should be taken regarding content, nor must you copy or show them to anyone.
This e-mail has been created in the knowledge that Internet e-mail is
not a 100% secure communications medium, and we have taken steps to
ensure that this e-mail and attachments are free from any virus. We must
advise that in keeping with good computing practice the recipient should
ensure they are completely virus free, and that you understand and
observe the lack of security when e-mailing us.
begin:vcard
fn:Phillip Oldham
n:Oldham;Phillip
org:The Activity People;Systems Development
email;internet:[EMAIL PROTECTED]
title:Chief Programmer
tel;work:0870 162 4847
x-mozilla-html:TRUE
url:http://theactivitypeople.co.uk/
version:2.1
end:vcard
[jQuery] Re: Make a div expand to take up the rest of the viewport?
By the looks of things it puts a div over the full size of the
document, rather than expand a div to the size of the viewport.
On Apr 18, 9:17 am, Ariel Jakobovits <[EMAIL PROTECTED]> wrote:
> doesn't the thickbox take up the viewport? look at that
>
> - Original Message
> From: Phillip B Oldham <[EMAIL PROTECTED]>
> To: jquery-en@googlegroups.com
> Sent: Wednesday, April 18, 2007 1:15:04 AM
> Subject: [jQuery] Make a div expand to take up the rest of the viewport?
>
> Hi all
>
> I've been playing about trying to get an effect similar to Google
> Calendar, where a div starts at a fixed point on the screen and then
> expands to take up the rest of the viewport. I think my calculations
> are off though, as I can get it to expand, but it always grows to about
> 20px larger than the viewport. I'm doing this without any
> margins/padding on any elements, and I've tried both relative and
> absolute positioning of the div.
>
> Here's what I've got so far:
>
> jQuery.fn.expando = function(minwidth, minheight)
>
> {
>
> function doExpando(el)
>
> {
>
> var
>
> windowHeight = jQuery(window).height(),
>
> windowWidth = jQuery(window).width(),
>
> offset = el.offset({ scroll: false }),
>
> newHeight = windowHeight - offset.top,
>
> newWidth = 'auto';
>
> if( minheight && newHeight < minheight )
>
> newHeight = minheight;
>
> if( minwidth && el.width() < minwidth )
>
> newWidth = minwidth;
>
> el.height(newHeight);
>
> el.width(newWidth);
>
> }
>
> var minwidth = minwidth || false,
>
> minheight = minheight || false,
>
> el = this;
>
> doExpando(el);
>
> jQuery(window).resize(function(){
>
> doExpando(el);
>
> });
>
> return this;
>
> }
>
> I'm loading the dimensions plugin before this one, to help with the
> calculations.
>
> If I take 50px off the height it works ok:
>
> newHeight
> = (windowHeight - offset.top) - 50;
>
> At the moment I've left it like that, but if some one had an idea why
> it's over-sizing that would be great.
>
> --
>
> Phillip B Oldham
>
> begin:vcard
> fn:Phillip Oldham
> n:Oldham;Phillip
> org:The Activity People;Systems Development
> email;internet:[EMAIL PROTECTED]
> title:Chief Programmer
> tel;work:0870 162 4847
> x-mozilla-html:TRUE
> url:http://theactivitypeople.co.uk/
> version:2.1
> end:vcard
[jQuery] Make a div expand to take up the rest of the viewport?
Hi all
I've been playing about trying to get an effect similar to Google
Calendar, where a div starts at a fixed point on the screen and then
expands to take up the rest of the viewport. I think my calculations are
off though, as I can get it to expand, but it always grows to about 20px
larger than the viewport. I'm doing this without any margins/padding on
any elements, and I've tried both relative and absolute positioning of
the div.
Here's what I've got so far:
jQuery.fn.expando = function(minwidth, minheight)
{
function doExpando(el)
{
var
windowHeight = jQuery(window).height(),
windowWidth = jQuery(window).width(),
offset = el.offset({ scroll: false }),
newHeight = windowHeight - offset.top,
newWidth = 'auto';
if( minheight && newHeight < minheight )
newHeight = minheight;
if( minwidth && el.width() < minwidth )
newWidth = minwidth;
el.height(newHeight);
el.width(newWidth);
}
var minwidth = minwidth || false,
minheight = minheight || false,
el = this;
doExpando(el);
jQuery(window).resize(function(){
doExpando(el);
});
return this;
}
I'm loading the dimensions plugin before this one, to help with the
calculations.
If I take 50px off the height it works ok:
newHeight = (windowHeight - offset.top) - 50;
At the moment I've left it like that, but if some one had an idea why
it's over-sizing that would be great.
--
*Phillip B Oldham*
begin:vcard
fn:Phillip Oldham
n:Oldham;Phillip
org:The Activity People;Systems Development
email;internet:[EMAIL PROTECTED]
title:Chief Programmer
tel;work:0870 162 4847
x-mozilla-html:TRUE
url:http://theactivitypeople.co.uk/
version:2.1
end:vcard
[jQuery] Ext examples, comparing jQuery against YUI
I've been flicking through the examples here: http://extjs.com/deploy/ext/docs/index.html, specifically the "Layouts/Complex Layout" and "Mixed Examples/Image Chooser Component" examples, comparing the animations and speed when using jQuery and the other two libraries. Something which struck me straight away was the smoothness of the slide and grow/shrink animations in Firefox. IE7/6 don't seem to be affected by a change in the base library, but Firefox (2.0.0.3 as i'm using) suffers with a very jerky animation when using jQuery. The other libraries are fine. I'm wondering whether this is a known issue and whether its being addressed. I'm developing a webapp for a client that will be using Firefox 2.* across the board, and was hoping to use jQuery & Ext to create some very usable components. Unfortunately, this issue might cause me to rethink my approach. -- *Phillip B Oldham* begin:vcard fn:Phillip Oldham n:Oldham;Phillip org:The Activity People;Systems Development email;internet:[EMAIL PROTECTED] title:Chief Programmer tel;work:0870 162 4847 x-mozilla-html:TRUE url:http://theactivitypeople.co.uk/ version:2.1 end:vcard
