[jQuery] jquick speed
Earlier today I converted some string concat js stuff (for creating HTML) to use the jquick plugin instead: http://jquick.sullof.com/jquick/ Things now seem noticably slower, but I also changed a bunch of other stuff in the code I'm working on. I haven't dug in deeper to see where the speed issue might be, but am wondering if anyone has used jquick much and can vouch for it's speed (or has noticed it causing bottlenecks)? Thanks, Jack
[jQuery] Re: ANNOUCE: idTabs plugin released!
Sean, This looks ideal for something I'm working on...with one potential exception... on the Klaus tab on the idTabs page, you say However, the /Tabs/ plugin can do many things like ajax history that /idTabs/ can not.. Do you only mean that it's (history) not built-in, or that there's a reason that it *can't* work with the history plugin? If it can work with the history plugin, any quick tips for enabling that? Thx, Jack Sean Catchpole wrote: Phew, I finally finished getting the bugs out, so it's ready for release. What you say? Why it's idTabs of course. =P idTabs: http://www.sunsean.com/idTabs/ I made this plugin because I wanted a lightweight tabs plugin that would allow me to hide and show anything with an id. I opened the design up a little bit, so that any DOM structure can be used. Klaus's Tabs are still more feature rich, so this is not intended to be a replacement by any means, only different. Let me know what you think. =) ~Sean
[jQuery] Re: jquery vertical tabs?
Hmm, c'mon...pony up! No such critter exists? I'm guessing it's a matter of modding the CSS, but maybe someone has tackled it (or tried) already? - Jack Jack Killpatrick wrote: Hi All, I need to create vertical tabs for a UI. I've done some poking around and based on comments here it looks like there's a way to do it: http://stilbuero.de/2006/05/13/accessible-unobtrusive-javascript-tabs-with-jquery/ OK, so I’ve got a vertical set of tabs up and running and the individual divs are displaying nicely... Is it doable without modding the plugin source? If so, does anyone have an example I could take a look at? If it's not doable, does anyone know of a jquery plugin that will do it? I did some looking, but no luck. Thx much! - Jack
[jQuery] jquery vertical tabs?
Hi All, I need to create vertical tabs for a UI. I've done some poking around and based on comments here it looks like there's a way to do it: http://stilbuero.de/2006/05/13/accessible-unobtrusive-javascript-tabs-with-jquery/ OK, so I’ve got a vertical set of tabs up and running and the individual divs are displaying nicely... Is it doable without modding the plugin source? If so, does anyone have an example I could take a look at? If it's not doable, does anyone know of a jquery plugin that will do it? I did some looking, but no luck. Thx much! - Jack
[jQuery] Re: javascript templates
(I just noticed that Karl Rudd also gave a link to this, so here's my 2c)... It's not jquery-based, but I've used it for some beefy financial reporting templates and it performed really well and provided a lot of flexibility: http://code.google.com/p/trimpath/wiki/JavaScriptTemplates There's an even faster version that supports the same API: http://trimpath.com/blog/?p=48 I've used it without any problems (ie, the port seems clean). - Jack Mandy Singh wrote: hi, does jquery offer some kind of javascript templates plugin? wat do (if they do) ppl use? since i have a box structure on my page where more or less every box is similar in markup, i would want to create a template of that with javascript vars for unknown content that i later fetch through json response. makese sense? pls let me know. thx, mandy.
[jQuery] looking for link to lightbox/accordion-like site
I'm looking for a link to a site that was mentioned here a month or so agoit had a modified lightbox and had gallery thumbnails inside an accordion-like layout, with text content that I think was about the history of something (a place, a museum, ???). The user would read the first pane of the accordion, click some thumbnails to open the modified lightbox, then go on to the next pane of the accordion and do the same kind of thing. I remember the site being sorta brownish in color (background), if that helps at all. I checked the sites using jquery list, but couldn't find it there. Anyone know what site I might be fishin' for? TIA, Jack
[jQuery] Re: looking for link to lightbox/accordion-like site
Yup, checked there, couldn't find it (if it was there). - Jack Benjamin Sterling wrote: Jack, did you take a look at the http://docs.jquery.com/Sites_Using_jQuery link? I don't recall the site you are referring to, but it may be on that list. On 6/1/07, *Jack Killpatrick* [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: I'm looking for a link to a site that was mentioned here a month or so ago
[jQuery] menuing recommendation?
Hi All, I'm looking for a jquery based menuing plugin ala: http://jdsharp.us/jQuery/plugins/jdMenu/ It has to be able to do the following: 1. allow on/off images for top level menu items: either background images or both foreground and background images (for typeset foregrounds) 2. have a means to style the current (currently selected) top level menu item, also allowing images (back/fore). I can hack up something for current items, but it'd be nice if it was natively supported. Must allow images, though. 3. work in ie6+, ff 1.x+, safari: including hovers and SELECT (see through) blocking Does such a critter exist? TIA, Jack
[jQuery] Re: ColdFusion, ajax, post, jquery and whitespace
You might want to consider using ajaxCFC and returning json data. You
won't have to be concerned about white space, and it could come in handy
for a lot of other things:
http://www.robgonda.com/blog/projects/ajaxcfc/
It's very easy to setup/use and uses jquery. I can supply a few code
snippets if you're interested.
- Jack
Web Specialist wrote:
I'll need to test an ajax post to validate if an account already
exists in database. I'm using this code in action page:
cfsetting showdebugoutput=no
cfprocessingdirective suppresswhitespace = yes
pageencoding=ISO-8859-1
cfheader charset=iso-8859-1 name=Expires
value=#GetHttpTimeString(Now())#
cfcontent reset=true type=text/plain;charset=ISO-8859-1
cfset rndTest = RandRange(90,99)
cfif rndTest MOD 2
cfoutput#rndTest#/cfoutput
cfelse LOOK HERE WITHOUT CFOUTPUT
no
/cfif
/cfcontent
/cfprocessingdirective
Using that script returns(randomly) the no with 5 chars(maybe
because tab for tags alignment). Including no inside cfoutput
returns 3. Why CF doesn't works properly removing whitespace?
This is the jquery script:
$.ajax({
type: post,
url: validateAccount.cfm,
dataType: html,
data: inputs,
Cheers
[jQuery] Re: ColdFusion, ajax, post, jquery and whitespace
Hi Gareth,
Here are the basics:
1. add ajaxCFC to your CF project (or somewhere that it can get to).
2. create a CFC that extends AJAXCFC.ajax:
cfcomponent extends=AJAXCFC.ajax
!--- security stuff ---
cfscript
setAllowedVerbs('POST');
setCheckHTTPReferer(true);
/cfscript
cffunction name=myFunction output=no access=private
do some CF stuff
cfreturn something /
/cffunction
/cfcomponent
For the cfreturn, you can return queries, structs, pretty much any cf
object (see the docs for any limitations, I've had good success having
cfreturn return structs, arrays of structs, queries, etc). AJAXCFC.ajax
will handle converting the something that you are returning to the
requested format (see #3):
3. Add config info to your js file/script (see docs for full set of
config options):
$.AjaxCFCHelper.setDebug(false);
$.AjaxCFCHelper.setUseDefaultErrorHandler(false);
$.AjaxCFCHelper.setSerialization('json'); // json, wddx
4. call the remote CFC:
$.AjaxCFC({
url: path/file.cfc, // your CFC
method: myFunction,
data: {},
success: function(data){ showResults(data); }
});
showResults is called on success and data contains the json data. Use
Firebug or something to see what the format of the json data is (it's
very compact and gives you recordcount and colnames if you're returning
query data).
- Jack
Gareth Hughes wrote:
I'd like to see those code snippets Jack :) I looked at ajaxCFC a while back
but didn't have time to figure things out so seeing some examples would be a
great help.
.
[jQuery] Re: ColdFusion, ajax, post, jquery and whitespace
Oh yeah, and of course include the path to jquery.AjaxCFC.js in your HTML:
script type=text/javascript
src=../js/ajaxCFC/jquery.AjaxCFC.js/script
- Jack
Jack Killpatrick wrote:
Hi Gareth,
Here are the basics:
1. add ajaxCFC to your CF project (or somewhere that it can get to).
2. create a CFC that extends AJAXCFC.ajax:
cfcomponent extends=AJAXCFC.ajax
!--- security stuff ---
cfscript
setAllowedVerbs('POST');
setCheckHTTPReferer(true);
/cfscript
cffunction name=myFunction output=no access=private
do some CF stuff
cfreturn something /
/cffunction
/cfcomponent
For the cfreturn, you can return queries, structs, pretty much any cf
object (see the docs for any limitations, I've had good success having
cfreturn return structs, arrays of structs, queries, etc).
AJAXCFC.ajax will handle converting the something that you are
returning to the requested format (see #3):
3. Add config info to your js file/script (see docs for full set of
config options):
$.AjaxCFCHelper.setDebug(false);
$.AjaxCFCHelper.setUseDefaultErrorHandler(false);
$.AjaxCFCHelper.setSerialization('json'); // json, wddx
4. call the remote CFC:
$.AjaxCFC({
url: path/file.cfc, // your CFC
method: myFunction,
data: {},
success: function(data){ showResults(data); }
});
showResults is called on success and data contains the json data. Use
Firebug or something to see what the format of the json data is (it's
very compact and gives you recordcount and colnames if you're
returning query data).
- Jack
Gareth Hughes wrote:
I'd like to see those code snippets Jack :) I looked at ajaxCFC a
while back but didn't have time to figure things out so seeing some
examples would be a great help.
.
[jQuery] Re: OT: Weird IE display issue
I suspect it's because IE is adjusting the width based on viewport size
and because the #content div has a fixed width that's larger, it's
padding for viewport margin). Or maybe you already knew that. ;-)
Can you use a resizable #content div? Some stuff here might help:
http://glish.com/css/
A search for div viewport might get you somewhere, too. If margins
don't matter for the layout, you could also do some box model neutralizing:
/* Neutralize styling:
Elements we want to clean out entirely: */
html, body, form, fieldset {
margin: 0;
padding: 0;
}
/* Neutralize styling:
Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
margin: 1em 0;
padding: 0;
}
/* Apply left margin:
Only to the few elements that need it: */
li, dd, blockquote {
margin-left: 1em;
}
I dropped that into a copy of your HTML and I think your problem went
away (if I understand it correctly). The header always spanned the page
(viewport) width.
- Jack
[EMAIL PROTECTED] wrote:
I'm experiencing a weird IE display issue that isn't really JavaScript
or JQuery related (but I've tried JS to fix it, though it never
worked). Its hard to explain, so I made a video of it, and the link to
the page is below...
http://brianlitzinger.com/dropbox/IEsucks2.mov
http://brianlitzinger.com/dropbox/iesucks.html
I've tried EVERYTHING I can think of. I also can't remember ever
running into this problem before, so I'm stumped. Basically the header
div _should_ expand the width of the wrapper div at all times, but in
IE6 when you scale the window down below the width of the wrapper, the
scroll to the right, the header div is clipped. If anyone can offer
insight into what is going on I'd appreciate it. I'm about to jump
out the window...
Thanks
[jQuery] image resizing
Hi All, Anyone know if there's a jquery plugin that will do something like this? If not, anyone working on one? http://www.agilepartners.com/blog/2005/12/07/iphoto-image-resizing-using-javascript/ TIA, Jack
[jQuery] Re: CFJS plugin
Chris, Thx much. I tried DollarFormat using the 5/1 rev and it worked. I don't have a test case available for the DecimalFormat, sry. Much appreciated! - Jack Christopher Jordan wrote: Jack, I have fixed both of these bugs. I've made fixes to DollarFormat() and a required function, _CommaForThousands(), before. I hope I've got everything right this time. I think I do. ;o) Cheers, Chris Jack Killpatrick wrote: While you're at it (fixing bugs), I think I found some more (in latest release): DollarFormat resulted in a number like this: $,201,445.05 DecimalFormat results in a number like 123..45 If those aren't bugs, or you need repro code, let me know. Thx, Jack Christopher Jordan wrote: Yeah, I think it's a bug. I'll fix it. :o) Chris Andy Matthews wrote: I don't know if the array bug is a bug or a feature. Coldfusion actually starts counting arrays at 1. So it's possible that could be intentional, although given that this is a javascript plugin, it's probably a bug. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Ariel Jakobovits Sent: Tuesday, May 01, 2007 2:04 AM To: jquery-en@googlegroups.com Subject: [jQuery] CFJS plugin Hi Chris, nice plugin. great idea. very useful. 2 things: 1) the packed version doesn't seem to load properly. something about a comma. 2) your ListToArray function starts adding to the array at index 1, not 0. thanks for the plugin, i really like it. -Ariel
[jQuery] Re: jQuery Examples pack
Kevin, these are really nice, thanks for sharing them. Is the jqtabcontrol.js based on any other plugins/libraries/yadda...? That's the first that I've seen the more tabs handling in a jquery-based tab library, very nice. Thx, Jack Kevin Scholl wrote: I have a number of such examples available, which I'm happy to share. Most are visual enhancements or minor functionality. A couple of navigation schemes driven by jQuery. Nothing all that deep. http://beta.ksscholl.com/jquery/default.html View the readme.txt file there to see which examples specifically use jQuery (most do in some way). Kevin [EMAIL PROTECTED]
[jQuery] unblockUI after content gets rendered?
Hi,
I'm working on a financial reporting system. In it individual reports
are generated on demand via an ajax call that fetches the data as json
data, then uses TrimPath Templates (
http://www.trimpath.com/project/wiki/JavaScriptTemplates ) to render the
json data out as a table, which I then beautify by applying .Scrollable
and resizing to fit the size of a container div.
Right before the ajax call I do $.blockUI(), then after the lines of js
that apply the TrimPath template and beautify the resulting table I do a
$.unblockUI(). The thing is, some of these reports create a lot of table
rows and what ends up happening is that the unblockUI call fires before
the browser has actually rendered the resulting table. IE:
$('#result_' + rptName).html( TrimPath.parseTemplate( template
).process( { reportRows:data.data } ) );
MLR.makeFancyTable(rptName);
$.unblockUI();
while the .html() and/or the makeFancyTable() are still doing their
thing, the unblockUI() fires and removes the blocking layer, resulting
in a significant where's the darn table experience, before the table
finally is finished rendering and pops onto the screen.
It would be nice if I could wrap the stuff before the unblockUI in some
kind of a local callback or something, which would allow the blockUI to
stay in place until all the rendering is actually complete. Ideas?
Worst case, maybe I could stick some html in somewhere and use a
setTimeout to check for it's presence or something, but that doesn't
seem too elegant. FWIW, neither the template system nor anything in
MLR.makeFancyTable() have any existing callback kind of thing that could
help.
Thoughts?
TIA,
Jack
[jQuery] resizing table to fit viewport
I have a table placed at the bottom right corner of a page layout, inside a div. I would like to have the right and bottom edges of the div/table bump right up against the right/bottom part of the viewport and resize dynamically when the user resizes the browser/viewportsomething like how the google calendar main table resizes. I figure I can use the dimensions plugin and put something together, but I'm wondering if maybe there's a plugin or snippet of code someone could point me to that would ease the process. Thoughts? Links? Thx, Jack
