[jQuery] Re: AJAX download progress

[Gordon]

Okay, your reply finally showed up a day after the group said you made
it.  :)  I'm glad you like it, I just wish I knew how to make it work
in IE

On Jul 18, 5:17 pm, "Jonathan Sharp" <[EMAIL PROTECTED]> wrote:
> Gordon,
>
> That's really slick!
>
> -js
>
> On 7/18/07, Gordon <[EMAIL PROTECTED]> wrote:
>
>
>
> > Finally got my net access on my dev machine back.  :)  Here's my
> > code.
>
> > var myTrigger;
> > var progressElem = $('#progressCounter');
> > $.ajax ({
> >type: 'GET',
> >dataType: 'xml',
> >url : 'somexmlscript.php' ,
> >beforeSend  : function (thisXHR)
> >{
> >myTrigger = setInterval (function ()
> >{
> >if (thisXHR.readyState > 2)
> >{
> >var totalBytes  = 
> > thisXHR.getResponseHeader('Content-length');
> >var dlBytes =
> > thisXHR.responseText.length;
> >(totalBytes > 0)?
> >progressElem.html 
> > (Math.round((dlBytes / totalBytes) * 100) +
> > "%"):
> >progressElem.html 
> > (Math.round(dlBytes / 1024) + "K");
> >}
> >}, 200);
> >},
> >complete: function ()
> >{
> >clearInterval (myTrigger);
> >},
> >success : function (response)
> >{
> >// Process XML
> >}
> > });
>
> > It produces the desired results in Firefox 1.5, Safari3/Win and Opera
> > 9.  But Internet Explorer produces no result at all.  It doesn't even
> > throw an error.  While it's not strictly necessary for there to be a
> > download progress report I'd personally like to see it used far more
> > often in AJAX apps than it actually is, and I really want to make this
> > code 1005 cross-browser.
>
> > On Jul 18, 2:59 pm, Gordon <[EMAIL PROTECTED]> wrote:
> > > Okay, I've got some code now that works well in all the major browsers
> > > except for IE.  I can't post the code just now but I'll put it up as
> > > soon as I get proper net access back on the other computer.  Oddly it
> > > doesn't throw any errors in IE, it simply doesn't produce any
> > > results.
>
> > > Gordon wrote:
> > > > I have been thinking about how to do this all morning.  At first I
> > > > thought it wouldn't be possible because the XHR object doesn't seem to
> > > > have a property for the amount of data downloaded.  But I have come up
> > > > with a possible work around.  I have jotted some pseudocode down and
> > > > am researching how well this approach might work, but unfortunately
> > > > something's gone wrong with the firewall at work and my ability to
> > > > browse and find practical solutions is badly compromised just now.
> > > > Anyway, here's my pseudocode:
>
> > > > On (XHR enters stage 3)
> > > > {
> > > > Create an interval timer;
> > > > }
> > > > On (XHR enters stage 4)
> > > > {
> > > > Destroy timer;
> > > > }
> > > > On (Timer event)
> > > > {
> > > > If (fetching XML)
> > > > Get ResponseXML length;
> > > > else
> > > > Get ResponseText length;
> > > > If (Content-length header set)
> > > > return (percent downloaded);
> > > > else
> > > > return (bytes downloaded);
> > > > }
>
> > > > Gordon wrote:
> > > > > I am trying to figure out a way of displaying how far along an AJAX
> > > > > download is.  Assuming I know the size of the file being downloaded
> > > > > (this will require the server to send a content-length header) then
> > if
> > > > > I can check the number of bytes downloaded thus far I should be able
> > > > > to work out the download progress.
>
> > > > > So what I need to know, how can you get the value of the content-
> > > > > length header if it is set, and how can you check the number of
> > bytes
> > > > > sent periodically?  I can then display a percentage for the case
> > where
> > > > > both are known, or simply a count of downloaded bytes when I don't
> > > > > know the content length.

[jQuery] Re: jQuery Validation & Multiple Forms...

[Stosh]

One other thing that's bothering me about the validate plugin...
first, for the record I want to clarify that I really do like this
plugin - I find it especially useful.  I am unable to have a form
object and call validate() on it more then once.  For the most part
this makes sense, but I have an instance right now where to cut on how
much code I re-use I would like to be able to append more validation
rules to the form that I am working with.  It would be nice if some
how there was an attribute or something which allowed me to append
rather than over-write (granted, the over-write functionality would
still need to be preserved by default).


On Jul 18, 9:27 am, "Dan G. Switzer, II" <[EMAIL PROTECTED]>
wrote:
> >What's the rationale behind the validate plugin only handling one
> >jQuery object?  This doesn't seem consistent with how jQuery works at
> >all.
>
> The validator() object breaks the jQuery chain and returns a reference to
> the current validator object. This allows you to build code to interact with
> the validator--which is necessary at times.
>
> Also, not all jQuery methods with multiple selectors. For example the val()
> method only returns the value from the first element found.
>
> So while the validator() method may not work like most methods, it's not
> unusual for a method to not return the chain or work with more than 1
> element.
>
> >The website states:
> >Validating multiple forms on one page: The plugin can handle only one
> >form per call. In case you have multiple forms on a single page which
> >you want to validate, you can avoid having to duplicate the plugin
> >settings by modifying the defaults via $.validator.defaults. Use
> >$.validator.setDefaults({...}) to override multiple settings at once.
>
> >But I have a serious problem with this...  first off, I don't want to
> >validate every form on my page.  I have a number of widgets that
> >utilize forms that don't need validation on the client side.  What I
> >would love is to be able to do something like:
>
> >$('form.classOfForms').validate({});
>
> Personally, I've never seen a need to apply the exact same validation rules
> to multiple forms. Each form I design generally has very distinct rules for
> validation.
>
> What are you doing that would require multiple forms to be validated with
> the exact same validation rules?
>
> -Dan

[jQuery] Re: AJAX download progress

[Gordon]

To whoever replied, thanks, but the actual reply isn't showing up in
here.  I don't know why!  I think google groups has been a bit wonky
today.

