[jQuery] getJSON callback bug
Hi all, I think there may be a bug with the getJSON callback function. See http://www.sanchothefat.com/dev/jquery/json/ An alert should show and the body should turn blue if it's successful. Using firebug you can see it gets the file. I don't know what's wrong. MIME type maybe? Cheers, Rob
[jQuery] Re: [TABS plugin RELATED] Look mum, TABS layout only with CSS !!
Enrique Meléndez Estrada wrote:
Looking at "official" TABs plugin, I realized that the HTML structure
is not very "natural". It uses a list (UL) of tab headers follow by
tab bodies (DIV). Normally, what you get from your favorite CMS is
something more like : a header (div, h,...), its body (div), another
header (div, h, ...), its body (div), etc...
There's nothing wrong with the tabs HTML structure. The UL contains
anchor or 'same-page' links to the divs containing the appropriate
content. A little extra accessibility can eaasily be added using a
heading tag like which could then be hidden by CSS but it is up to
the author what HTML goes into the tab sections. For example:
Tab 1
Tab 2
Tab 1
Tab 2
CSS could contain the line:
div h2 { position: absolute; left: -px; } /* avoid 'display: none;'
so it is still read out by most screen readers */
This document is very typical on the web. It's a table of contents
containing links to the relevant sections of the page, just look at the
HTML specifications for an example.
-Rob
[jQuery] metadata plugin, please help
Hello,
I'm using the metadata plugin as part of a photo tagging plugin I'm
having a go at. I was wondering if it's possible to have multiple
metadata sets in one classname eg.
class="{name:'1'} {name:'2'}"
would $.metadata({ type: 'class' }).name[0] return 1?
are the properties accessible like an array? The other options are to
use a custom attribute for each or thinking about it better still would
be to use regular markup. That way the photo's tags would still be
accessible and SEO friendly...
Anyone have any answers or suggestions/things to consider?
If anyone has anything they'd like to see a photo tagging plugin do let
me know aswell. I'm planning to integrate tag names, url, geo, hcards
and a callback when a tag is updated for submitting the new data via ajax.
Cheers,
Rob
[jQuery] Re: photo tagging with jQuery
Jared wrote: On Nov 7, 4:27 pm, Bhaarat Sharma <[EMAIL PROTECTED]> wrote: I am sure most of you are familiar with 'facebook'. you might have noticed that facebook allows ursers to hoover over pictures, click on them and that way tag them. so the next time someone comes to take a look at the picture and hover over it they will see the tag created. I am wondering if there is a similar sort of plugin for jquery? I'm assuming they are using java script for this purpose. You could build one using the UI class functionality and have it come out the same, with some design. If someone hasn't come out with a plugin version of this, I hope they do; it'd be great for a note-taking need in an application. It's pretty integral to their photos application, their database stores extra metadata with the images then they use javascript to turn that information into 'tags' overlaid on the images. If you head on over to flickr they have a more advanced photo-tagging system which lets you add where the photos were taken so you can see them on a map. I'm not sure a specific jquery plugin is the answer because it depends on the database schema. The metadata and drag/drop plugins would be useful to acheive this though.
[jQuery] Re: Scoping selector to parent window
cjiang wrote:
Hi,
What you can do is like the following:
$("#i-agree").click(function(){
window.opener.$("#accept-terms").attr("checked","checked");
window.close();
});
regards,
Changsu
Thanks Changsu,
sorry about the late response. Works beautifully now.
Cheers,
Rob
[jQuery] Scoping selector to parent window
Hi everyone,
I've got a quick question, say I open a new window and in that
window i have a button which will close the new window and also check a
box in the original window, can this be done with jquery or is it easier
to use the regular DOM method?
I have this:
$("#i-agree").click(function(){
$("#accept-terms",window.parent.document).attr("checked","checked");
window.close();
});
Should I just do:
window.parent.document.getElementById('accept-terms').value = 1;
window.close();
? The jquery window scoping deosn't seem to be working.
Cheers,
Rob
[jQuery] Re: .attr("type","hidden")
Thanks Jeffrey, Glen, Steve, Gordon and Erik
Sorry it took so long to reply, I was steeped in development work which
can (finally) go live tomorrow.
The reason I was trying to do this was as part of the checkout form for
a shopping platform. I have 2 sets of address fields, one for delivery
and one for billing, so I put a show/hide effect on the billing address
when the user answered the question 'Is your billing addess the same as
your delivery address?'. It was due in part to the way the cms remembers
the values of form fields that I had to replicate the address fields I
was hiding and then set their values to blank so that they would
over-ride the values stored on the server. Bit of a hack unfortunately.
Because of time constraints I created a workaround similar to the code
that Jeffrey kindly provided.
The following gave me a set of elements I could dynamically swap for the
actual text fields:
var hiddenAddrInputs = '';
$(".billing-address input").clone().each(function(){
hiddenAddrInputs += '';
})
var hiddenAddr = $(hiddenAddrInputs);
Thanks again guys, I learned something new at least!
Rob
[jQuery] .attr("type","hidden")
Hi, does $("some selector").attr("type","hidden") work for anyone?
I'm getting this in firebug:
[Exception... "'type property can't be changed' when calling method:
[nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e
(NS_ERROR_XPC_JS_THREW_STRING)" location: "" data: no]
Cheers,
Rob
[jQuery] Re: ajax success arguments
Giovanni Battista Lenoci wrote:
Hi, I'm looking on the doc, but I've a doubt about the ajaxSuccess
event.
In docs says:
The XMLHttpRequest and settings used for that request are passed as arguments
to the callback.
But in wich form?
I think is an object, but can you help me understand how is
structured?
In my particular case I made a request and I want to know which data
was send in the request to perform a particular action.in the ajax
success event.
Thank you
Give the success function the data returned by adding a parameter to the
function:
$.ajax({
success: function(*data*) {
// do stuff with data object
}
});
where data = whatever the url you made the request to returns. In your
case if it's xml the url might point to a file that produces the following:
old-value
new-value
Then your success function might look like this:
function(data) {
if ( $("data-sent",data) !== '' ) {
// do stuff
}
}
Sorry for the rough answer, might be able to help more if I know what
the server response looks like.
Rob
[jQuery] copy paste and string validation
Hi everyone, I'm putting together a few bioinformatics tools for some friends who are still in the biosciences field and I need some advice about how to validate a string eg. DNA can only be letters A,C,T or G. I need to validate on keypress and paste (is there a paste event?) and then again on submit to the conversion script. The page I have so far is at http://biotools.sanchothefat.com I'm also struggling to find info or a plugin for cross-browser copy/paste functionality, anyone know of one? I found this http://yangshuai.googlepages.com/jquerycopyplugin but it doens't seem to work with v1.2. Any other comments on improving the code would be appreciated too. Thanks, Rob
[jQuery] namespaced events demo behaving erratically
Hi there, loving the new release so far, cheers =] I'm on the wiki looking at the namespaced events feature (FF-latest release) and nothing seems to happen. http://docs.jquery.com/Release:jQuery_1.2/Events However I left the window open and did some work then came back to it and it worked! As soon as I reloaded the iframe it stopped again. Very nice feature to have though, the possibilities have made my brain hurt. Rob
[jQuery] Re: Do my emails make it to the list?
Ty wrote: No clue what's up with the G-Groups sometimes... I used to able to put in my profile name tzmedia and find all of my posts. It's almost impossible for me to find any of my posts since sometime in July, unless I can remember other keywords in the post. If you click reply to author, I think those get emailed directly to the author and not the group, or posted in the thread. Other than that they should be showing up. A real hosted forum would get my vote for the thing to do. I'm not suggesting I spring for the hosting on it though that's for sure. I've made some stray posts to Nabble, and other old group areas, maybe you've been doing that. You almost forget you're in an old area (Area 51 maybe?!¡) Those threads and group are still active even though they are not the most currently official group which would be here on Google. I've been having no problems with the mailing list because I use it via Thunderbird which has an excellent (and super fast) filtering system for your inboxes. Is that a possibility for you or is it a public computer? Rob
[jQuery] Re: tabs + jqmodal = bad things in IE6
m3avrck wrote: Well it shows subsequent times, but in IE6, the first time it works great, the second time it gives an error that it's trying to show a hidden element... Brice emailed me so I might be using the onShow slightly wrong, hopefully that is it! Ok cool, let me know how you get on. Looking forward to seeing your plugin. Rob
[jQuery] Re: tabs + jqmodal = bad things in IE6
m3avrck wrote:
Turns out the problem with the window disappearing in IE6...
You cannot use overlay: 0 doh! Took me 2 hours to figure out, you need
to specify a minimum of 1 for it work like so:
$("#cssmizer")
// initialize CSSmizer
.cssmizer(settings)
// setup modal
.jqm({
trigger: "#cssmizer-launch",
// note we don't want to grey out the rest of the screen
// we can't set this to 0, otherwise everything disappears
in IE6
overlay:1,
// because tabs are being shown in a jqModal window which is
hidden by default
// we can only show the tabs *after* the window is shown
// otherwise we get oddities across browsers
onShow: function(hash) {
// we show the window using a speed of 1 to be as
instaneous as possible
// and for the tabs to render as fast as possible to avoid
flickering
hash.w.show(1, function() { $
("#container").tabs(); });
}
})
.jqDrag('h3.title');
Notice how many comments I've had to add -- took me hours to figure
out these little gotchas ;-)
Good work!
Will be announcing the plugin very soon, it's going to rock and amaze
people, based on the current feedback ;-) [yes, it's called CSSmizer]
However, found another bug -- onShow is called the first time the page
loads, but if you close the window and try it again, onShow is not
fired... doh!
So the window is only showing the first time you click the trigger and
no other times? I've never had that problem... very odd. Can you provide
any more detail on what is and isn't happening? If the tabs have already
rendered you wouldn't want the code to run again ideally but I doubt
thats what's causing the problem. Happy bug hunting for now,
Rob
[jQuery] Re: tabs + jqmodal = bad things in IE6
m3avrck wrote:
Thanks Rob!
No prob.
I reread the docs and got it work using the following:
$("#cssmizer")
// initialize CSSmizer
.cssmizer(settings)
// setup modal
.jqm({
trigger: "#cssmizer-launch",
overlay:0,
// because tabs are being shown in a jqModal window which is
hidden by default
// we can only show the tabs *after* the window is shown
// otherwise we get oddities across browsers
onShow: function(hash) {
// we show the window using a speed of 1 to be as
instaneous as possible
// and for the tabs to render as fast as possible to avoid
flickering
hash.w.show(1, function() { $
("#container").tabs(); });
}
})
.jqDrag('h3.title');
Now if I could just figure out why the body of the window disappears
if you drag it around in IE... gotta be a CSS issue, hmm
Sounds interesting, do you have a test url? I was gonna use this same
plugin combo in an ongoing project. Would be useful to me to figure this
out aswell =]
It would be easier to debug if the jqModal DnR had some callbacks for
start, drag and end. I wonder if UI draggables could be used with it
instead... My thinking is to check the applied css styles for
unwanted/buggy changes during the dragging. Could be the jQuery library
version aswell though I think the transparency issues were sorted in
1.1.3.1, still there's a transparency effect during the dragging that
could be the culprit. I'll have a go at it tomorrow.
Take it easy
Rob
[jQuery] Re: tabs + jqmodal = bad things in IE6
m3avrck wrote:
Hey folks,
So I'm trying to combine the excellent jQuery tabs (www.stilbuero.de/
jquery/tabs/) with jqModal (http://dev.iceburg.net/jquery/jqModal/)
and am having a bit of trouble in IE6.
Basically, you click a button, jqModal pops up with some tabs. Easy,
you'd think, but then you get this IE6 bug:
"Can't move focus to the control because it is invisible, not enabled,
or of a type that does not accept focus."
Since the jqModal window is hidden through CSS by default (before you
click) this is obviously calling the error. I tried adding in an
onLoad and onClick links but nothing seems to *render* the tabs
*after* jqModal pops up.
Not only that, but if you drag this window around using the jqDrag,
the contents of the window *mostly* disappear, except for like input
boxes, wtf???
Here is the code I am using:
$("#object")
// setup modal
.jqm({
trigger: "#object-launch",
overlay:0
})
.jqDrag('h3.title')
.find("#container").tabs();
Any ideas???
Btw -- this is part of an awesome new plugin I'm hoping to announce
soon :-D Thanks!
ted
Alright,
there's a similar thing when putting google maps in popups. Try
extending the jqModal onShow function to call .tabs() on the modal
content. Once it has appeared and tabs has run you should be able to
hide and show the modal as often as you like but you might be want to
put in a check to see if tabs has already run. Let us know if you need a
hand with that.
Rob
[jQuery] Re: [Announce] charToTable plugin
Ganeshji Marwaha wrote: By using this instead of standard images for captcha, we aren't achieving any extra usability, or are we? and it is pretty easy to decode than images anyways... so i wouldn't use'em for captcha. but it is fun nevertheless. -GTG True, just a thought anyway. Reminds me of that video on youtube: http://uk.youtube.com/watch?v=NqFOB77jLaE
[jQuery] Re: [Announce] charToTable plugin
Jean-Francois Hovinne wrote: Hi All, charToTable is a jQuery plugin I wrote some weeks ago. This plugin converts characters to HTML tables. You can even create animations, or a glyph editor with it. Perhaps it will be useful for somebody, who knows? Description + demos: http://www.hovinne.com/blog/index.php/2007/07/12/131-jquery-chartotable-plugin Enjoy, jf Neat =] Perhaps using tables like that would be another way to do captcha? Not writing it out with jquery but with a server side script. Can the plugin go in reverse for some js validation or something like that? Just thinking out loud but that's a very sweet plugin!
[jQuery] Re: [Announce] jQuery-powered site featured on ajaxian.com
Glen Lipka wrote: Ha. :) I will forward to the engineers. I suppose we should do some QA, huh? Yes, try without the apostrophe. Sorry about that. Glen No sweat, not your fault. I'm used to it, you'd be surprised how many big big sites still have that little bugger! Cheers Rob
[jQuery] Re: [Announce] jQuery-powered site featured on ajaxian.com
Hey Glen,
The test drive isn't working for me, my surname has an apostrophe in
it...
from firebug:
unterminated string literal
MktPage.init("prod_td", "[EMAIL PROTECTED]", "rob O
would continue as: 'Rourke
should I try again and escape it this time?
Cheers,
Rob
Glen Lipka wrote:
Wow, I didnt even know it was there! I emailed them like a month ago.
Thanks Karl for pointing it out and the nice words. :)
The app itself doesn't (unfortunately) use jQuery as the base. It
uses YUI.
But the public website does use jQuery heavily, as does the signup
experience.
There is a test drive if anyone wants to try it out. It's a neat use
of the EXT library.
http://www.marketo.com/testdrive.php
Glen
PS. Marketo is hiring. ;)
On 8/7/07, *Karl Swedberg* <[EMAIL PROTECTED]
> wrote:
Hey everyone,
Just wanted to let you all know that marketo.com
has been featured on ajaxian.com
today:
http://ajaxian.com/archives/marketo-marketing-automation
from the entry: "The tool itself is very rich, and offers first
class usage of Ext JS and jQuery"
The jQuery Project's very own Glen Lipka is the UX guru at Marketo
(you can tell by the big buttons on the home page ;-) )
Congratulations, Glen, on the nice write-up!
--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com
[jQuery] Re: ANNOUNCE: jTagEditor 1.0 beta
Robert O'Rourke wrote: Jay Salvat wrote: Due to the multitude of existing Tag set, i have no idea to how to easily implement an universal preview or wysiwyg mode. The HTML output is the constant isn't it? You'd just have to go from HTML (i.e. textarea value) to WYSIWYG or textile or bbcode etc... but always converting back to HTML before switching to any other view/syntax. Is that right? Rob
[jQuery] Re: ANNOUNCE: jTagEditor 1.0 beta
Jay Salvat wrote: Due to the multitude of existing Tag set, i have no idea to how to easily implement an universal preview or wysiwyg mode. For the moment, the only way to preview is the "green tick" button which open a preview window. You can post the content of the editor in your own php (or wathever you want) parser. Could the content be easily posted by ajax to an iframe I could write it out over the top of the editor perhaps? I think that's how the other ones do it but don't quote me on that. Loving the plugin by the way, I know some of the extra features it'd be great to have have already been touched on so would it be possible to document a means of extending the plugin via modules? File upload hooks and WYSIWYG are what I really need to make use of this in my company's cms. It'd be 100% jQuery then =] I have an idea for doing WYSIWYG that could be relatively straightforward to implement but I need to look into how to check whether the caret is at the beginning or end of an element. Anyone know some good links/examples for dealing with text nodes? Cheers,Rob
[jQuery] Re: tabs plugin help
Klaus Hartl wrote:
Robert O'Rourke wrote:
Hi everybody
I'm using Klaus' tabs plugin and was wondering how to return or
pull out information like attribute values from the clicked tab.
Is anything like this possible?
$("#mycontainer").tabs({ onClick: myFunction(args) });
Sorry if that's unclear. I can think of a slightly longer way to
do things by finding the currently selected tab but was hoping
there's a more elegant solution. Nice plugin by the way Klaus!
Rob
Thank you Rob.
You're nearly there. Three arguments are passed to the
onClick/onHide/onShow callbacks. The first one being the tab that was
clicked (the anchor element), the second one the container that gets
shown, and the third one the container that gets hidden:
$('#mycontainer').tabs({
onClick: function(clicked, toShow, toHide) {
alert(clicked.href);
alert(toShow.id);
alert(toHide.id);
}
});
or by using args:
$('#mycontainer').tabs({
onClick: function() {
alert(args[0].href);
alert(args[1].id);
alert(args[2].id);
}
});
To get the index of the currently selected tab you can always use the
activeTab method:
$('#mycontainer').activeTab(); // => 2
--Klaus
Excellent, thanks a million Klaus. I know just what to do now.
Thanks again,
Rob
[jQuery] tabs plugin help
Hi everybody
I'm using Klaus' tabs plugin and was wondering how to return or pull
out information like attribute values from the clicked tab.
Is anything like this possible?
$("#mycontainer").tabs({ onClick: myFunction(args) });
Sorry if that's unclear. I can think of a slightly longer way to do
things by finding the currently selected tab but was hoping there's a
more elegant solution. Nice plugin by the way Klaus!
Rob
[jQuery] Re: sprintf or printf for jquery?
Hmm, I need to use it with .val() ideally... I found this now: http://alexei.417.ro/system/files/sprintf.js.txt it's pretty lightweight. I guess the printf/sprintf functionality is more standalone really. Would be cool if it could be condensed further and y'know, jquerified for the sake of it =P, but maybe some other time... thanks Aaron. Rob Aaron Heimlich wrote: You might wanna check this out: http://bassistance.de/jquery-plugins/jquery-plugin-format/ On 7/2/07, * Robert O'Rourke* <[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>> wrote: Hi there, I'm having fun with Kelvin Luck's datePicker plugin but I've run into a snag where I need to display a number with a leading 0 if it's only 1 character for the thing to work. I'm pulling out the startDate and endDate from the maximum bounds of the select elements I'm using. Does jQuery have something like printf() that will do this for me? There are a couple of functions out there that people have written but they're pretty meaty for my purposes. I was looking at http://www.vladdy.net/Demos/printf.html but the code is beyond me. Cheers, Rob -- Aaron Heimlich Web Developer [EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]> http://aheimlich.freepgs.com
[jQuery] sprintf or printf for jquery?
Hi there, I'm having fun with Kelvin Luck's datePicker plugin but I've run into a snag where I need to display a number with a leading 0 if it's only 1 character for the thing to work. I'm pulling out the startDate and endDate from the maximum bounds of the select elements I'm using. Does jQuery have something like printf() that will do this for me? There are a couple of functions out there that people have written but they're pretty meaty for my purposes. I was looking at http://www.vladdy.net/Demos/printf.html but the code is beyond me. Cheers, Rob
[jQuery] Re: datePicker scoping question
Robert O'Rourke wrote:
> Glad to have the new version of jQuery out, the speed improvements are
> really nice.
> I'm trying it out with the datePicker plugin and it seems fine.
>
> I'm having trouble getting the datePicker to work with the linked select
> elements example. I'm trying to make it loop through the document
> looking for elements with a class of 'date-select' and then set up a
> scoped set of events on the descendant select boxes and anchor tag.
> There's a bit much code to post in the email here's a link to the page
> I'm working on:
>
> http://www.sanchothefat.com/dev/js/datepickertest.html
>
> As far as I can tell, using $('a', this) etc.. should work but I'm
> getting no js errors and no datePicker. Has anyone done something like
> this with the datePicker before? It's for generated date selects so this
> is the best solution for the job.
>
> Cheers,
> Rob
>
>
Sorted it now, was a combination of muppetry and not understanding how
$(this) works when a function is stored as a variable. If anyone wants
the code help yourself, it's at the link above.
[jQuery] datePicker scoping question
Glad to have the new version of jQuery out, the speed improvements are
really nice.
I'm trying it out with the datePicker plugin and it seems fine.
I'm having trouble getting the datePicker to work with the linked select
elements example. I'm trying to make it loop through the document
looking for elements with a class of 'date-select' and then set up a
scoped set of events on the descendant select boxes and anchor tag.
There's a bit much code to post in the email here's a link to the page
I'm working on:
http://www.sanchothefat.com/dev/js/datepickertest.html
As far as I can tell, using $('a', this) etc.. should work but I'm
getting no js errors and no datePicker. Has anyone done something like
this with the datePicker before? It's for generated date selects so this
is the best solution for the job.
Cheers,
Rob
[jQuery] below plugin and easing problem
Hi there, Im getting an error with the below plugin (as part of the autocomplete bundle), it says this.each is not a function. Should it be jQuery(this).each ? Also I have the easing plugin included but it says the method bounceout is undefined when i try and use it... I don't know where to begin debugging this. Any suggestions? cheers
[jQuery] Re: Autocomplete
Josh Owens wrote: First time posting to the list. I have been using jquery for a couple of months and it rocks! I am using Jörn's autocomplete plugin to query results from a database. Everything is working perfectly. However what I am wanting to do is have a select box next to the autocomplete box that will allow the user to select the type of information for which they would like to search. Is there a way to go about passing the value from the select box along to the query through the autocomplete plugin? All help is much appreciated. Thanks, Josh Nice idea Josh. How about making the url in the options object into a variable that you set from the select element's current value. Then use the onchange event to change the value of the variable in the options object... might work. for you. Let us know how you get on. Rob
[jQuery] need help with googlecode svn checkout and eclipse
hi, I've got aptana installed for all my web development work but when I try and checkout the jquery svn trunk as a project it gets a 400 bad request message. I have the latest version of subclipse running and finding it really hard to get any useful information about this issue from web searches. Could it be an http vs https issue (i just used http) or perhaps its because my connection runs through a local proxy.. I'm really stumped. I just want a simpler way to get at the plugins while I'm making my applications. Any suggestions where to start solving this problem? Cheers, Rob
[jQuery] jquery documentation in aptana
Hi, Don't know if this has come up yet, I was wondering if anyone could help get the scriptdoc stuff together for use in aptana, I know it can be done for jquery1.1.1 (http://www.bitstorm.org/edwin/jquery/), I just need to find the latest and I can't see where other versions of the documentation are referenced on the wiki. Cheers, Rob
[jQuery] Re: autocomplete advice
Jörn Zaefferer wrote: Robert O'Rourke wrote: The main difference was changing the .click event on $input to give the input focus and then added an else statement to it: [...] Sounds great. Let me know about your progress, I'd like to port your changes back into the plugin. Ok, It's coming along quite well. It'll take me a little while to properly highlight my changes to the autocomplete plugin and I have some work to do on the combobox plugin to generalise it more and make into an independent addon to the autocompleter. It's coming together slowly: http://www.sanchothefat.com/dev/jsdemos/combo-box.html
[jQuery] Re: How to re-apply previous events.
Tom Holder wrote:
Hi All,
I have some xhtml in my page with images that have certain events. A
click and a mouseover.
When a user uploads another image, it replaces the current ones using
AJAX.
My question is, how can I rebind whatever events where previously on
the images back on the new content?
I want to do something like (very basic example):
var clickFunction = $("img").click(function(){
alert('yo');
return false;
});
Replace image with AJAX.
$("img").click(clickFunction);
This doesn't seem to work though. The reason why I can't just rebind
the previous code is I don't actually know what the events will be as
they change according to other conditions.
I hope I've explained this ok.
Thanks
Tom
What I'm doing at the moment in this situation is putting all my event
bindings in a function (or functions) which i then reference in the ajax
callback parameter, so:
function clickFunction() {
$("img").click(function(){
alert('yo');
return false;
});
}
clickFunction();
$.ajax({
... stuff ...
}, clickFunction);
Replace image with AJAX and reapply events.
There's a page in the docs that has a bit more detail:
http://docs.jquery.com/Tutorials:AJAX_and_Events
[jQuery] Autocomplete mustMatch fix - possibly
Hi there,
Assuming that when must match is true you want the dropdown to
disappear if something other than a matched value is typed I think this
extension to the stopLoading function does the trick:
function stopLoading() {
$input.removeClass(options.loadingClass);
if ( options.mustMatch ) {
select.hide();
}
}
[jQuery] Re: autocomplete advice
Jörn Zaefferer wrote:
Robert O'Rourke wrote:
I see what you mean, I'll keep trying to work it out in the meantime.
That show event trigger didn't seem to work, it's on the demo page
now. It might be a bit beyond my abilities at the moment but we shall
see.
Looks like you got it working.
Could you tell me what you changed to achieve that?
Hi Jörn,
The main difference was changing the .click event on $input to give
the input focus and then added an else statement to it:
.click(function() {
jQuery(this).focus(); // give it focus straight away so it opens up
// show select when clicking in a field, hide it if it's already open
if ( hasFocus++ > 1 && !select.visible() ) {
onChange(0, true);
} else {
select.hide(); // added this to create open and close option
}
})
I've changed that now though. The behaviour I have now ( depending
on the options chosen ) is the same as the address bar in firefox.
I've been editing it quite heavily, and took your advice to
integrate my changes into the autocomplete plugin more. It's ropey still
and a little bit specific to the way my employers cms works... I've
tried to generalise it more, making it into a plugin in its own right
although I'm certain I'm not doing things quite right.
What I'm doing is to forget about having the link opening and
closing the box, instead I'm adding extra behaviour to the text input so
it now has an open class, a closed class and a hover class to allow me
to mimick a select box. See the CSS inline.
I currently have one issue I'm aware of where if you click in the
input it selects the text the first time but then if you click out of it
and then back onto it the text is selected briefly then the caret skips
to the end and deselects the text. Sorry if that's not too clear.
It's underway at least. Also I fixed the mustMatch option:
function stopLoading() {
$input.removeClass(options.loadingClass);
if ( options.mustMatch ) {
select.hide();
}
}
[jQuery] Re: autocomplete advice
Jörn Zaefferer wrote:
Robert O'Rourke wrote:
http://www.sanchothefat.com/dev/jsdemos/combo-box.html
That is worth another plugin, which must be highly integrated with the
autocomplete plugin. I like your unobtrusive approach of starting with
both a dropdown and an input field.
Due to lack of time I can currently only try to get you started.
Please try to insert this into the autocomplete plugin, before or
after the $input.keydown(... block:
$input.bind("show", function() {
if ( !select.visible() ) {
onChange(0, true);
}
});
Afterwards you should be able to trigger showing the selectbox
programmatically:
$("#myinput").autocomplete(...).trigger("show");
You're already setting minChars to zero, so that should work...
I see what you mean, I'll keep trying to work it out in the meantime.
That show event trigger didn't seem to work, it's on the demo page now.
It might be a bit beyond my abilities at the moment but we shall see.
Cheers, I'll keep you posted
Rob
[jQuery] autocomplete advice
Hi there, I'm putting together an editable combobox using the twice modified autocomplete plugin (Dylan Verhuel's I think). I start with a dropdown and a text input, then create an array from the s values. I replace the static HTML with a single text input followed by a link that I want to use as a toggle to open and close the dropdown created by the autocomplete plugin. Essentially I want to mimick the behaviour of select boxes but allow it to take new values too. I've run into some difficulty interacting with the events etc... that the plugin creates. Could someone point me in the right direction to how I can access the show/hide functions and also to add a function that lets me differentiate between when the input is populated with an option from the list and a new value? Any guidance you can offer me would be awesome, I'm working on a test page here: http://www.sanchothefat.com/dev/jsdemos/combo-box.html Cheers, Rob
[jQuery] Re: SlickSpeed CSS Selector TestSuite
Glen Lipka wrote: This topic comes up every time a speed test emerges. To me, speed is totally irrelevant in most circumstances that I use jQuery. Speed of Development is most important. if I can finish my job faster then the user will be happier. If they have to wait 1/10 of a second longer, they will not be heart broken. These tests are geeky comparisons of technical detail that is irrelevant to human beings. It's like video card comparisons that talk about speed of polygonal shading textures per billionth of a second. Apple just redesigned their site. On the inside they use Scriptaculous/Prorotype. Check http://www.apple.com/mac. Notice the file size, 772k! That is humongous. Does it matter what the script is at that point? So with that said, although I do like jQuery small, I don't think it makes a difference whether its 20k or 50k. In the tradeoff's, I think you need to find out how much "major improvements in speed" will really cost? Is it really 10k more? Can it be a plugin? I have no idea. I am just saying, I am not concerned with file size up to 50k. My only concern is about ease of use and maintainability. As long as jQuery has that, then all these tests miss the point. Glen Agreed, I'm not that fussed because it's still plenty nippy and so much simpler for a newbite such as myself. Thats an obscene filesize for apples site! What percentage of people are actually on broadband these days? Or do they just not care anymore...
[jQuery] Re: SlickSpeed CSS Selector TestSuite
Rey Bango wrote: Hi Robert, Thats precisely the reason that its slower. We continue to work on providing the most comprehensive functionality in the smallest package. This is one of the drawbacks of that approach. Rey... Robert O'Rourke wrote: > Is Jquery slower because it's more compact then? ie. better for light usage? I much prefer the syntax and the community around jquery. I never got any helpful responses from anyone on the mootools forum when I was using that library. Righto, cheers Rey. I'm definitely sticking with jquery as a tool of choice but I wonder, seeing as how mootools is modular couldn't someone just take that selector code snippet and write a plugin to make it spit out the jquery object? Rob
[jQuery] Re: SlickSpeed CSS Selector TestSuite
Michael Stuhr wrote: my results: FF 2.0.0.4 WinXP-SP2 http://onenterframe.de/temp/ micha Is Jquery slower because it's more compact then? ie. better for light usage? I much prefer the syntax and the community around jquery. I never got any helpful responses from anyone on the mootools forum when I was using that library. Rob
[jQuery] Re: The .ready() event
Nice one Jonathan, good to be clear on this stuff =]
Jonathan Chaffer wrote:
On Jun 8, 2007, at 11:36 , Robert O'Rourke wrote:
I'm far from knowing all the facts but I thought .ready() was just a
jquery event for 'onload', for whatever element just loaded. Like
.bind('onload', function(){ ... } );, Is that right?
Mike answered the main question here, but just to clarify:
.load() or .bind('load') is the jQuery way to respond to the "onload"
event. This event only gets fired when the element it is attached to
is *completely* loaded. That means images, etc. must be completely
transferred before the event fires. The .ready() method of jQuery
registers code that will run when the DOM is ready, which could well
be quite a bit before the "onload" event occurs for the page.
It is possible to attach an onload handler to an individual element
(e.g. image) though, which can be useful.
--
Jonathan Chaffer
Technology Officer, Structure Interactive
[jQuery] Re: The .ready() event
Rob Desbois wrote:
Is $(document) the only thing that .ready(..) should be applied to?
When a page has a form on it with an item which should logically have
the focus by default, I like to bung in some JS to focus on that
element ASAP.
It's not necessary for the entire DOM to be ready to do that, only the
textbox.
The following code works but I just want someone to tell me whether
I'm being dumb or not ;-)
$("#noJavascriptWarning").ready(function() {
$("#noJavascriptWarning").hide();
});
I might be missing something here but why not just use the tag?
Additionally, if that is a sensible thing to do can I get the
jQuery/DOM object in the function or do I have to select it again?
The 'this' in the function is a Document object, hence me thinking
.ready() perhaps shouldn't be applied to anything but $(document).
TIA, happy nearly weekend all :-)
--rob
I'm far from knowing all the facts but I thought .ready() was just a
jquery event for 'onload', for whatever element just loaded. Like
.bind('onload', function(){ ... } );, Is that right?
Rob
[jQuery] Re: Interface Sortables
Michael Price wrote:
Hi,
Say I've got this list:
stuff
stuff
stuff
Using Interface sortables I want to get a comma separated list of list
item IDs after I've done some dragging. Say I've been doing some
dragging and it's now:
stuff
stuff
stuff
I can use SortSerialize but this gives me the POST-ready version. I
just need "element3,element1,element2".
What is the best way to achieve this?
Regards,
Michael Price
var listIds = $("#sortable li").attr("id");
listIds.join(",");
Is how I'd do it. Whether it'll work or not I don't know...
[jQuery] Re: Question about ajax and the DOM
Karl Swedberg wrote: Hi Rob, I'll get the ball rolling by pointing you to a guide, and maybe some others can weight in on which approaches are the best/fastest. Hope this helps: http://docs.jquery.com/Tutorials:AJAX_and_Events --Karl _ Karl Swedberg www.englishrules.com www.learningjquery.com Thanks Karl, Clear cut case of RTFM there! I'm really bad at reading documentation properly, I get a lot more out of live examples and demos but this explains everything I was struggling to understand. Cheers. Rob
[jQuery] Question about ajax and the DOM
Hi there, I've started playing with the ajax functionality of jquery and run into some quirks that I hope someone will give some advice about. The first thing is that I have events applied to various elements for deleting/inserting records and then updating the DOM with the new content which I'm doing via taconite. I've got a list of items that when one is added or removed I replace the entire list with the latest list from the database using an ajaxSubmit to taconite. This caused some odd behaviour, or loss of behaviour. I assumed that because I replaced the content the event listeners were lost too. Now I have a callback function that resets them but this seems like a clunky way of doing things, iterating over all the elements each time there's a DOM update. What are the best/fastest methods for this sort of functionality? Adding the new record on it's own and then adding whichever event to it once it's loaded? Or do I have the wrong end of the stick entirely? If it's easier to point me to a guide or faq about what to consider when using ajax methods extensively that would be good but I would really appreciate any advice you can give me. Hope that makes some kind of sense, Rob
[jQuery] Re: [ANN] jQuery Media Plugin
Mike Alsup wrote: I've been working on consolidating and refactoring my media plugins. The result is a single plugin that handles virtually any media type. Supported Media Players: - Flash - Quicktime - Real Player - Silverlight - Windows Media Player - iframe Supported Media Formats: Any types supported by the above players, such as: Video: asf, avi, flv, mov, mpg, mpeg, mp4, qt, smil, swf, w Audio: aif, aac, au, gsm, mid, midi, mov, mp3, m4a, snd, rm Other: bmp, html, pdf, psd, qif, qtif, qti, tif, tiff, xaml Docs and demos can be found at: http://malsup.com/jquery/media/ Mike I can tell this is going to be really useful, thanks Mike. I was wondering how easy it would be change it to use this approach for embedding flash: http://alistapart.com/articles/flashsatay . I'm not sure that there's any real benefit to it (validation) in this situation seeing as the tags are delivered in the DOM only but standards are always good and you could avoid some browser sniffing. Thanks again, Rob
[jQuery] Re: Dynamic content rendering anomaly
SamCKayak wrote: First: this page validates. I've gone as far as running the "rendered code" through the WDG validator. No errors. No CSS errors either. Renders fine in IE 6, 7. Firefox, does a trick with the top of the table.show(), extending the border-top of the table beyond the right end of the box element... Here's a demo page. Click the submit button to see the result table http://www.nativeintelligence.com/survey.asp I think the problem has something to do with the jQuery .show() function? Sam Hi Sam, I'm no expert but I've seen this kind of problem before. Firefox fixes a few things in the HTML when it creates the DOM, so you have your code right, the problem is when you set up the effect i.e. when the document loads. You reference the table element where you need to reference a tbody element that firefox adds. It's easy to fix, just add to enclose all the rows inside the tables and change your code to reflect it. It works in IE because that browser does very little to tidy HTML when it returns the DOM. Hope that fixes it, Rob
[jQuery] Re: help! imagebox disaster - website crashes safari
Klaus Hartl wrote:
Robert O'Rourke wrote:
Help!
I'm really desperate here, the site I just set live is causing
safari to crash when you click through to a property page.. not good.
The only unique thing about the page is that I am including imagebox
and interface in the head. Are there known issues with this in
safari? Could it be the other effects interfering with it?
url is http://www.italianpropertygallery.com, if you click through
to any property safari crashes. I don't have a mac so can't test it
properly here.
I'd appreciate any suggestions or advice or I'm going to have to
just hide that js from safari. All other browsers are working as
expected.
Thanks in advance,
Rob
Look for occurences of $(elem).hmtl('...'). This causes Safari to
crash for me as well. You have to replace it with $(elem)[0].innerHTML
= '...'
If you're using jQuery 1.1.2 that is. That should be fixed with the
latest version.
-- Klaus
Thanks a million Klaus and Erik,
Upgrading to the latest build did sort out the crashing however
safari still failed to load the images via imagebox. I found this
replacement version of the script:
http://www.intelliance.fr/jquery/imagebox/ that solves the problem. All
working now, panic over... phew!
I've checked out the latest build out via svn now so I have a first
port of call for debugging. And less of these frantically bashed out
emails =P
Erik, I moved the animation effect back inside the $(document).ready
function some time ago, I don't know how that old code ended up on your
computer... our servers do some funny caching at the moment so I'll have
to check it out.
Thanks again,
Rob
[jQuery] help! imagebox disaster - website crashes safari
Help! I'm really desperate here, the site I just set live is causing safari to crash when you click through to a property page.. not good. The only unique thing about the page is that I am including imagebox and interface in the head. Are there known issues with this in safari? Could it be the other effects interfering with it? url is http://www.italianpropertygallery.com, if you click through to any property safari crashes. I don't have a mac so can't test it properly here. I'd appreciate any suggestions or advice or I'm going to have to just hide that js from safari. All other browsers are working as expected. Thanks in advance, Rob
[jQuery] Re: ANN: jQuery-Powered Sites: The List Continues to Grow
Hello, Don't know if it meets the criteria or not but I've just finished http://www.italianpropertygallery.com I used jQuery for the page loading gif and the background reveal effect, the 'add bookmark' link on search result pages, the interface lightbox plugin, jqModal along with the google maps plugin (which I'd like help in extending to act as a digitiser like 'my maps' on googlemaps, im integrating more geo stuff into our cms. I'll start a separate thread for it soon once I have had a go) plus a few other bits and bats. Not the best use of jQuery but its the first time i've used the library, must say it was very enjoyable. Thanks to everyone, Rob --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "jQuery (English)" group. To post to this group, send email to jquery-en@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/jquery-en?hl=en -~--~~~~--~~--~--~---
[jQuery] Re: JS and css
BKDesign Solutions wrote: Opinions? for using js, I heard that it's better to use classes on every item ; To quote from elsewhere: "increased specificity makes programming in Javascript easier, e.g. the ability to grab a single element by name instead of parsing through the DOM to grab it." like to me: Site navigation List item etc Is best rather than adding a class to every item. Bruce P bkdesign solutions Quite right, I know the fastest way to get an element is by Id because by definition there's only one in the dom so it can go straight to it. I try and keep class names to a minimum or use them where some extra semantics is handy e.g. microformats and repeated structures and then use Ids to denote the primary page structure and form elements. Works for me anyway. Rob
[jQuery] Re: css image caching with jquery
Theo Welch wrote: To help deal with this, there are ways to configure a web server so that it will instruct the browser to not make these "unnecessary" requests, but most web servers aren't configured to such a degree. For example, you can configure Apache to tell the browser not to bother checking whether files of type ".gif" and ".jpg" have changed for 3 hours since they were last cached by the browser. On a busy, commercial website, this can prevent literally millions of extraneous request negotiations per day and can ultimately lead to faster server response times because the server isn't wasting cycles (and bytes of bandwidth) just telling browsers that its files haven't changed since they last cached them. And it can also reduce page rendering time because the browser will *instantly* load an object from its cache instead of checking with the server first for a newer/changed version. Browser behavior can vary on this front, and the browser can always be configured by the user to check with the server every time no matter what the server told it to do. But 99% of the time, this technique can work well to save processing cycles and bandwidth for both the server and the browser. Of course the downside is, if you DO change a GIF or JPEG on the server, then there can be a delay before users who are browsing your site will actually download the updated file. So this approach does add a bit of logistical complication that must be considered carefully. I'm not sure if any of that answers your questions, but hopefully it will be helpful to somebody in some way. Cheers, -THEO- wow, nice one Theo. It turns out it was my server configuration, I've spoken with my boss... well... my older bro and he implemented your suggestion there for css images (ie the ones that don't change much). We serve up literally thousands of images a day for the e-commerce sites we host so any way we can reduce server overheads is a good thing =] My script seems to be running quite nicely now. Oddly enough it only seemed to occur when I was viewing the site on an auxiliary monitor... but thats gotta be a coincidence. Cheers Theo, you're a star Rob ps. sorry for the off-topic post everyone, guess it didn't have anything to do with jQuery after all.
[jQuery] css image caching with jquery
Hi again, Thanks for the help and explanations with the google maps, thats all working beautifully now. As my first time out using jquery I've set up a blend effect for the css background image of the website I am working on however on occasion the images aren't ready immediately even after theyve been loaded previously, in moz at least. I've found this caching plugin [1] however i'm not sure how to proceed to make it work with css images. My concern is that the images are large and loading them all every time a page loads will make things ridiculously slow I'm not too well up on how browsers cache css background images, especially browsers that use tabs. I've tried appending the images to the body as they are loaded so you can switch back to them seamlessly however it doesn't seem to work. Only the current image and previous image seem to be stored. I'd appreciate any hints or links to the details of how browser caching works so I can learn something else new today =] [1] http://www.civicactions.com/sites/home2.civicactions.net/files/jquery.cache_.js_.txt Thanks in advance, Rob ps. apologies for my rambling, I could be way off the mark here...
[jQuery] Re: Google Maps Plugin
Klaus Hartl wrote:
Robert O'Rourke schrieb:
Hello,
This ones for Dylan Verheul, I'm using your google maps plugin to
populate a map with various markers. I was just wondering about
adding the GUnload() function.
I've added this to the bottom of the $.fn.googlemap bit:
$("body").bind("unload", function(){ GUnload(); });
That should do the trick right?
Cheers,
Rob
I think this one does:
$(window).bind('unload', GUnload);
Note that you don't need an anonymous function if you already have a
reference to a function. Also the unload event handler is fired on the
window and attaching it to the body like the obtrusive way in the
Google Maps API examples will result in the same.
-- Klaus
That's great Klaus, thank you very much =]
I didn't know I could reference other functions like that, I should be
able to compress my code a bit more now.
Thanks again,
Rob
[jQuery] Google Maps Plugin
Hello,
This ones for Dylan Verheul, I'm using your google maps plugin to
populate a map with various markers. I was just wondering about adding
the GUnload() function.
I've added this to the bottom of the $.fn.googlemap bit:
$("body").bind("unload", function(){ GUnload(); });
That should do the trick right?
Cheers,
Rob
[jQuery] Re: Seperate Ajax
On the off-chance I'm starting to get my head around jQuery try adding
this to your code where you have .prev():
.prev("img", this)
I'm pretty sure that should work...
Rob
ronaldo wrote:
Hi all,
I hope you can help. I have a page where i am trying to make two seperate
ajax calls. and as such in the document.ready code i have 2 seperate
ajaxStart function depending on which div's need updating:
$("#diva").ajaxStart(function(){
$("#diva").prev("img").attr({ src: "images/busy.gif" });
});
and
$("#divb").ajaxStart(function(){
$("#divb").prev("img").attr({ src: "images/3MA_processingbar.gif" });
});
However, when the ajax call starts, both div's fire up their respective
ajaxStart animated gif's. I tried the option global: false; however that
just makes the gif's disappear.
What do I need to do to call only 1 specific ajaxStart function ?
[jQuery] Re: Interface imageBox IE case
Hi Kush, I ran into that problem too but because of a different name i'd used for one of my divs. In my case it was #gallery. Apparently IE creates global variables for the DOM that can easily conflict with variable names present in the plugins (i think its something like that anyway). There's a bug ticket for it already but it's a tricky one. You just have to rename your divs for now until some of that nice variable scoping is introduced. Something like #wrapper might be better. Take it easy, Rob Kush Murod wrote: Anyone? Kush Murod wrote: Hi, Seems like I found the problem but can't explain why: In my html I've got Apparently that tag was causing problem in IE, because as soon as I're renamed container to containerr all went smooth. Having said that I'd like to understand why there was a naming conflict. Response is appreciated --Kush Kush Murod wrote: Hi guys, Normally interface imageBox works fine, However in this case http://www.khurshid.com/v2/ in IE throws errors and I am finding hard to find out what is causing it. It is very simple page. Thanks heaps. --Kush
[jQuery] error - setting a property that has only a getter
Hi all, I was making some changes to my css file and now jquery.js throws a wobbly in firefox and refuses to work even though it's just . How is it even possible? Anyway can anyone tell me what the error message 'setting a property that has only a getter' means? it comes up in firebug even when it's only the jquery.js file im including... please help! Oh yeah, it still works in MSIE for a change... Cheers, Rob