On Jul 18, 10:32 am, Gordon <[EMAIL PROTECTED]> wrote:
> I am trying to figure out a way of displaying how far along an AJAX
> download is.  Assuming I know the size of the file being downloaded
> (this will require the server to send a content-length header) then if
> I can check the number of bytes downloaded thus far I should be able
> to work out the download progress.
>
> So what I need to know, how can you get the value of the content-
> length header if it is set, and how can you check the number of bytes
> sent periodically?  I can then display a percentage for the case where
> both are known, or simply a count of downloaded bytes when I don't
> know the content length.

[jQuery] Re: Using AutoCompleter, how do you pass parameters

[AtlantaGeek]

Ok, found the problem:

Jörn has main.css and jquery.autocomplete.css in use on his demo
page.  I was thinking any autocompleter-related CSS would be in
jquery.autocomplete.css, but it appears that's not the case.  I had
removed main.css, but when I put it back in, the error went away.
Mousing works fine now.  Now I just have to figure out what in that
CSS is really required and toss all the rest.

I have another issue.  If you think you can be of assistance, please
see http://tinyurl.com/ynm453


On Jul 18, 10:09 am, Jeff Fleitz <[EMAIL PROTECTED]> wrote:
> I am in the same boat (don't have the luxury of playing around).
> Jörn's version has been pretty stable, with the exception of the
> issues documented. The one problem I have is similar to yours, in that
> IE6 generates an error when mousing over.the selection list.
> Unfortuanely, at least 90% of the users of this app will use IE6,
> which sucks, but it is what it is. I don't see the error in Firefox,
> so it's been hell trying to figure out how to fix the bug. Jörn has
> turned me on to Firebug Lite, so I am trying to track it down that
> way, as I get time.
>
> Too many hats :)
>
> On Jul 11, 10:15 am, AtlantaGeek <[EMAIL PROTECTED]> wrote:
>
>
>
> > I still think some of my posts are getting massively delayed
> > (actually, I know this is happening) or canned completely . . .
>
> > At present, I don't have the luxury of "playing around", so I was
> > wondering what is the most stable version that has been posted.  Your
> > original version seems to be working fine except for the issue of it
> > not working correctly when the user just tabs out of the field.
> > Someone did recommend Joern's "alpha" version, but this is for a
> > client's web store and I'm not real anxious to use alpha software.
> > Plus, since I'm very new to JQuery, I'm not sure I feel comfortable
> > deciding to use it and just fixing any errors I run into.
>
> > On Jul 10, 8:49 am, "Dan G.Switzer, II" <[EMAIL PROTECTED]>
> > wrote:
>
> > > >Now if I could only make sense of that page.So you wrote that
> > > >mod to the original AutoCompleter by Dylan V and now you and this
> > > >other guy Joern are working on it?  Sorry, just trying to understand
> > > >who's who.  What should I download from that page?
>
> > > Not that the who's who really matters that much, but the story is as
> > > follows.
>
> > > Dylan Verheul released the originalAutocompleteplug-in. It did most of
> > > what I needed, but was missing several crucial parts that I needed so I
> > > fixed a few bugs and added the handful of features I needed.
>
> > > Jörn Zaefferer liked what I did, but wanted to implement a few more 
> > > features
> > > (such as multiple selections,) so he started re-writing my mod (it's 
> > > almost
> > > a completely re-write now) to add new features and streamline the code. 
> > > When
> > > I can, I help Jörn out with the project.
>
> > > As for what you should download, I'd recommend grabbing all the code and
> > > playing around with it. It's a completely re-write and we know some of the
> > > new features are not finished (multiple select items don't work completely
> > > the way we'd like to see them work.)
>
> > > -Dan
>
> > > >On Jul 9, 8:49 am, "Dan G.Switzer, II" <[EMAIL PROTECTED]>
> > > >wrote:
> > > >> >One other thing:  If the user does not actually select an item from
> > > >> >the list and, instead, just tabs out of the field - perhaps because
> > > >> >the item that was put into the textbox via the quick-fill was the one
> > > >> >he wanted - then the code to populate other fields does not fire.  How
> > > >> >can I get that code to fire?  (The code below does not fire)
>
> > > >> Yeah, that looks like a bug. Development of this code branch has 
> > > >> actually
> > > >> stopped and been replaced with:
>
> > > >>http://dev.jquery.com/browser/trunk/plugins/autocomplete
>
> > > >> It looks like this issue is resolved in the latest code base.
>
> > > >> -Dan- Hide quoted text -
>
> > > - Show quoted text -- Hide quoted text -
>
> - Show quoted text -

[jQuery] Re: Stopping a $.load call

[cdomigan]

I would have to agree with Strija. Using a setTimeout() is the way
I've seen 99% of auto-complete widgets implemented.

Chris

On Jul 19, 10:14 am, batobin <[EMAIL PROTECTED]> wrote:
> Very interesting idea. So, if I understand you correctly, an AJAX
> request is only made if a person stops typing for 300 milliseconds?
>
> It's not the perfect solution since receiving results is now delayed
> an extra 300ms. And there's still a chance for choppy results if a
> person is on a very bad internet connection and types new letters
> every 301ms. But it's light years ahead of my current algorithm,
> thanks!
>
> Unless someone else chimes in it looks like I'll be implementing it
> this way.
>
> BT
>
> On Jul 17, 1:16 am, Strija <[EMAIL PROTECTED]> wrote:
>
>
>
>
>
> > On Jul 16, 11:15 pm, batobin <[EMAIL PROTECTED]> wrote:
>
> > > Hello everyone. This is a general question about stopping (or
> > > overriding) an AJAX call once it has been made. In order to illustrate
> > > my question I can give a specific example, but I'm sure this topic is
> > > applicable to many people besides myself...
>
> > I have done something similar, but i used setTimeout. So a request is
> > not made everytime when someone is typing.
> > Actually it's quite simple. The function refres_list() diplays the
> > results. Hope it helps.
> > My code looks like this:
>
> > var search_timeout = false;
> > $("#quick-search").keypress(function() {
> > clearTimeout( search_timeout );
> > search_timeout = setTimeout(function() {
> > refresh_list();
> > }, 300);
>
> > });

[jQuery] Re: Better way to select parent form?

[RobG]

On Jul 19, 9:13 am, jarrod <[EMAIL PROTECTED]> wrote:
> I'm trying to write a script that responds to a keyup event in any field of a
> given form. If the form is valid, the submit button of that form is enabled.
> The problem is that there are several forms on the page. My script has to
> enable the right one.
>
> I have a way that works, but it's complicated. Can someone suggest a better
> way?

A couple of tips:

You can attach a function to the form's keyup handler, you don't have
to put it on every control in the form.

Every control in a form has a "form" attribute that is a reference to
the form that the control is in, there is no need to use any kind of
DOM-walking or parent relationship, e.g.:

  
   
Show form ID
   
 


--
Rob

[jQuery] Re: License questions

[John Resig]

Yes, that's correct. You are completely free to bundle jQuery with any
commercial application you choose, just leaving that notice intact
with the jQuery file itself. That's it! Enjoy :-)

--John

On 7/18/07, James <[EMAIL PROTECTED]> wrote:


So in the MIT license "software" can refer to jquery only and no the
webapplication using it? I apologize for nitpicking this..

Thanks,
James

1 Copyright (c) 2007 John Resig, http://jquery.com/
2
3 Permission is hereby granted, free of charge, to any person
obtaining
4 a copy of this software and associated documentation files (the
5 "Software"), to deal in the Software without restriction, including
6 without limitation the rights to use, copy, modify, merge, publish,
7 distribute, sublicense, and/or sell copies of the Software, and to
8 permit persons to whom the Software is furnished to do so, subject
to
9 the following conditions:
10
11 The above copyright notice and this permission notice shall be
12 included in all copies or substantial portions of the Software.


On Jul 18, 10:15 pm, cdomigan <[EMAIL PROTECTED]> wrote:
> MIT license is what you want - just include the copyright notice and
> your away laughing.
>
> Chris

[jQuery] Re: Better way to select parent form?

[jarrod]

Richard D. Worth-2 wrote:
> 
>> I haven't found anywhere in the docs that talks about using this selector
>> thing $() with two arguments. What exactly is going on there?
> 
> 
> See http://docs.jquery.com/Core#.24.28_expr.2C_context_.29
> 
> "By default, if no context is specified, $() looks for DOM elements within
> the context of the current HTML document. If you do specify a context,
> such
> as a DOM element or jQuery object, the expression will be matched against
> the contents of that context."
> 
> - Richard
> 
> 

Excellent. Thanks, I missed that one.

E

-- 
View this message in context: 
http://www.nabble.com/Better-way-to-select-parent-form--tf4107139s15494.html#a11681573
Sent from the JQuery mailing list archive at Nabble.com.

[jQuery] Re: Solving the Back button problem

[Kenneth]

On 7/18/07, S. Robert James <[EMAIL PROTECTED]> wrote:



Solving the Back button problem

Is there a way to use JavaScript to detect whether a page is being
loaded for the first time (from the server), or because someone hit
the Back button?  Often you want to display a status message only one,
but not show it when they hit the Back button.



The history/remote plugin could possibly handle that.

http://www.stilbuero.de/jquery/history/

Someone with more experience with the plugin could probably tell you.

[jQuery] Re: Better way to select parent form?

[Richard D. Worth]

On 7/18/07, jarrod <[EMAIL PROTECTED]> wrote:


I don't understand this part:

> var input = $('[EMAIL PROTECTED]', form);

Specifically this: "$('[EMAIL PROTECTED]', form);"

I haven't found anywhere in the docs that talks about using this selector
thing $() with two arguments. What exactly is going on there?



See http://docs.jquery.com/Core#.24.28_expr.2C_context_.29

"By default, if no context is specified, $() looks for DOM elements within
the context of the current HTML document. If you do specify a context, such
as a DOM element or jQuery object, the expression will be matched against
the contents of that context."

- Richard

[jQuery] Page initialization document ready

[[EMAIL PROTECTED]]

I'm setting default values for a text area on page load. This ivolves
loading a remote xml file. Should I be using the document.read()
function here. Because the "resultdiv" doesn't seem to finish load
names.xml.  So none of the manipulations can happen.


function init() {
var resultdiv = $("");
resultdiv.load("names.xml");
var text = $(resultdiv).html()+"\n";
$("#source").val(text);
}


Source

[jQuery] Re: New Plugin: HoverAccordion

[[EMAIL PROTECTED]]

One suggestion, that no one has seemed to be able to tackle in the
jQuery Accordion making community, is the slight bump that happens at
the bottom of the accordion. You notice it slightly on your first
example but can see it a lot on your second example.

You'll see on the apple site there is no bump at all.  It just slides
without effecting any other areas of the menu.  I think this is
because we are showing/hiding heights and the apple site is using
absolute/static/relative positioning to get the effects.  Thoughts?

[jQuery] IE6 png hack bug

[Kush Murod]

Hi guys,
Some of us having difficulty figuring out as to why when applying ie6png
hack onto a link, it doesn't appear as link anymore
Can anyone help us out, here is an example www.uzhana.com - contact us link
Cheers,
--Kush

[jQuery] Re: License questions

[James]

So in the MIT license "software" can refer to jquery only and no the
webapplication using it? I apologize for nitpicking this..

Thanks,
James

1 Copyright (c) 2007 John Resig, http://jquery.com/
2
3 Permission is hereby granted, free of charge, to any person
obtaining
4 a copy of this software and associated documentation files (the
5 "Software"), to deal in the Software without restriction, including
6 without limitation the rights to use, copy, modify, merge, publish,
7 distribute, sublicense, and/or sell copies of the Software, and to
8 permit persons to whom the Software is furnished to do so, subject
to
9 the following conditions:
10
11 The above copyright notice and this permission notice shall be
12 included in all copies or substantial portions of the Software.


On Jul 18, 10:15 pm, cdomigan <[EMAIL PROTECTED]> wrote:
> MIT license is what you want - just include the copyright notice and
> your away laughing.
>
> Chris

[jQuery] Re: Better way to select parent form?

[jarrod]

I don't understand this part:

> var input = $('[EMAIL PROTECTED]', form);

Specifically this: "$('[EMAIL PROTECTED]', form);" 

I haven't found anywhere in the docs that talks about using this selector
thing $() with two arguments. What exactly is going on there?

> Also may I ask why you're removing the input and immediatly add a 
> similiar one in the else branch instead of disabling the existing one?

I tried to do it that way at first. However, the commands to add the
"disabled" attribute and the "formfielddisabled" css class had no effect in
either Firefox or IE. Maybe I had a syntax error. I'll try it again using
the code you provided. I was actually adding and removing the "disabled"
attribute rather than setting it to "true"/"false".

Thanks for the help,

E
-- 
View this message in context: 
http://www.nabble.com/Better-way-to-select-parent-form--tf4107139s15494.html#a11681274
Sent from the JQuery mailing list archive at Nabble.com.

[jQuery] Re: Swap image onClick with swf, need help...

[Richard D. Worth]

Handle the click event, and change the src attribute. Something like this:
...

$(function() {
  $("#mp3Img").click(function() {
$(this).attr("src", "mp3-2.jpg")
  });
});




...

- Richard

On 7/18/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
>
> Heya,
>  I'd like to use jQuery to swap out an image of a mp3 player when
> the user clicks the image... any ideas?
>
>
> >
>

[jQuery] Re: License questions

[cdomigan]

MIT license is what you want - just include the copyright notice and
your away laughing.

Chris

[jQuery] Re: using tabIndex

[Brian Cherne]

Hi Phil,

#elem1 must already have tabindex set 

$(e).attr('tabindex') returns a string, so you should multiply it by 1 to
convert it to a number, otherwise #elem2 will end up with a tabindex of "11"

$("#elem2").attr("tabindex", $("#elem1").attr("tabindex")*1+1);

Cheers,
Brian.

On 7/18/07, Phil Glatz <[EMAIL PROTECTED]> wrote:



I have some fields that may be generated on the fly via DOM, and want
to set the tab index. This isn't working for me:

  $("#elem2").attr("tabindex", $("#elem1").attr("tabindex") + 1);

What would the correct syntax be to make the tabindex of elem2 to be
that of elem1 + 1?

[jQuery] Re: License questions

[Richard D. Worth]

See http://docs.jquery.com/Licensing

quote from that page:
"jQuery is currently available for use in all personal or commercial
projects under both MIT and GPL licenses. This means that you can choose the
license that best suits your project, and use it accordingly."

- Richard

On 7/18/07, James <[EMAIL PROTECTED]> wrote:



I've tried to read about this but I still am not sure. Can I bundle
jquery with a commercial web application that I distribute?

I read that if they are both distinct applications yes, but I'm not
sure where you draw the line. If the webapp utilizes jquery heavily
but can work perfectly fine without it then I guess it would be ok? I
read several places that jQuery was released under the lgpl but that
doesnt seem to be the case anymore. Any clarification is appreciated.

Thanks,
James

[jQuery] interface Slider IE problem

[Nachitox]

Im using the interface plugin to change the speed of a timeout (that
the function call it again)

I follow this example to do mine: http://interface.eyecon.ro/demos/slider.html

In Firefox2 works perfect, but IE shows me an error: "The object does
not accept that property or method" (im translating)

the html:
Speed:5 seconds


the javascript:
$("#slider").Slider({
accept: ".indicator",
fractions: 4,
restricted: true,
onChange: function( cordx, cordy, x , y)
{
changespeed(cordx);
},
values: [
[138,138]
]
});

});

function changespeed(cordx) {
switch (cordx) {
case 0:
speed = 3;
break;
case 25:
speed = 4;
break;
case 50:
speed = 5;
break;
case 75:
speed = 6;
break;
case 100:
speed = 7;
break;
}
$("#label_speed").html(speed +" seconds");
};


Someone can help me ?
Thanks

[jQuery] Implement opacity on imagemap polygon

[Spencer]

I'm new to jQuery and would really like to be able to use it for
applying an opacity to an area on an imagemap.  Is this possible?  I
really don't want to swap images unless it becomes necessary.  The
following code allows me to bind a click event (for testing) to the
individual "area" tags, but I can't seem to get the opacity to apply,
even though the "setOverlay" class is applied.  I would really
appreciate any help or suggestions.

Thanks,

Spencer

 CSS #
.setOverlay {
background-color: #C2C2C2;
filter: alpha(opacity=65);
-moz-opacity: 0.65;
opacity: 0.65;
}

.removeOverlay {
filter: alpha(opacity=65);
-moz-opacity: 0.65;
opacity: 0.65;
}


 JAVASCRIPT 
$(document).ready(function() {
$("#body_head").click(function() {
$(this).removeClass("removeOverlay");
$(this).addClass("setOverlay");
});
$("#body_neck").click(function() {
alert("Neck");
});
});
#

 HTML ###








#

[jQuery] Scroll behaving odd in Firefox

[MikeeBee]

Hi all, first time I've used jQuery. I'm using it for a basic scroll
to anchor function. I started with it on the "back to top links" then
I moved to using it on a small anchor navigation at the top of the
page. It works fine in Safari on the mac and IE on the PC but for some
reason the top links on the page don't work in Firefox (on both
platforms) UNLESS the page is partially scrolled down. Since this is
the first time I've used jQuery I'm beyond stumped!

Thanks everyone

Mike

[jQuery] License questions

[James]

I've tried to read about this but I still am not sure. Can I bundle
jquery with a commercial web application that I distribute?

I read that if they are both distinct applications yes, but I'm not
sure where you draw the line. If the webapp utilizes jquery heavily
but can work perfectly fine without it then I guess it would be ok? I
read several places that jQuery was released under the lgpl but that
doesnt seem to be the case anymore. Any clarification is appreciated.

Thanks,
James

[jQuery] Re: Customize JQuery

[Brad Perkins]

This subject came up recently. Search the archive for "Using part of
JQuery". The recommended solution might meet your needs?

-- Brad

On Jul 18, 6:46 am, "azzozhsn.net" <[EMAIL PROTECTED]> wrote:
> Hi,
> I really like JQuery, and I try to use it, and I think it's big script
> in some kind 22KB! the rest of my page less than 12K. I think we can
> customize JQuery. I mean drop any function, class or method we don't
> use. I hope the developer make a program show this methods, classes or
> functions then we can select what we need to use then the customized
> script will be generated. maybe we can lose some size.
>
> I think its possible. do you think it's a greate idea.
>
> Azzoz Al-Hassany

[jQuery] Re: Listing methods of an object

[S. Robert James]

Yes - what JS code allows it to see the list of all methods (and their
source code!)?

Jack Killpatrick wrote:
> Something like this?
>
> http://www.netgrow.com.au/files/javascript_dump.cfm
>
> - Jack
>
> Robert James wrote:
> >
> >
> > Is there a way to list all the methods that a particular JavaScript
> > object has? Or is there a tool that can do this?
> >
> >

[jQuery] Solving the Back button problem

[S. Robert James]

Solving the Back button problem

Is there a way to use JavaScript to detect whether a page is being
loaded for the first time (from the server), or because someone hit
the Back button?  Often you want to display a status message only one,
but not show it when they hit the Back button.

[jQuery] Re: Listing methods of an object

[Jack Killpatrick]

Something like this?

http://www.netgrow.com.au/files/javascript_dump.cfm

- Jack

Robert James wrote:



Is there a way to list all the methods that a particular JavaScript 
object has? Or is there a tool that can do this?

[jQuery] Listing methods of an object

[Robert James]

Is there a way to list all the methods that a particular JavaScript object
has? Or is there a tool that can do this?

[jQuery] Re: Announce: filemanager-like-view plugin (BogoFolders)

[Ganeshji Marwaha]

it works like a charm in opera 9.20

-GTG

On 7/17/07, Stephan Beal <[EMAIL PROTECTED]> wrote:



Hi, all!

This morning i put together a plugin which provides a basic
filemanager-like view, called BogoFolders:

http://wanderinghorse.net/computing/javascript/jquery/bogofolders/

In short, it uses two HTML elements: one holds a list of icons/label
(e.g., the "file list") and one holds the content of the currently-
selected entry from the "file list."

It can be considered Beta software. While there are still a number of
significant missing features and a minor bug or two, it basically
works as advertised.

For the full list of known bugs and (potential) TODOs, see the docs in
the uncompressed source file.

It was tested in FF 2.x and Konqueror 3.5.7 (in Konqi, *some* icons
require two clicks to activate them - no idea why).

If anyone out there has MSIE (anyone? anyone? Bueller?), i would love
to know if it works (or not) in IE. Same for Opera and Safari, though
i must admit i honestly don't give much of a hoot if it doesn't work
in those browsers.

:D

Happy hacking!

[jQuery] Disabling jquery.autocomplete.js

[chali]

Hi, I'm using the autocomplete plugin, the one that is modification of
Dylan Verheul's jQuery Autcomplete plug-in.
It's working great but I need to disable it using any function, and I
don't know how to do it.

I've tried with unbind() ?¿ on the field but it's not working :(

Any help?

thanks!

chali

[jQuery] Re: problem with $.ajax()

[Dan G. Switzer, II]

>Hi dan, thaanks for replay.
>i use ff and fire baug: on my pc, i have this data from the first call:
>{"CONFORMATO":1,"COMPLETO":"84,99","TAGLIE":[43,45,47,49,51,53,55,57,59,61]
>}but
>i remember that on the intranet server i get this object prepended by
>coldfusion release, etc: cah be this the problem? and if so, how can i
>solve?regards

Are you saying you're seeing extra data (like a  tag) in the output
on your Intranet? If so, then this definitely causes problems.

My guess is your running the DevNet edition on your Intranet which
automatically places the following HTML into each output stream:



This will definitely prevent AJAX calls from working properly.

This is a frequently discussed issue and lots of information on Google about
the problem:

http://www.google.com/search?&q=cfmx%20devnet%20meta

-Dan

[jQuery] Re: Better way to select parent form?

[Klaus Hartl]

Klaus Hartl wrote:


jarrod wrote:


I'm trying to write a script that responds to a keyup event in any 
field of a
given form. If the form is valid, the submit button of that form is 
enabled.

The problem is that there are several forms on the page. My script has to
enable the right one.

I have a way that works, but it's complicated. Can someone suggest a 
better

way?

The essence is that I first get the "name" attribute of the form with
"this.form.name". Then I use the name in a jQuery selector...

$('[EMAIL PROTECTED]' + formName + '] [EMAIL PROTECTED]')

Here it is with some context...

Bind the keyup function...

$(document).ready(function(){
   $("form :input").keyup(function(){
updateFormEnabled(this.form.name);
});
}

function updateFormEnabled(formName)
{
if (isFormValid(formName))
{
$('[EMAIL PROTECTED]' + formName + ']
[EMAIL PROTECTED]').removeAttr("disabled");
$('[EMAIL PROTECTED]' + formName + ']
[EMAIL PROTECTED]').removeClass('formfielddisabled');
} else {
$('[EMAIL PROTECTED]' + formName + '] [EMAIL PROTECTED]').remove();
$('td#submit_td_' + formName).append("class='ordinaryButton

formfielddisabled' disabled='disabled' name='commit' type='submit'
value='Add user' />");
}
}

The isFormValid(formName) function also uses the same way of finding 
which

form to examine.



This seems a little too complex to me. this.form already is a reference 
to the element you need and you can use that as a context for a search.


$(document).ready(function() {
$("form :input").keyup(function() {
updateFormEnabled(this.form);
});
});

function updateFormEnabled(form) {
var input = $('[EMAIL PROTECTED]', form);
if (isFormValid(form)) {
input.removeAttr('disabled').removeClass('formfielddisabled');
} else {
input.remove();
$('#submit_td_' + form.name).append(...);
}
}

Note that I'm also caching the query in the variable input, instead of 
repeating the statement three times and performing the search twice in 
the if-branch (plus chaining). That should perform a bit better.


Moreover the selector "#id" is slightly faster than "td#id".


--Klaus



Also may I ask why you're removing the input and immediatly add a 
similiar one in the else branch instead of disabling the existing one?


function updateFormEnabled(form) {
var input = $('[EMAIL PROTECTED]', form);
if (isFormValid(form)) {
input.attr('disabled', false).removeClass('formfielddisabled');
} else {
input.attr('disabled', true).addClass('formfielddisabled');
}
}

This could be boiled down further:

function updateFormEnabled(form) {
var input = $('[EMAIL PROTECTED]', form);
var isValid = isFormValid(form);
input.attr('disabled', !isValid)[isValid ? 'removeClass' : 
'addClass']('formfielddisabled');

}

And more :-)

function updateFormEnabled(form) {
var isValid = isFormValid(form);
$('[EMAIL PROTECTED]', form).attr('disabled', !isValid)[isValid ? 
'removeClass' : 'addClass']('formfielddisabled');

}


--Klaus

[jQuery] Re: Better way to select parent form?

[Erik Beeson]

Maybe you want something like:

$thisSubmit = $('#myinput').parents('form').find('[EMAIL PROTECTED]"submit"]');

--Erik

On 7/18/07, jarrod <[EMAIL PROTECTED]> wrote:




Erik Beeson wrote:
>
>
>> $this = $("#myinput");
>> $thisForm = $("form",$this.parent())
>
> I didn't really read the OP, but I think that's the same as:
>
> $thisForm = $('#myinput').parent().find('form');
>
> Or at that point, might as well do:
>
> $thisSubmit = $('#myinput').siblings('[EMAIL PROTECTED]"submit"]');
>
> --Erik
>
>

Very interesting. Thanks a lot for the info.

Maybe what I want is parents() instead of parent() because the form is not
the immediate parent of the inputs, which are inside of table cells.
--
View this message in context: 
http://www.nabble.com/Better-way-to-select-parent-form--tf4107139s15494.html#a11680017
Sent from the JQuery mailing list archive at Nabble.com.

[jQuery] Re: Better way to select parent form?

[Klaus Hartl]

jarrod wrote:


I'm trying to write a script that responds to a keyup event in any field of a
given form. If the form is valid, the submit button of that form is enabled.
The problem is that there are several forms on the page. My script has to
enable the right one.

I have a way that works, but it's complicated. Can someone suggest a better
way?

The essence is that I first get the "name" attribute of the form with
"this.form.name". Then I use the name in a jQuery selector...

$('[EMAIL PROTECTED]' + formName + '] [EMAIL PROTECTED]')

Here it is with some context...

Bind the keyup function...

$(document).ready(function(){
   
$("form :input").keyup(function(){

updateFormEnabled(this.form.name);
});
}

function updateFormEnabled(formName)
{
if (isFormValid(formName))
{
$('[EMAIL PROTECTED]' + formName + ']
[EMAIL PROTECTED]').removeAttr("disabled");
$('[EMAIL PROTECTED]' + formName + ']
[EMAIL PROTECTED]').removeClass('formfielddisabled');
} else {
$('[EMAIL PROTECTED]' + formName + '] [EMAIL PROTECTED]').remove();
$('td#submit_td_' + formName).append("");
}
}

The isFormValid(formName) function also uses the same way of finding which
form to examine.



This seems a little too complex to me. this.form already is a reference 
to the element you need and you can use that as a context for a search.


$(document).ready(function() {
$("form :input").keyup(function() {
updateFormEnabled(this.form);
});
});

function updateFormEnabled(form) {
var input = $('[EMAIL PROTECTED]', form);
if (isFormValid(form)) {
input.removeAttr('disabled').removeClass('formfielddisabled');
} else {
input.remove();
$('#submit_td_' + form.name).append(...);
}
}

Note that I'm also caching the query in the variable input, instead of 
repeating the statement three times and performing the search twice in 
the if-branch (plus chaining). That should perform a bit better.


Moreover the selector "#id" is slightly faster than "td#id".


--Klaus

[jQuery] Re: AJAX download progress

[Jonathan Sharp]

Gordon,

That's really slick!

-js


On 7/18/07, Gordon <[EMAIL PROTECTED]> wrote:



Finally got my net access on my dev machine back.  :)  Here's my
code.

var myTrigger;
var progressElem = $('#progressCounter');
$.ajax ({
   type: 'GET',
   dataType: 'xml',
   url : 'somexmlscript.php' ,
   beforeSend  : function (thisXHR)
   {
   myTrigger = setInterval (function ()
   {
   if (thisXHR.readyState > 2)
   {
   var totalBytes  = 
thisXHR.getResponseHeader('Content-length');
   var dlBytes =
thisXHR.responseText.length;
   (totalBytes > 0)?
   progressElem.html (Math.round((dlBytes / 
totalBytes) * 100) +
"%"):
   progressElem.html (Math.round(dlBytes / 1024) + 
"K");
   }
   }, 200);
   },
   complete: function ()
   {
   clearInterval (myTrigger);
   },
   success : function (response)
   {
   // Process XML
   }
});

It produces the desired results in Firefox 1.5, Safari3/Win and Opera
9.  But Internet Explorer produces no result at all.  It doesn't even
throw an error.  While it's not strictly necessary for there to be a
download progress report I'd personally like to see it used far more
often in AJAX apps than it actually is, and I really want to make this
code 1005 cross-browser.

On Jul 18, 2:59 pm, Gordon <[EMAIL PROTECTED]> wrote:
> Okay, I've got some code now that works well in all the major browsers
> except for IE.  I can't post the code just now but I'll put it up as
> soon as I get proper net access back on the other computer.  Oddly it
> doesn't throw any errors in IE, it simply doesn't produce any
> results.
>
> Gordon wrote:
> > I have been thinking about how to do this all morning.  At first I
> > thought it wouldn't be possible because the XHR object doesn't seem to
> > have a property for the amount of data downloaded.  But I have come up
> > with a possible work around.  I have jotted some pseudocode down and
> > am researching how well this approach might work, but unfortunately
> > something's gone wrong with the firewall at work and my ability to
> > browse and find practical solutions is badly compromised just now.
> > Anyway, here's my pseudocode:
>
> > On (XHR enters stage 3)
> > {
> > Create an interval timer;
> > }
> > On (XHR enters stage 4)
> > {
> > Destroy timer;
> > }
> > On (Timer event)
> > {
> > If (fetching XML)
> > Get ResponseXML length;
> > else
> > Get ResponseText length;
> > If (Content-length header set)
> > return (percent downloaded);
> > else
> > return (bytes downloaded);
> > }
>
> > Gordon wrote:
> > > I am trying to figure out a way of displaying how far along an AJAX
> > > download is.  Assuming I know the size of the file being downloaded
> > > (this will require the server to send a content-length header) then
if
> > > I can check the number of bytes downloaded thus far I should be able
> > > to work out the download progress.
>
> > > So what I need to know, how can you get the value of the content-
> > > length header if it is set, and how can you check the number of
bytes
> > > sent periodically?  I can then display a percentage for the case
where
> > > both are known, or simply a count of downloaded bytes when I don't
> > > know the content length.

[jQuery] Re: Announce: filemanager-like-view plugin (BogoFolders)

[voltron]

It works on IE6, windows. The text is sometimes garbled though.

On Jul 17, 8:36 pm, Stephan Beal <[EMAIL PROTECTED]> wrote:
> Hi, all!
>
> This morning i put together a plugin which provides a basic
> filemanager-like view, called BogoFolders:
>
> http://wanderinghorse.net/computing/javascript/jquery/bogofolders/
>
> In short, it uses two HTML elements: one holds a list of icons/label
> (e.g., the "file list") and one holds the content of the currently-
> selected entry from the "file list."
>
> It can be considered Beta software. While there are still a number of
> significant missing features and a minor bug or two, it basically
> works as advertised.
>
> For the full list of known bugs and (potential) TODOs, see the docs in
> the uncompressed source file.
>
> It was tested in FF 2.x and Konqueror 3.5.7 (in Konqi, *some* icons
> require two clicks to activate them - no idea why).
>
> If anyone out there has MSIE (anyone? anyone? Bueller?), i would love
> to know if it works (or not) in IE. Same for Opera and Safari, though
> i must admit i honestly don't give much of a hoot if it doesn't work
> in those browsers.
>
> :D
>
> Happy hacking!

[jQuery] using tabIndex

[Phil Glatz]

I have some fields that may be generated on the fly via DOM, and want
to set the tab index. This isn't working for me:

  $("#elem2").attr("tabindex", $("#elem1").attr("tabindex") + 1);

What would the correct syntax be to make the tabindex of elem2 to be
that of elem1 + 1?

[jQuery] Re: ANNOUNCE: tablesorter 2.0 beta released!

[Rick Pasotto]

On Wed, Jul 18, 2007 at 03:46:58PM +0200, Christian Bach wrote:
>> Could you please post a 'float' parser to the list? I think there was
>> one in the old tablesorter release, but unfortionatley I've deleted
>
> There is a set of experimental parser available here:
> http://lovepeacenukes.com/tablesorter/2.0/jquery.tablesorter.parsers.js

Exactly what is it that gets passed to a parser and what should it
return?

> I haven't had the time to test them and there of the experimental
> status.
>
> /christian

-- 
I don't need music, lobster or wine.
Whenever your eyes look into mine;
The things I long for are simple and few:
A cup of coffee, a sandwich and you!
Rick Pasotto[EMAIL PROTECTED]http://www.niof.net

[jQuery] Image change on link hover.

[Danjojo]

I have a crude demo working when I hover over a link an image above is
switched out.

How do I best store what image I want the link to swap to?

$(".showPic").hover(function() {
$("#imgLinkAct").attr("src", "images/valve_manifold.jpg");
});

The html:


Linear Actuators
Guided Actuators
Grippers & Escapements

Would I store the img path in the  tags title attribute?

I would like to not hard code it in the jquery/script..

[jQuery] Re: Better way to select parent form?

[jarrod]

Erik Beeson wrote:
> 
> 
>> $this = $("#myinput");
>> $thisForm = $("form",$this.parent())
> 
> I didn't really read the OP, but I think that's the same as:
> 
> $thisForm = $('#myinput').parent().find('form');
> 
> Or at that point, might as well do:
> 
> $thisSubmit = $('#myinput').siblings('[EMAIL PROTECTED]"submit"]');
> 
> --Erik
> 
> 

Very interesting. Thanks a lot for the info.

Maybe what I want is parents() instead of parent() because the form is not
the immediate parent of the inputs, which are inside of table cells.
-- 
View this message in context: 
http://www.nabble.com/Better-way-to-select-parent-form--tf4107139s15494.html#a11680017
Sent from the JQuery mailing list archive at Nabble.com.

[jQuery] Re: hello everyone

[Benjamin Sterling]

Michael,
Welcome to the list!

Your send function looks fine, except I have a few questions:

url: location.href is pointing to the current page, is this supposed to be
the case?

Since your dataType is json, you should not need to use "data =
eval(json);", if you are sending back your data, assuming you are using php,
but the same json structure will work in other languages, you should be able
to do the following:

from serverside:

echo '{somedata:"my data"}';

in javascript:
   success:function(json){
   $('#commentdiv').html('' + json.somedata + '');
   }

Let me know if this make sense.

On 7/18/07, Michael <[EMAIL PROTECTED]> wrote:



im pretty new to jquery and im writing a ajax ready comment box for my
community site. Im very new to javascript but got into frameworks
reading about javascript along the way and i wanted to know if im
going about my send function in the right fashion?

function send(){

var conf = new Array();

var posting  = $('#Post_Comment').html('loading..');



conf['commenttext'] = $.trim($('#commenttext').val());

conf['UserID']  = $('#ID').val()

conf['MediaID'] = $('#MediaID').val();

conf['WriterID']= $('#WriterID').val();

conf['comment_v']   = $('#true').val();





if(conf['commenttext'] == '' || conf['commenttext'] == null){

$('#Post_Comment').html('Post Comment');

$('#status').html('Please
enter
some text');

setTimeout("$('#status').html('')",3000);

return;

}



$.ajax({

type: "POST",

url: location.href,

data: {

"commentsubmit" : conf['comment_v'],

"commenttext" : conf['commenttext'] ,

"MediaID" : conf['MediaID'],

"WriterID": conf['WriterID'],

"ID" : conf['UserID']

  },

success: function(data){

$('#Post_Comment').html('Post Comment');

$.ajax({

   type: "POST",

   datatype: "json",

   url: 'home/getcomments',

   data: {

 "ID" : conf['UserID'],

 "Type" : "Profile"

 },

   success:function(json){
   data = eval(json);

   $('#commentdiv').html('' + data + '');

   }

   });



}});



}





--
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com

[jQuery] Re: Better way to select parent form?

[Erik Beeson]

$this = $("#myinput");
$thisForm = $("form",$this.parent())


I didn't really read the OP, but I think that's the same as:

$thisForm = $('#myinput').parent().find('form');

Or at that point, might as well do:

$thisSubmit = $('#myinput').siblings('[EMAIL PROTECTED]"submit"]');

--Erik

[jQuery] Re: Announce: Confirmer plugin

[Christopher Jordan]

Does disabling the element for 500ms sound like a reasonable solution
to you? i'm not sure that disable makes much sense for non-buttons,
but i think that buttons will make up 90%+ of use cases.



Instead of disabling the element for 500ms just ignore any other clicks on
the element for 500ms. We often do this on elements with an onchange event.
that way if the user changes items in a select too quickly (i.e.
highlighting something in the list and then using their mousewheel) we avoid
hitting the server until the selected item has been "rested on" for half a
second or whatever we decide is the right timing.

I think something like that could work for protecting against double-clicks.

Another idea is to do what AVG does when it does an automatic update, (and
when FF installs an addon). Have the button show a count down and when the
count reaches zero either do the action or enable the button or both.

How about that?

Chris

--
http://cjordan.us

[jQuery] Re: search text, find urls and list

[Karl Swedberg]

On Jul 18, 2007, at 9:27 AM, Hugh Hayes wrote:

I know it's hard to support us cut-and-paste guys, there isn't a  
heck of a lot that we can do for the group / jquery.


Hugh, it's really a pleasure, especially when the cut-and-paste guy  
is as appreciative as you are. :-)


The plug-ins are great, but I'm really a lot more likely to be  
looking at the Cookbook on the FAQ page.  Doing things like the  
script you wrote for me, alternate table row colors, make a footer  
that sticks to the bottom of the viewport no matter how much  
content is on the page, without making syntax errors or extensive  
debugging, that's what I'd find really useful.  My buddies and I  
have looked at the plug-ins a lot, thought they were really cool  
but we're not using them.  We're already both using the script  
we've been working on here.


That's really good feedback. I think that Frequently Asked Questions  
page has been a terrific addition to the site. Also, don't forget to  
check out the Tutorials page: http://docs.jquery.com/Tutorials
It's a nice clearinghouse for tutorials that are hosted on the  
docs.jquery.com site and elsewhere.


Cheers,

--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Jul 18, 2007, at 9:27 AM, Hugh Hayes wrote:


King Karl-

Success!

It ended up being:



/* $("#content a").not("[EMAIL PROTECTED]'mysite.com/']").not 
("[EMAIL PROTECTED]'mailto']").each(function(index) {
  if (index == 0) {
$extLinks = $('
');
  }
  var thisHref = this.href;
  $('
').text(thisHref).appendTo($extLinks);
$extLinks.appendTo("#content");
});
/* ]]> */
});


It was the order of the last three or four lines that needed to be  
changed. I got rid of the mailto's, too.


I know it's hard to support us cut-and-paste guys, there isn't a  
heck of a lot that we can do for the group / jquery.  Since it does  
say designers on the homepage, I can offer an opinion that might help.


The plug-ins are great, but I'm really a lot more likely to be  
looking at the Cookbook on the FAQ page.  Doing things like the  
script you wrote for me, alternate table row colors, make a footer  
that sticks to the bottom of the viewport no matter how much  
content is on the page, without making syntax errors or extensive  
debugging, that's what I'd find really useful.  My buddies and I  
have looked at the plug-ins a lot, thought they were really cool  
but we're not using them.  We're already both using the script  
we've been working on here.


Hope that helps.  Thanks again for your help with this script and  
thanks to all the people that take care of  jquery.


Take care.

Hugh



- Original Message -
From: Karl Swedberg
To: jquery-en@googlegroups.com
Sent: Tuesday, July 17, 2007 12:35 PM
Subject: [jQuery] Re: search text, find urls and list

Hi Hugh,

Ah, yes, looks like you're missing the line with }); that should  
come right before $extLinks.appendTo('#content');

It's needed there to close the .each()

Try copy/pasting this:

http://www.helderberg-bmdc.org/scripts/jquery.js";  
type="text/javascript">


/* $("#content a").not("[EMAIL PROTECTED]'helderberg-bmdc.org/']").each(function 
(index) {
  if (index == 0) {
$extLinks = $('
');
  }
  var thisHref = this.href;
  $('
').text(thisHref).appendTo($extLinks);
});
$extLinks.appendTo("#content");
)};
/* ]]> */



--Karl
_
Karl Swedberg
www.englishrules.com
www.learningjquery.com



On Jul 17, 2007, at 10:37 AM, Hugh Hayes wrote:


Hi Karl-

Thanks.  I really appreciate it.  I've got (I think) syntax  
errors.  The firefox console is telling me "missing } after  
function body \n" - it seems to be the last line of the code and  
no matter what combination of characters I use there.  Here's what  
I've got:


http://www.helderberg-bmdc.org/scripts/jquery.js";  
type="text/javascript">


/* $("#content a").not("[EMAIL PROTECTED]'helderberg-bmdc.org/']").each 
(function(index) {
  if (index == 0) {
$extLinks = $('
');
  }
  var thisHref = this.href;
  $('
').text(thisHref).appendTo($extLinks);
$extLinks.appendTo("#content");
)};
/* ]]> */


I'm serving the files up as xhtml 1.1 with mime-type application/ 
xhtml+xml for the browsers that understand it and text/html (html  
4.01) for the browsers that don't.  The page validates and there's  
no css errors.


Thanks in advance for anyone's hints, tips or fixes.

Take care.

Hugh



- Original Message -
From: Karl Swedberg
To: jquery-en@googlegroups.com
Sent: Monday, July 16, 2007 4:05 PM
Subject: [jQuery] Re: sear