date:20070712



Hi,
you can also write
$.post('test.cgi', params, function(data) { myCallback(data,arg1,...);});

function myCallback()data, arg1,...){...}
if you need to pass arguments, other than data, to callback function

salvatore

- Original Message - 
From: james_027 [EMAIL PROTECTED]

To: jQuery (English) jquery-en@googlegroups.com
Sent: Thursday, July 12, 2007 3:40 AM
Subject: [jQuery] ajax api question




Hi,

I am using $.post() function, I don't understand what is callback
function ...

what is the difference between

$.post('test.cgi', params,
   function(data) {
   alert(data);
   }
);

and

$.post('test.cgi', params, alert(data));

the data being shown is different. and I don't seem to understand what
is the difference in function(data) {alert(data);} from alert(data).
For me function(data) {alert(data);} is just a function taking the
data and just passing it to the alert(). Is function() inside the
$.post something special? where does the data come from? are the data
in the function(data) {alert(data);} and alert(data) different?

Thanks
james

[jQuery] Validation Plugin

2007-07-12 Thread howard chen



abt this plugin: http://bassistance.de/jquery-plugins/jquery-plugin-validation/

several problems:

1. Is it possible to dynamic add INPUT into the current list of checking?

2. Is it possible to user `id` instead of `name`?

3. Is it possible to check for something like name=email[] ?

THanks for any comments.

[jQuery] Re: Draggable Thickbox?

2007-07-12 Thread Michael Price



ricardoe wrote:

Why dont you try a Window widget?
Like the Interface Window
http://interface.eyecon.ro/demos/windows.html


'tis good, I like it, thanks. :)

However, not long after posting (as it always the way) I found jqModal, 
so at the moment I'm trying that out - client seems pleased although 
evidently if the window has a scroll bar then clicking on the scroll bar 
drags the window around the screen too! Will have to try and fix that 
methinks.


Regards,
Michael Price

[jQuery] AW: [jQuery] Re: http://:/ issue?

2007-07-12 Thread Roger Ineichen


Hi Erik

I see it on different pages. Here is one:
http://alpha.z3c.org/

It happens with JQuery packed or full version,
also with version 1.1.3.1. or 1.1.2

I have this issue only with IE7.

Here's a traffic report. See no. 5 after jquery.pack.js:

110:36:42:421  0.234 s  GET 200 7.06 K
  text/html http://alpha.z3c.org/

210:36:42:656  0.172 s  GET 200 10.70 K   
  application/x-javascript  http://alpha.z3c.org/@@/xmlhttp.js

310:36:42:843  0.109 s  GET 200 6.89 K
  application/x-javascript  http://alpha.z3c.org/@@/json.js

410:36:42:968  0.249 s  GET 200 21.04 K   
  application/x-javascript  http://alpha.z3c.org/@@/jquery.pack.js

510:36:43:265  0.000 s  GET 0 
  (None)http://:/

610:36:43:265  0.078 s  GET 200 2.60 K
  application/x-javascript  http://alpha.z3c.org/@@/jsonform.validate.js

710:36:43:343  0.171 s  GET 200 13.13 K   
  application/x-javascript  http://alpha.z3c.org/@@/interface.js

810:36:43:531  0.061 s  GET 200 3.38 K
  application/x-javascript  http://alpha.z3c.org/@@/jquery.livesearch.js

910:36:43:609  0.124 s  GET 200 7.01 K
  application/x-javascript  http://alpha.z3c.org/@@/jquery.corner.js

10   10:36:43:765  0.046 s  GET 200 1.64 K
  application/x-javascript  http://alpha.z3c.org/@@/demo.js

11   10:36:43:828  0.139 s  GET 200 6.33 K
  application/x-javascript  http://alpha.z3c.org/@@/jquery.resteditor.js

12   10:36:43:968  0.063 s  GET 200 1.70 K
  text/css  http://alpha.z3c.org/
... more images

Regards
Roger Ineichen

 -Ursprüngliche Nachricht-
 Von: jquery-en@googlegroups.com 
 [mailto:[EMAIL PROTECTED] Im Auftrag von Erik Beeson
 Gesendet: Donnerstag, 12. Juli 2007 09:50
 An: jquery-en@googlegroups.com
 Betreff: [jQuery] Re: http://:/ issue?
 
 
 When do you see such a thing happening? I'm using firebug to 
 watch all network traffic and I don't see that request, nor 
 do I see any javascript errors that would indicate something 
 isn't right...
 
 --Erik
 
 
 On 7/11/07, Roger Ineichen [EMAIL PROTECTED] wrote:
 
  Hi all
 
  I have on my server and see it on this page too:
  http://dev.iceburg.net/jquery/jqModal/ a problem.
 
  There is a call to http://:/ initialized from the JQuery library.
 
  Any idea what forces JQuery to do this call?
 
  Regards
  Roger Ineichen
  _
  Projekt01 GmbH
  www.projekt01.ch
  _
  END OF MESSAGE

[jQuery] autoHeight Plugin

2007-07-12 Thread Chango


Anyone knows how to do for this to work on Opera?
I have tested on IE, Firefox and works perfect, in Opera don't do the
trick.

The Plugin Site: http://lib.mobius.tw/jquery/myplugin/iframe_autoHeight/api.htm

Cheers!

[jQuery] Re: AW: [jQuery] Re: http://:/ issue?

2007-07-12 Thread Michael Geary


I don't see it happening here. This is the URL list I got using IE7 and
Fiddler2:

http://alpha.z3c.org/
http://alpha.z3c.org/@@/xmlhttp.js
http://alpha.z3c.org/@@/json.js
http://alpha.z3c.org/@@/jquery.pack.js
http://alpha.z3c.org/@@/jsonform.validate.js
http://alpha.z3c.org/@@/interface.js
http://alpha.z3c.org/@@/jquery.livesearch.js
http://alpha.z3c.org/@@/jquery.corner.js
http://alpha.z3c.org/@@/demo.js
http://alpha.z3c.org/@@/jquery.resteditor.js
http://alpha.z3c.org/@@/jsonform.validate.css
http://alpha.z3c.org/@@/div-form.css
http://alpha.z3c.org/@@/demo.css
http://alpha.z3c.org/@@/resteditor.css
http://alpha.z3c.org/@@/jquery.livesearch.css
http://alpha.z3c.org/@@/img/logo.gif
http://alpha.z3c.org/@@/img/beta.gif
http://alpha.z3c.org/@@/fisheye/samples.gif
http://alpha.z3c.org/@@/fisheye/tutorials.gif
http://alpha.z3c.org/@@/fisheye/info.gif
http://alpha.z3c.org/@@/fisheye/contact.gif
http://alpha.z3c.org/@@/fisheye/download.gif
http://alpha.z3c.org/@@/img/search.gif
http://alpha.z3c.org/@@/img/content.gif
http://alpha.z3c.org/@@/img/btnSearch.gif
http://alpha.z3c.org/@@/img/samples.gif
http://alpha.z3c.org/@@/img/background.gif

No funny /:/ in the list. Not sure what that is about or why you're seeing
it. What tool are you using to watch the traffic?

-Mike

 From: Roger Ineichen
 
 I see it on different pages. Here is one:
 http://alpha.z3c.org/
 
 It happens with JQuery packed or full version, also with 
 version 1.1.3.1. or 1.1.2
 
 I have this issue only with IE7.
 
 Here's a traffic report. See no. 5 after jquery.pack.js:
 
 110:36:42:421  0.234 s  GET 200 7.06 K
   text/html http://alpha.z3c.org/
 
 210:36:42:656  0.172 s  GET 200 10.70 K   
   application/x-javascript  http://alpha.z3c.org/@@/xmlhttp.js
 
 310:36:42:843  0.109 s  GET 200 6.89 K
   application/x-javascript  http://alpha.z3c.org/@@/json.js
 
 410:36:42:968  0.249 s  GET 200 21.04 K   
   application/x-javascript  http://alpha.z3c.org/@@/jquery.pack.js
 
 510:36:43:265  0.000 s  GET 0 
   (None)http://:/
 
 610:36:43:265  0.078 s  GET 200 2.60 K
   application/x-javascript  
 http://alpha.z3c.org/@@/jsonform.validate.js
 
 ...

[jQuery] Re: Syntactic sugar for checking whether an element exists


Hi,

 Why? For me the sweetest thing about using jQuery has been it's
 intuitiveness right out of the box. When I started I just looked at some
 initial code samples (fancy API pages weren't around back then or I
 didn't know about them) and then was virtually able to 'guess' the
 jQuery functions I needed.

I usually have looked into the jQUery code when I needed some functionality 
before the docs have become really good now.

 So now I just need to check whether this element
 exists. Hm - exists() produces a fatal error. Let me search the docs:

The question if this element exists does not arise when you remember that a 
jQuery object is a collection of elements. What should exists() return when 
there are five elements in the collection. I know, you whant to have it 
return true then, but that means it should not be called exists(), but 
isNotEmpty(). With that function name you immediatelly will say, what do I 
need a function call, if .lentgh!=0 gives me the same result faster with even 
less typing and equally intuitive.

Now that is in my view one of the very strong parts of jQuery. There is not 
too much fuzz. You usually get what you need in a fast and straight forward 
way. If only more notable libraries in other languages where that efficient.

 Same goes for hasClass() I think.

dito.

div class=myClass.../div
div class=myOtherClass.../div

$('div').hasClass('myClass');

What should this return now?

BTW: I don't really like the function name of is(). I'd more prefer has(), 
because that makes clear, that you whant to know if one of the elements in 
the collection fits to the expression.

Christof

[jQuery] Re: how to fetch data by php page from jQuery

2007-07-12 Thread Rob Desbois


How so?
If I understand correctly, Xinhao wants to create a PHP script which can
provide JSON data when requested. The only method of doing this is by
outputting it.
It is possible to make the script only output if requested by the
XmlHttpRequest object, but this is very easily spoofed, and the response is
sent plaintext over the network anyway.

What he's trying to do is to provide the user with some information, but
without providing the user without that information. A paradox I'm sure
you'll understand!

What's your suggestion ricardoe?

On 7/11/07, ricardoe [EMAIL PROTECTED] wrote:



Is impossible to use the cookies? To achieve what Benjamin wants to
do.
Sorry for my english. Saludos from México.





--
Rob Desbois
Eml: [EMAIL PROTECTED]
Tel: 01452 760631
Mob: 07946 705987
There's a whale there's a whale there's a whale fish he cried, and the
whale was in full view.
...Then ooh welcome. Ahhh. Ooh mug welcome.

[jQuery] Re: Syntactic sugar for checking whether an element exists


Hi,

 However, as you said this library is more then just code, it's art. And
 this is why I'm emphasizing those new functions: They empower the artist

Perfection is achieved, not when there is nothing more to add, but when there 
is nothing left to take away.
 (Antoine de Saint-Exupéry)

Don't try to add paint to the Mona Lisa ;-)

Christof

[jQuery] Re: Syntactic sugar for checking whether an element exists


Hi,

   var element;
   if ( (element=$('#someID')[0]) ) {
 /* element exists */
   } else {
 /* damn... */
   }

I'd prefer

var e
if( (e=$('#someID')).length ) {
 // element Exists
} else {
 // element does not exist
}

Usually you whant to know if an Element exists to create it otherwise, so I 
often have code like this:

if( ! (e=$('#someID').length) ) 
e = $('p id=someIDasdf/p').appendto('#myParent');
e.hide();

Christof

[jQuery] Re: Syntactic sugar for checking whether an element exists


Hi, 

 if( ! (e=$('#someID').length) )
   e = $('p id=someIDasdf/p').appendto('#myParent');
 e.hide();

Oops.

if( ! (e=$('#someID')).length )
e = $('p id=someIDasdf/p').appendto('#myParent');
e.hide();

Just close the parentheses where they should be closed :-)

Christof

[jQuery] AW: [jQuery] Re: AW: [jQuery] Re: http://:/ issue?

2007-07-12 Thread Roger Ineichen


Hi Mike

 Betreff: [jQuery] Re: AW: [jQuery] Re: http://:/ issue?
 
 
 I don't see it happening here. This is the URL list I got 
 using IE7 and
 Fiddler2:

[...]

 No funny /:/ in the list. Not sure what that is about or why 
 you're seeing it. What tool are you using to watch the traffic?

I'm using HTTP Analyzer from:
http://www.ieinspector.com/

The IE 7 really tries to call http://:/ and this ends in
not finish loading the page. It's not only a traffic tool
issue.

I also removed any other JS and CSS and it still happens 
with only jquery.js and no other css or javascript.

It's really bad because the thickbox page shows up without
any layout if this happens.

I also have to say, that I've the multi version IE installed
next to the IE 7. But the IE 7 installation is the original one.
But I don't think that has to do with the issue.

Regards
Roger Ineichen
_
END OF MESSAGE


 -Mike
 
  From: Roger Ineichen
  
  I see it on different pages. Here is one:
  http://alpha.z3c.org/
  
  It happens with JQuery packed or full version, also with version 
  1.1.3.1. or 1.1.2
  
  I have this issue only with IE7.
  
  Here's a traffic report. See no. 5 after jquery.pack.js:
  
  110:36:42:421  0.234 s  GET 200 7.06 K
text/html http://alpha.z3c.org/
  
  210:36:42:656  0.172 s  GET 200 10.70 K   
application/x-javascript  http://alpha.z3c.org/@@/xmlhttp.js
  
  310:36:42:843  0.109 s  GET 200 6.89 K
application/x-javascript  http://alpha.z3c.org/@@/json.js
  
  410:36:42:968  0.249 s  GET 200 21.04 K   
application/x-javascript  http://alpha.z3c.org/@@/jquery.pack.js
  
  510:36:43:265  0.000 s  GET 0 
(None)http://:/
  
  610:36:43:265  0.078 s  GET 200 2.60 K
application/x-javascript
  http://alpha.z3c.org/@@/jsonform.validate.js
  
  ...

[jQuery] Re: Plugin scope for methods and 'this'



Hello again,

I really need to try nail this plugin so I can move on to other things
in the project.  This bit forms an important part of my event system,
and possibly other parts of my application, but i'll also be releasing
this code to the community.

What I've done is, because the Geocoder will only be used in this one
method, I pass the Geocoder to the method, instead of adding it to the
jQuery object - so now that works.  The problem now is that when I try
an locate an address I get the error with the jQuery object:

this[0] has no properties

Now what I am doing is returning the this[0].GMap2 object, which I do
in another method.  If i don't return it, I get no error - but also
nothing happens.

The lastest version of the sourcecode is here:
http://pastebin.ca/615862 and the demo is still at
http://webrocket.ulmb.com/

Thanks



Hi folks,




2) Before, I was creating the geocoder by doing:
var geocoder = new GClientGeocoder();

I then passed this geocoder into the method searchAddress, which
worked fine.  But now I'd like to make the object global by making it
available through this.GGeocoder.  In my code, I have tested it in the
console, and it appears the initial GGeocoder is being initialised,
but when i then try and do an address search, I get the error:
this.GGeocoder has no properties; This is at the first line inside the
searchAddress method.

Now, ANY help on either of these matters would be appreciated.  I've
read over the jQuery plugin docs, and had a look inside a couple of
plugins, but so far nothing has jumped out at me how to fix these
errors.

--
Tane Piper
http://digitalspaghetti.tooum.net

This email is: [ ] blogable [ x ] ask first [ ] private




--
Tane Piper
http://digitalspaghetti.tooum.net

This email is: [ ] blogable [ x ] ask first [ ] private

[jQuery] Best way to use an ajax comment system?

2007-07-12 Thread inVINCable


Hey everyone, I am using the form plugin (great btw) and the .load
function (I need to because i am using cakephp) I was wondering, what
is the best way to go about updating the comments? So far I have just
been updating the whole div that contains all of the comments. I
feel I may be putting too much strain on my server when I do this.
Does anyone have any comments on the best way to do this.

Any advice is GREATLY appreciated.

[jQuery] problem using with jQuery.noConflict();

2007-07-12 Thread Byron


Hi all,

I've started using jquery in  the development of a firefox extension.
it works pretty well, aside from a few effects not working properly
but that i can deal with (only effects i'll want will be toggle, hide
etc...)

anyway to the point.

generally when developing extensions i like to keep all my properties
and functions etc in one global namespace, im not sure if this is the
best approach but its worked pretty well in the past when it comes to
avoiding namespace collisions.

example :

var myObject = {
  config : {
debug : true
  },
  init : function () {..}
} ;

now after a bit of thought, i realised someone else might decide to
use jquery in their extension or use $ for somthing else..  then i
thought No Problem jQuery.noConflict() to the rescue!

so off I went to try it out;

myObject.$ = jQuery.noConflict();

didnt work...

so then i tried some differnt combinations..

myObject.foo = jQuery.noConflict();

myObject.prototype.$ = jQuery.noConflict();

var jBuf = jQuery.noConflict();
myObject.$ = jBuf;

by now i was getting frustrated (as is probably evident in this
post...)
So is there any way to do it like this or will i have to use a
seperate namespace for jquery?

TIA

Byron

[jQuery] Select radio button item

2007-07-12 Thread Oscar esp


I have a radio button group. I would like check an item when a user
click on button. The radio group has 3 items.

I know that I can get the radio button group using:
jQuery(#idRadioButton).click()

However I dont' know how select an item specifically (for exemple
which has value='')

 thanks

[jQuery] Select radio button item

2007-07-12 Thread Oscar esp


I have a radio button group with 4 items, each one has a value
(1,2,3,'').

On click in a button of my form I would like the check the radio
button with '' value.

I supose that I can access to the radio group ussing $(@idRaio) but
then I don't know how can access to the item with value=''

Any idea?

[jQuery] Calling jQuery from within a ThickBox

2007-07-12 Thread GreboGuru


Hi,

I'm guessing that I'm doing something wrong ... I've want to be able
to collpase some DIVs on a form but when the form is in a thickbox it
doesn't work, when it isn't it does.

Any help would be appreciated.

Thanks!

[jQuery] strange behaviour with jquery and forms plugin

2007-07-12 Thread Mark


Hi, I am having this strange behaviour.

I have a div with several forms (9) inside:

div
  form class=xx
input type=file...
  /form

  form class=xx
input type=file...
  /form
.
.
.
/div

en each form I have an input type file component, and the goal is to
upload each file separately to give feedback to the user, and to avoid
problems with server timeout.

So, I do the following to retrieve all forms:
$('.xx')

but in Firfox is skipping the first one, and IE get all forms OK...

later on, in a loop with callbacks, I get each item of the previous
jquery array, and do
$(item).ajaxSubmit(options);

the first item that was unrecognized by firefox but recognized by IE,
lacks of POST data on server side. So, no matter it was on the array,
it can't be used anyway.

Maybe I need to initialize something??

PS: All 9 forms are equal, they are created in an smarty foreach loop.

Thanks in advance
Mark.

[jQuery] Re: Syntactic sugar for checking whether an element exists

2007-07-12 Thread Felix Geisendörfer

Christof: I appreciate your comments. Even more however I would have 
appreciated if you'd have taken into consideration why I made the 
proposal. I didn't do so because I personally need this functionality, 
but because I think both exists() and hasClass() would make the library 
more accessible to newcomers who do not understand the inner workings 
100% perfectly. Now if you are saying that those should be educated 
rather then spoiled then you've got a valid point there. I just think 
that jQuery has gained a lot of it's popularity due to it's 
easy-to-learn factor (besides it's superiority and beauty that is : ) 
and think this could be a good addition to it.
 div class=myClass.../div
 div class=myOtherClass.../div

 $('div').hasClass('myClass');

 What should this return now?
It should return true. That's because $('a').attr('href') returns the 
'href' attribute of the first anchor matched (afaik).

-- Felix
--
My Blog: http://www.thinkingphp.org
My Business: http://www.fg-webdesign.de


Christof Donat wrote:
 Hi,

   
 However, as you said this library is more then just code, it's art. And
 this is why I'm emphasizing those new functions: They empower the artist
 

 Perfection is achieved, not when there is nothing more to add, but when 
 there 
 is nothing left to take away.
  (Antoine de Saint-Exupéry)

 Don't try to add paint to the Mona Lisa ;-)

 Christof

[jQuery] using JSON... and the jQuery book

2007-07-12 Thread GianCarlo Mingati


Hi all.
http://www.gcmingati.net/wordpress/wp-content/uploads/jsonhelicopters.html

Here's what i learned form the book, chapter 6 (Ajax techniques).
I went faster than i expected. The book explains clearly and easily
how to dinamically insert content into a page... wow this is hooking
me as much as my r/c helicopters do.
Now i know i can use xml, json, plain html or even javascript files as
external 'data'. Personally the json methos seems the easier.
In the example my first page EVER with data from a separate json file.
Ciao!
I'm happy, i'm getting into this web2.0 stuff with fun.


GC

[jQuery] Selector Optimisation Question

2007-07-12 Thread NeilM


I have just started to use jQuery in my web development and have a
question concerning optimising element selection.

I find that I create a lot of references to id'd elements:

img id=myImage src=todaysimage.gif width=20 height=20 /

Then, in my JavaScript, I want to obtain a reference to the element.
Now, even though it has an id, I tend to use the full CSS descriptor
as, to me anyway, it makes the code more readable:

$(img#myImage).addClass(border);

My question is, apart from the overhead of some extra characters in
the script (e.g. 'img#'), does this style of specification introduce a
performance overhead internally within jQuery? Would/does jQuery
optimise the element selection process if it just 'sees' a simple id
string starting with a #?

$(#myImage).addClass(border);

Thanks.

[jQuery] Re: Selector Optimisation Question



NeilM wrote:

I have just started to use jQuery in my web development and have a
question concerning optimising element selection.

I find that I create a lot of references to id'd elements:

img id=myImage src=todaysimage.gif width=20 height=20 /

Then, in my JavaScript, I want to obtain a reference to the element.
Now, even though it has an id, I tend to use the full CSS descriptor
as, to me anyway, it makes the code more readable:

$(img#myImage).addClass(border);

My question is, apart from the overhead of some extra characters in
the script (e.g. 'img#'), does this style of specification introduce a
performance overhead internally within jQuery? Would/does jQuery
optimise the element selection process if it just 'sees' a simple id
string starting with a #?

$(#myImage).addClass(border);

Thanks.


Yes, it does slightly. After retrieving the element via 
document.getElementById, jQuery has to perform an additonal check for 
the node name. But that is neliglible maybe.



--Klaus

[jQuery] Strange behavior

2007-07-12 Thread Mario Moura


Hi Folks

I wrote:

$(#fragment-2 .pager .pager-list  a).attr(href, function() {return
this.href + ('#fragment-2')});

When I insert into my Firefox Console and run works fine.

When I tried insert into my pages this Jquery function didnt run. I tried
everything (after Jquery script, after and before php functions etc)

I am reporting this bug to see if somebody can tell me why.


script type=text/javascript
jQuery(document).ready(function() {
   $(#fragment-2 .pager .pager-list  a).attr(href, function()
{return this.href + ('#fragment-2')});
});
/script

Regards

--
Mário Moura

[jQuery] Re: Strange behavior



Hi Mario!

You might try this:

jQuery(document).ready(function() {
 $(#fragment-2 .pager .pager-list  a).each(
   $(this).attr(href, this.href + '#fragment-2');
 );
 // other calls to be fired afterwards
});

untested as usual

-- Marc



Mario Moura schrieb:

Hi Folks

I wrote:

$(#fragment-2 .pager .pager-list  a).attr(href, function() 
{return this.href + ('#fragment-2')});


When I insert into my Firefox Console and run works fine.

When I tried insert into my pages this Jquery function didnt run. I 
tried everything (after Jquery script, after and before php functions etc)


I am reporting this bug to see if somebody can tell me why.


script type=text/javascript
jQuery(document).ready(function() {
$(#fragment-2 .pager .pager-list  a).attr(href, 
function() {return this.href + ('#fragment-2')});

 });
/script

Regards

--
Mário Moura

[jQuery] addClass only works once

2007-07-12 Thread stef


Im using the code below to display / hide form fields depending on
what value is selected from a drop down list (id='category'). the
optional form fields are all hidden by default when DOM is ready,
using

$(document).ready(function() {
$(#dimensions).addClass(hidden)
$(#size).addClass(hidden)
$(#language).addClass(hidden)
$(#inthebox).addClass(hidden)
$(#color).addClass(hidden)

});

when i select games, the p's with id 'dimensions' and 'inthebox'
appear - so far so good. when i then select accessoires,
'dimensions' and 'inthebox' should get hidden by adding the class
'hidden' (.hidden{display:none;}) - but this never works! any ideas
why? firebug shows no errors ...

$(document).ready(function()
{
$(#category).change( function()
{
if ($(#category).val() == games)
{
$(#dimensions).addClass(show)
$(#inthebox).addClass(show)


}

else if ($(#category).val() == accessoires)
{
$(#dimensions).addClass(hidden)
$(#inthebox).addClass(hidden)

}
});
});

[jQuery] Show / hide options based on class

2007-07-12 Thread Michael Price



Hi all,
I've got two select boxes side by side - initially the right hand side 
box has ALL options in it - and the left hand box can be used to filter 
the options displayed.


Probably not the best way to do it (in fact, defintiely - it doesn't 
work in IE) but the left hand list has options whose values correspond 
to class names of the options in the right hand list. When an option in 
the left hand list is selected, all options in the right hand one which 
DON'T have this class are hidden, and all which DO are displayed. Using 
$(option . + className).show() and .hide() works in Firefox but not in IE.


Is there a better approach to this?
--
Regards, Michael Price - [EMAIL PROTECTED]
---
Edward Robertson Ltd.  - 1 Bondgate, Darlington, DL3 7JA
Direct: 01325 245077   - http://www.edwardrobertson.co.uk
Office: 01325 489333   - http://www.internetwebsitedesign.co.uk
---
Registered Address:
1 Bondgate, Darlington, County Durham, DL3 7JA, UK
Registration Number: 3931089 - Company registered in England
---
This electronic message transmission contains information from
Edward Robertson Limited that may be proprietary, confidential
and/or privileged. The information is intended only for the use
of the individual(s) or entity named above. If you are not the
intended recipient, be aware that any disclosure, copying,
distribution or use of the contents of this information is
prohibited. If you have received this electronic transmission
in error, please notify the sender immediately by replying to
the address listed in the From: field.

[jQuery] Re: Select radio button item



Hi Oscar:

Try this:

$( 'form input:[EMAIL PROTECTED]'nameOfYourRadios'[EMAIL PROTECTED]''] )

untested as usual


-- Marc




Oscar esp schrieb:

I have a radio button group with 4 items, each one has a value
(1,2,3,'').

On click in a button of my form I would like the check the radio
button with '' value.

I supose that I can access to the radio group ussing $(@idRaio) but
then I don't know how can access to the item with value=''

Any idea?

[jQuery] Re: Calling jQuery from within a ThickBox



GreboGuru schrieb:

Hi,

I'm guessing that I'm doing something wrong ... I've want to be able
to collpase some DIVs on a form but when the form is in a thickbox it
doesn't work, when it isn't it does.

Any help would be appreciated.

Thanks!

  


Hi,

I#m not exactly sure, but isn't an iframe used to display the thickbox? 
If so, than any script executing within the iframe might have the wrong 
context:


instead of:

$('div')

try something like this:

$('div', parent)


untested

[jQuery] Re: Select radio button item



I had a typo:

$( form input:[EMAIL PROTECTED]'nameOfYourRadios'[EMAIL PROTECTED]''] )




Marc Jansen schrieb:


Hi Oscar:

Try this:

$( 'form input:[EMAIL PROTECTED]'nameOfYourRadios'[EMAIL PROTECTED]''] )

untested as usual


-- Marc




Oscar esp schrieb:

I have a radio button group with 4 items, each one has a value
(1,2,3,'').

On click in a button of my form I would like the check the radio
button with '' value.

I supose that I can access to the radio group ussing $(@idRaio) but
then I don't know how can access to the item with value=''

Any idea?

[jQuery] Re: Best way to use an ajax comment system?



inVINCable schrieb:

Hey everyone, I am using the form plugin (great btw) and the .load
function (I need to because i am using cakephp) I was wondering, what
is the best way to go about updating the comments? So far I have just
been updating the whole div that contains all of the comments. I
feel I may be putting too much strain on my server when I do this.
Does anyone have any comments on the best way to do this.

Any advice is GREATLY appreciated.

  


Hi,

you might add server side logic to simply return the HTML for the new 
comment and -- using append -- add it to an appropriate place. this 
could look like this:


$('#commentaryform').bind('submit', function() {
 $.post( 'serversidelogic.php', theSerializedDataFromTheForm, function( 
returnedFragmentHTML ) {

   $('div#comments').append( returnedFragmentHTML );
 });
});

untested

[jQuery] Re: addClass only works once



Hi stef,

Maybe you should explicitly removing the class 'show' before asdding the 
class hidden:


$(#dimensions).removeClass(show).addClass(hidden)


-- Marc


stef schrieb:

Im using the code below to display / hide form fields depending on
what value is selected from a drop down list (id='category'). the
optional form fields are all hidden by default when DOM is ready,
using

$(document).ready(function() {
$(#dimensions).addClass(hidden)
$(#size).addClass(hidden)
$(#language).addClass(hidden)
$(#inthebox).addClass(hidden)
$(#color).addClass(hidden)

});

when i select games, the p's with id 'dimensions' and 'inthebox'
appear - so far so good. when i then select accessoires,
'dimensions' and 'inthebox' should get hidden by adding the class
'hidden' (.hidden{display:none;}) - but this never works! any ideas
why? firebug shows no errors ...

$(document).ready(function()
{
$(#category).change( function()
{
if ($(#category).val() == games)
{
$(#dimensions).addClass(show)
$(#inthebox).addClass(show)


}

else if ($(#category).val() == accessoires)
{
$(#dimensions).addClass(hidden)
$(#inthebox).addClass(hidden)

}
});
});

[jQuery] Re: addClass only works once



stef wrote:

Im using the code below to display / hide form fields depending on
what value is selected from a drop down list (id='category'). the
optional form fields are all hidden by default when DOM is ready,
using

$(document).ready(function() {
$(#dimensions).addClass(hidden)
$(#size).addClass(hidden)
$(#language).addClass(hidden)
$(#inthebox).addClass(hidden)
$(#color).addClass(hidden)

});

when i select games, the p's with id 'dimensions' and 'inthebox'
appear - so far so good. when i then select accessoires,
'dimensions' and 'inthebox' should get hidden by adding the class
'hidden' (.hidden{display:none;}) - but this never works! any ideas
why? firebug shows no errors ...

$(document).ready(function()
{
$(#category).change( function()
{
if ($(#category).val() == games)
{
$(#dimensions).addClass(show)
$(#inthebox).addClass(show)


}

else if ($(#category).val() == accessoires)
{
$(#dimensions).addClass(hidden)
$(#inthebox).addClass(hidden)

}
});
});



Stef, maybe that is because the class show overrules hidden. You 
need to remove show before adding hidden.


$(#dimensions).removeClass(show).addClass(hidden);

etc.

A few more things to improve performance and code size: You should also 
group your selectors, like:


$(#dimensions, #size, #language, #inthebox, #color).addClass(hidden);

$(#dimensions, #inthebox).addClass(show);

Inside the change handler you don't need to query $(#category) again, 
you can access it via this:


$(#category).change(function() {
var value = this.value;
if (value == games) {
...
} else if (value == accessoires) {
...
}
});


--Klaus

[jQuery] Re: Show / hide options based on class



Michael Price schrieb:


Hi all,
I've got two select boxes side by side - initially the right hand side 
box has ALL options in it - and the left hand box can be used to 
filter the options displayed.


Probably not the best way to do it (in fact, defintiely - it doesn't 
work in IE) but the left hand list has options whose values correspond 
to class names of the options in the right hand list. When an option 
in the left hand list is selected, all options in the right hand one 
which DON'T have this class are hidden, and all which DO are 
displayed. Using $(option . + className).show() and .hide() works in 
Firefox but not in IE.


Is there a better approach to this?



perhaps ypou should use the remove()-method instead of hiding them. when 
you do this you should be storing all possible options of the right 
selectlist prior to removing as otherwise you won't be able to fill the 
list again if the  the selected option on the left changes...


something like this:

var $possibleOptsRight;

$( document ).ready(function() {
 $possibleOptsRight = $('#rightselectlist option');
 $( '#leftselectlist' ).bind('change', function() {
   $('#rightselectlist')
 .children().remove().end()
 .append( $possibleOptsRight ).children()
 .not('.' + $(this).val() ).hide();
 });
});

surely untested ;-)

[jQuery] Autocomplete Plugin Issue With IE6

2007-07-12 Thread Jeff Fleitz


I am using Jörn's Autocomplete alpha plugin (not from the svn
repository) along with  jquery 1.1.3.1 and am having some problems in
IE6 related to selected options from the drop downs.  The autocomplete
control works fine if I use the down arrow to navigate to a choice.
However, if I use the mouse, I am seeing erratic behavior, where IE6
triggers and the error Object Required with the line number.
Sometimes this happens just mousing over the selection and sometimes
it happens when selecting (double-clicking) an option.  This behavior
does not show up in Firefox or IE7.  Unfortunately 98% of the users of
this app will be IE6.

I also see this behavior (albeit less frequently) on the plugin sample
page on Jörn's site.

So, for all you gurus out there, how do you track down this type of
issue in IE6?  Since Firebug doesn't report an error, that doesn't
help.  Do you use other http proxies like Fiddler?

Any help appreciated.

Regards,

Jeff

[jQuery] href attribute discrepancies: is this a bug?

2007-07-12 Thread Stephan Beal


Hi, all!

i noticed the following today (jQ v1.1.3.1):

var lbl = jQuery(a href='#foo'/);
alert( lbl.attr('href') ); // == #foo
alert( lbl[0].href ); // == http://my.site/path/#foo;

My questions are:

a) What is the reason (if any) for this discrepancy?

b) Is this a jQ bug?

i would expect .attr('href') to return the same thing as elem.href.

???

[jQuery] Re: addClass only works once

2007-07-12 Thread Stephan Beal


On Jul 12, 2:15 pm, stef [EMAIL PROTECTED] wrote:
 else if ($(#category).val() == accessoires)

Are you sure that's correct? accessories is spelled wrong. i can't
see if it's also misspelled in your code, so i can't judge if that's
the problem or not.

i am, coincidentally, using add/removeClass() right this minute for a
tabbed interface and they do function as advertised.

[jQuery] Re: Select radio button item

2007-07-12 Thread Eric Greene

Hi, what does the @value='']  part of it do?

Thanks!

On 7/12/07, Marc Jansen [EMAIL PROTECTED] wrote:


 Hi Oscar:

 Try this:

 $( 'form input:[EMAIL PROTECTED]'nameOfYourRadios'[EMAIL PROTECTED]''] )

 untested as usual


 -- Marc




 Oscar esp schrieb:
  I have a radio button group with 4 items, each one has a value
  (1,2,3,'').
 
  On click in a button of my form I would like the check the radio
  button with '' value.
 
  I supose that I can access to the radio group ussing $(@idRaio) but
  then I don't know how can access to the item with value=''
 
  Any idea?
 
 




-- 
The Dog That Did Not Bark
http://www.whatreallyhappened.com/9-11secretservice.html

[jQuery] test



excuse for this test

[jQuery] Re: .click() fails in 1.1.3 (work in 1.1.2)



That's correct - jQuery no longer interacts with events that are bound
using old event handlers. Although, this could probably be resolved.

Could you file a bug on this in the bug tracker?
http://dev.jquery.com/

--John

On 7/12/07, Bin [EMAIL PROTECTED] wrote:


script src=http://jqueryjs.googlecode.com/files/jquery-1.1.3.1.js;/
script


a href=# onclick=alert('Hello');Hello/a

script
$(a).click();
/script

this page will automaticly show alert window under 1.1.2, but not in
1.1.3.1

[jQuery] Re: Select radio button item

2007-07-12 Thread dswitzer


Oscar,

I have a radio button group with 4 items, each one has a value
(1,2,3,'').

On click in a button of my form I would like the check the radio
button with '' value.

I supose that I can access to the radio group ussing $(@idRaio) but
then I don't know how can access to the item with value=''

Any idea?

You can use my Field Plug-in:
http://jquery.com/plugins/project/field

It will allow you to do:
$([EMAIL PROTECTED]'nameOfRadioButtons']).setValue();

-Dan

[jQuery] problem with each() function



Hi,
i've a table in which there are a number of cells, of class myCl: these 
cells are not in all rows; in each of these cells i have one select and one 
input ;
i would retreive for each myCl-classed td the value of the first element, 
then i think to write:


$(td.myCl).each(function(i){this.children().eq(0).val()});

but i've an error: this.children is not a function.

What is my mystake?
regards

salvatore

[jQuery] Re: problem with each() function

2007-07-12 Thread Jake McGraw


You have to wrap this with the jQuery $() object:

$(this).children.eq(0)...

- jake

On 7/12/07, Salvatore FUSTO [EMAIL PROTECTED] wrote:



Hi,
i've a table in which there are a number of cells, of class myCl: these
cells are not in all rows; in each of these cells i have one select and
one
input ;
i would retreive for each myCl-classed td the value of the first element,
then i think to write:

$(td.myCl).each(function(i){this.children().eq(0).val()});

but i've an error: this.children is not a function.

What is my mystake?
regards

salvatore

[jQuery] Re: problem using with jQuery.noConflict();



You'll have to use a separate namespace - jQuery, internally, expects
the 'this' object to refer to itself - and if it's within the context
of another object, it'll probably get confused. (I've never tried this
personally.)

That being said, I like that idea, and it would be cool if jQuery
could do that. If you'd like, you can file a ticket and I can look
into it.
http://dev.jquery.com/

Thanks!

--John

On 7/11/07, Byron [EMAIL PROTECTED] wrote:


Hi all,

I've started using jquery in  the development of a firefox extension.
it works pretty well, aside from a few effects not working properly
but that i can deal with (only effects i'll want will be toggle, hide
etc...)

anyway to the point.

generally when developing extensions i like to keep all my properties
and functions etc in one global namespace, im not sure if this is the
best approach but its worked pretty well in the past when it comes to
avoiding namespace collisions.

example :

var myObject = {
  config : {
debug : true
  },
  init : function () {..}
} ;

now after a bit of thought, i realised someone else might decide to
use jquery in their extension or use $ for somthing else..  then i
thought No Problem jQuery.noConflict() to the rescue!

so off I went to try it out;

myObject.$ = jQuery.noConflict();

didnt work...

so then i tried some differnt combinations..

myObject.foo = jQuery.noConflict();

myObject.prototype.$ = jQuery.noConflict();

var jBuf = jQuery.noConflict();
myObject.$ = jBuf;

by now i was getting frustrated (as is probably evident in this
post...)
So is there any way to do it like this or will i have to use a
seperate namespace for jquery?

TIA

Byron

[jQuery] Re: Syntactic sugar for checking whether an element exists


Hi,

 Christof: I appreciate your comments. Even more however I would have
 appreciated if you'd have taken into consideration why I made the
 proposal.

I did do so, but I think it doesn't help to have functions which have 
semantically irritating names. If a function is called exists(), that 
indicates, that the function is operating on one or no element, not a 
collection (the same problem as with is()). That will make the way to learn 
jQuery even harder because people don't understand what they are working 
with.

If you are working with a saw, then break() is a senseless operation even when 
it is often successfully used on flintstones. If people expect the saw to be 
used like a flintstone, they will fail, even if the saw has an operation 
break() that tries to guess what a flintstone user is trying to do. It is 
better to educate flintstone users how to use a saw and what can be done with 
it.

 I just think 
 that jQuery has gained a lot of it's popularity due to it's
 easy-to-learn factor (besides it's superiority and beauty that is : )
 and think this could be a good addition to it.

Well, I have not started using jQuery because it is easy to learn, but because 
it solved some problems for me. I quickly learned that my code can be more 
elegand and slim when I invested my time to find the best ways of using 
jQuery.

  div class=myClass.../div
  div class=myOtherClass.../div
 
  $('div').hasClass('myClass');
 
  What should this return now?

 It should return true. That's because $('a').attr('href') returns the
 'href' attribute of the first anchor matched (afaik).

Well, is() returns if there is one element in the collection that fits to the 
selector. As we see, the semantics is unclear here. I am not really happy 
with functions like attr() as well. They could also return an array with all 
values of this attribute in the collection. Then $('a').attr('href')[0] would 
be the same as the current attr() function.

Another thing I dislike about attr() is that attr('name','value') operates on 
all Elements of the collection while attr('name') doesn't. I think that is 
irritating.

To make that complete I also think, that is() should better return an array of 
boolean values that indicate for every element in the jQuery object if it 
fits to the selector. If only one of then is sufficient, then I'd call that 
function e.g. has():

$.fn.has = function(s) {
var r = false;
$.each(this.is(s),function(i,n) {
r |= n;
});
return r;
};

Christof

[jQuery] Field Plug-in Update - New $.limitSelection() and $.createCheckboxRange() functions

2007-07-12 Thread Dan G. Switzer, II


I've updated my Field Plug-in:
http://jquery.com/plugins/project/field

I've fixed an issue with the $.formHash() method and added the following:

$(input:checkbox).limitSelection(3, errorCallback, successCallback);

Limits the user from being able to select more than 3 items in a
checkbox/select element. If 3 items or less are selected, the
successCallback is executed. If more than 3 items is selected, the
errorCallback is executed.

The limitSelection() was inspired by a recent post on this board. It works
with checkbox and select elements (although the select implementation is far
from perfect.)


$(input:checkbox).createCheckboxRange();

The createCheckboxRange() allows you to create a Gmail-like checkbox range
selector. By clicking on a checkbox element and then [SHIFT] clicking on an
additional checkbox element, the entire range of checkbox elements between
the first and second elements clicked with be checked or unchecked (based
upon the status of the first checkbox clicked.)

-Dan

[jQuery] Re: Calling jQuery from within a ThickBox

2007-07-12 Thread GreboGuru



Hi

Thanks for your response ... tried your suggestion but it didn't make
any difference  but that got me thinkin, and .

Thick box takes a copy of my hidden DIV and displays it accordingly,
but this means that the ids of the DIV contents are duplicated. So my
event handler was acting on the hidden DIV and not the visible copy.
To get around this I just qualified the visible DIV with the ID of the
thickbox container ie.TB_ajaxContent.  Also had to add an inline
version of the handler as the TB_ajaxContent container doesn't exist
at page load.


form
div id=hiddenContent style=display:none;
fieldset
legend id=pcontenttoggle 
name=pcontenttoggle onclick=$
('#TB_ajaxContent #pcontent').slideToggle('fast'); Title 1/legend
div id=pcontent name=pcontent
input name='chk1' 
type=checkbox id=chk1 /br/
input name='chk2' 
type=checkbox id=chk2 /br/
input name='chk3' 
type=checkbox id=chk3 /br/
/div
/fieldset
/div
div id=visibleContent
  blah blah blah
/div
/form

If there is a better way do to this then let me know.

Thanks!

[jQuery] Interface: Draggable table row in IE

2007-07-12 Thread JeffR



Hey everyone.  Over the past couple of days, I've discovered the magic of
jQuery and am in love!  However, here's my situation.  I'm basing a project
on the Folder tree demo on the Interface website.  What I need is to take
a row out of a table and categorize it by dropping it in a folder.  Easy
enough, I've got it all working wonderfully in Firefox.  The problem is, I
haven't been able to convert everyone else to the 'fox, so for now I'm stuck
with supporting Firefox  IE.  I can take the row out of the table and drop
it into the folder tree, but the row isn't visible during drag, so the user
isn't sure if they actually grabbed the row or are just dragging air.  This
appears to be limited to just the table row element, and is definitely
limited to just IE (using v7, assuming others as well). 

So, basically what I'm looking for is some way to either make the TR visible
during the drag, or at least show a representative value of the row.  Any
hints?  Thanks!

-Jeff R
-- 
View this message in context: 
http://www.nabble.com/Interface%3A-Draggable-table-row-in-IE-tf4064834s15494.html#a11549571
Sent from the JQuery mailing list archive at Nabble.com.

[jQuery] fadeOut in IE7 /Opera doesn't happen?

2007-07-12 Thread [EMAIL PROTECTED]


I am trying to do an AJAX function that will let someone delete an
item in a directory (table) of items. Here is my jquery code:

function destroyMe(newsID) {
var thisData = newsID= + newsID;
var thisTR = tr# + newsID + newsID;

$.ajax({
  type: GET,
  url: index.cfm?mode=testonly.deleteDo,
  data: thisData,
  success: function(domRemove){

$(thisTR).fadeOut(slow,function(){

$(thisTR).remove(thisTR);
});
}
});




}

Works as intended in Firefox 2.0, but in IE7, the effect itself
doesn't happen (either explicit speed or milliseconds) it just removes
the tr. In Opera, clicking Delete causes the browser to hang.

Any suggestions?

[jQuery] Re: addClass only works once

2007-07-12 Thread stef


accessories was spelt wrongly indeed but not the cause of the problem.
first two replies corrected the issue. thanks alot guys!

On Jul 12, 2:36 pm, Stephan Beal [EMAIL PROTECTED] wrote:
 On Jul 12, 2:15 pm, stef [EMAIL PROTECTED] wrote:

  else if ($(#category).val() == accessoires)

 Are you sure that's correct? accessories is spelled wrong. i can't
 see if it's also misspelled in your code, so i can't judge if that's
 the problem or not.

 i am, coincidentally, using add/removeClass() right this minute for a
 tabbed interface and they do function as advertised.

[jQuery] Re: Load Google Analytics from jQuery

2007-07-12 Thread Skullman


Hey! That was pretty neat!

I will try your code and tell you if it works... Thanks a lot
polyrhythmic!!!

On 6 jul, 21:37, polyrhythmic [EMAIL PROTECTED] wrote:
 Found what I was looking for...
 //forget this code:
 -  $(#ga).after('script type=text/javascript_uacct =
 UA-2158413-2; urchinTracker();/script')
 //add this code:
 +   var s2 = document.createElement(script);
 +   s2.type = text/javascript;
 +   s2.text = '_uacct = UA-2158413-2; urchinTracker();';
 +   $(body).append(s2);

 Should work in IE  FF, let me know how it goes.

 Charles

 On Jul 6, 11:57 am, polyrhythmic [EMAIL PROTECTED] wrote:



  I'm not sure that appending the script tag as text forces the
  browser to parse and run the script as you would like.   All examples
  (http://cain.supersized.org/archives/2-Dynamic-loading-of-external-Jav...
  ,http://ajaxpatterns.org/On-Demand_Javascript,http://blogs.sun.com/ins...)
  use 'proper' DOM element creation, for example:

  $( function() {
var s = document.createElement(script);
s.id = ga;
s.src = http://www.google-analytics.com/urchin.js;;
s.type = text/javascript;
$(#footer).after(s);
$(#ga).after('script type=text/javascript_uacct =
  UA-2158413-2; urchinTracker();/script')

  });

  Note that document.ready is unnecessary in jQuery, all jQuery needs is
  $( function() {...}); .  Also, referencing elements is fastest by id,
  there is no need for div#id - it is actually slower!, simply $(#id)
  will do.   Consider also $(body).append(s) instead, to add the
  script as the absolute last element before the closing /body tag.

  Charles Phillips

  On Jul 5, 10:06 am, Skullman [EMAIL PROTECTED] wrote:

   Hello!

   I guess if any of you have tried to load Google Analytics from JQuery.
   What I want to do is as simple as this:

   My original footer:
    footer.php 
   div id=footersomething/div

   /body
   /html
    /footer.php 

   Instead of put the Google Analytics on the footer, I want to include
   the coce before DOM is loaded:
    header.php 
   [...]
   script type=text/javascript src=/media/js/jquery.js/script
   script type=text/javascript
   $(document).ready(function(){
   // analytics code (end of page)
   $('div#footer').after(\n\nscript src='http://www.google-
   analytics.com/urchin.js' type='text/javascript'/script\n +

   script type='text/javascript'\n +

   \t_uacct = 'UA-2158413-2'\n +

   \turchinTracker();\n +
/
   script);

   });/script

    header.php 

   That way, when the DOM is loaded, my footer should look like this:
    mywebsite  
   [...]
   div id=footersomething/div

   script style=display: none; src=http://www.google-analytics.com/
   urchin.js type=text/javascript/script
   script type=text/javascript
   _uacct = 'UA-2158413-2'
   urchinTracker();
   /script

   /body
   /html
    /mywebsite 

   I have tried, but google doesn't seem to understand that the JS it's
   been loaded, even it's not on the page.

   Thanks for reading!!

   Skullman- Ocultar texto de la cita -

 - Mostrar texto de la cita -

[jQuery] interface: sort dynamic lists

2007-07-12 Thread carlos


Hi,

I have an empty list which the user can add items to. Because it's
built by the user after the page loads, interface sortables won't work
on this list.

is this possible with interface?

thanks,
carlos

[jQuery] Help with Superfish drop down menu

2007-07-12 Thread fr0sty


Hello,

Im trying to add an extra (third) level to the example that's posted
here
http://users.tpg.com.au/j_birch/plugins/superfish/
I have my own edited example on http://www.onbereikbaar.nl/menu i've
added an extra level to the menu, but it shows rightaway, can anyone
tell me what i need to change in the css file so this will work?

Tnx Arjan

[jQuery] jQuery in Action

2007-07-12 Thread Scott Sauyet



Who's doing the Manning jQuery in Action book?  I've just been asked 
to do a technical review.


  -- Scott

[jQuery] Re: jQuery in Action



Umm - I have no idea! Yehuda has been working on jQuery Quickly - is
this book different from that one?

--John

On 7/12/07, Scott Sauyet [EMAIL PROTECTED] wrote:


Who's doing the Manning jQuery in Action book?  I've just been asked
to do a technical review.

   -- Scott

[jQuery] Re: Help with Superfish drop down menu

2007-07-12 Thread Joel Birch



Hi Arjan,

You probably need to add the new level to the hover override  
declaration. So change this CSS:


/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
top:-999em;
}

... to this:

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {   /* -- added new level of menu here */
top:-999em;
}

Let me know if it doesn't work.

Joel Birch.



On 13/07/2007, at 12:02 AM, fr0sty wrote:



Hello,

Im trying to add an extra (third) level to the example that's posted
here
http://users.tpg.com.au/j_birch/plugins/superfish/
I have my own edited example on http://www.onbereikbaar.nl/menu i've
added an extra level to the menu, but it shows rightaway, can anyone
tell me what i need to change in the css file so this will work?

Tnx Arjan

[jQuery] Re: jQuery in Action

2007-07-12 Thread Glen Lipka


Im working with Manning, but not in Action.

Glen

On 7/12/07, Scott Sauyet [EMAIL PROTECTED] wrote:



Who's doing the Manning jQuery in Action book?  I've just been asked
to do a technical review.

   -- Scott

[jQuery] Re: .click() fails in 1.1.3 (work in 1.1.2)

2007-07-12 Thread Sam Collett


I didn't expect it to be changed in a 1.1.x release (as it is a
significant change), so maybe 1.1.2 is a safer bet for many, until
1.1.4 (will be fixed then?).

So perhaps from now on it would be better to do $(a).bind(click,
clickFn) to bind and $(a).trigger(click) to click? bind and
trigger are staying for the foreseeable future though aren't they?

On Jul 12, 2:34 pm, John Resig [EMAIL PROTECTED] wrote:
 That's correct - jQuery no longer interacts with events that are bound
 using old event handlers. Although, this could probably be resolved.

 Could you file a bug on this in the bug tracker?http://dev.jquery.com/

 --John

 On 7/12/07, Bin [EMAIL PROTECTED] wrote:



  script src=http://jqueryjs.googlecode.com/files/jquery-1.1.3.1.js;/
  script

  a href=# onclick=alert('Hello');Hello/a

  script
  $(a).click();
  /script

  this page will automaticly show alert window under 1.1.2, but not in
  1.1.3.1

[jQuery] Re: slightly OT: tiny webdesign utility

Stephan Beal wrote:

Hi, all!

i wanted to pass along a trivial utility which i find indispensable in
my day-to-day web work. It's 100% cross-platform and doesn't require
any special know-how to use. i call it a PNG Image.

Here's how it works...

Grab this image:

http://wanderinghorse.net/computing/webdesign/1600x1200-screen-sizes.png
(16k)

Note that it is 1600x1200 pixels (the size of my screen resolution)
and within it are several boxes, each one the exact size of a common
screen resolution (e.g. 1024x768, 800x600, and 1440x960).

That image is actually my desktop wallpaper. When i wonder will this
web page look okay at 1024x768? i don't change screen resolutions, i
simply resize my browser window to match the appropriate box drawn on
the wallpaper. Viola! Instant screen resolution simulation! (Except
that it doesn't account for the taskbar which appears in most
desktops, and doesn't accommodate the potentially different font sizes
you might get when switching resolutions. The former problem can be
solved by drawing the bounding boxes a bit smaller.)

If you are running a Unix-like environment and use either KDE or
GNOME, you can set up different wallpaper images for each of your
desktops, which means you can set this one up on an unused desktop and
keep your normal wallpaper(s) on your other desktop(s).

Of course, if you're not using 1600x1200 resolution, you can use this
same idea to create a wallpaper suitable to your desktop.

Have fun!

I used to use something similiar, but nowadays I'm using the web
developer toolbars for resizing my windows...:

http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038displaylang=en
https://addons.mozilla.org/de/firefox/addon/60
http://operawiki.info/WebDevToolbar

Thanks nonetheless!

--Klaus

[jQuery] Re: addClass only works once

2007-07-12 Thread Sam Collett


Have you tried using .hide() and .show() instead of addClass? Less
code (both JavaScript and CSS). Unless the class 'show' has more than
just display: inline?

On Jul 12, 1:15 pm, stef [EMAIL PROTECTED] wrote:
 Im using the code below to display / hide form fields depending on
 what value is selected from a drop down list (id='category'). the
 optional form fields are all hidden by default when DOM is ready,
 using

 $(document).ready(function() {
 $(#dimensions).addClass(hidden)
 $(#size).addClass(hidden)
 $(#language).addClass(hidden)
 $(#inthebox).addClass(hidden)
 $(#color).addClass(hidden)

 });

 when i select games, the p's with id 'dimensions' and 'inthebox'
 appear - so far so good. when i then select accessoires,
 'dimensions' and 'inthebox' should get hidden by adding the class
 'hidden' (.hidden{display:none;}) - but this never works! any ideas
 why? firebug shows no errors ...

 $(document).ready(function()
 {
 $(#category).change( function()
 {
 if ($(#category).val() == games)
 {
 $(#dimensions).addClass(show)
 $(#inthebox).addClass(show)

 }

 else if ($(#category).val() == accessoires)
 {
 $(#dimensions).addClass(hidden)
 $(#inthebox).addClass(hidden)

 }
 });

 });

[jQuery] Re: .click() fails in 1.1.3 (work in 1.1.2)



Yes, they're not going anywhere.

This change came about with the overhauled event system - all of the
changes of which were in 1.1.3a (which we asked everyone to help
test). Obviously this one got through.

--John

On 7/12/07, Sam Collett [EMAIL PROTECTED] wrote:


I didn't expect it to be changed in a 1.1.x release (as it is a
significant change), so maybe 1.1.2 is a safer bet for many, until
1.1.4 (will be fixed then?).

So perhaps from now on it would be better to do $(a).bind(click,
clickFn) to bind and $(a).trigger(click) to click? bind and
trigger are staying for the foreseeable future though aren't they?

On Jul 12, 2:34 pm, John Resig [EMAIL PROTECTED] wrote:
 That's correct - jQuery no longer interacts with events that are bound
 using old event handlers. Although, this could probably be resolved.

 Could you file a bug on this in the bug tracker?http://dev.jquery.com/

 --John

 On 7/12/07, Bin [EMAIL PROTECTED] wrote:



  script src=http://jqueryjs.googlecode.com/files/jquery-1.1.3.1.js;/
  script

  a href=# onclick=alert('Hello');Hello/a

  script
  $(a).click();
  /script

  this page will automaticly show alert window under 1.1.2, but not in
  1.1.3.1

[jQuery] Re: addClass only works once

2007-07-12 Thread stef


will the line below work even if there is no class hidden to remove
- will the addClass part still work? Im thinking it wont ...

$(#dimensions,#inthebox).removeClass(hidden).addClass(show)

On Jul 12, 4:43 pm, stef [EMAIL PROTECTED] wrote:
 accessories was spelt wrongly indeed but not the cause of the problem.
 first two replies corrected the issue. thanks alot guys!

 On Jul 12, 2:36 pm, Stephan Beal [EMAIL PROTECTED] wrote:

  On Jul 12, 2:15 pm, stef [EMAIL PROTECTED] wrote:

   else if ($(#category).val() == accessoires)

  Are you sure that's correct? accessories is spelled wrong. i can't
  see if it's also misspelled in your code, so i can't judge if that's
  the problem or not.

  i am, coincidentally, using add/removeClass() right this minute for a
  tabbed interface and they do function as advertised.

[jQuery] Re: addClass only works once



stef wrote:

will the line below work even if there is no class hidden to remove
- will the addClass part still work? Im thinking it wont ...

$(#dimensions,#inthebox).removeClass(hidden).addClass(show)


It will!


--Klaus

[jQuery] jQuery and Google Gears?

2007-07-12 Thread Leandro Vieira Pinho


I would like to kwown, if the jQuery pretend lo release something
related with Google Gears.

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

2007-07-12 Thread AtlantaGeek


It's always something.  I am trying to get your version up and
running, but I keep getting an object expected error in IE 7 when it
hits document.ready.  The code is below.  I have, of course, a texbox
on the page defined like so:  input type=text name=txtItem
id=txtItem size=15 class=form_textbox

In Firefox, according to Firebug, there is no error, but when I look
at the DOM, the $ and JQuery nodes are red.  I'm not sure what that
means - I'm new to Firebug.  Do you see a problem with this code?

script type=text/javascript src=jquery-1.1.2.pack.js/script
script type='text/javascript' src='jquery.bgiframe.min.js'/script
script type='text/javascript' src='dimensions.js'/script
script type='text/javascript' src='jquery.autocomplete.js'/script
script type='text/javascript' src='localdata.js'/script
link rel=stylesheet type=text/css href=jquery.autocomplete.css /


script language = JavaScript
$().ready(function() {

function findValueCallback(event, data, formatted) {
$(li).text( !data ? No match! : Selected:  +
formatted).appendTo(#result);
}

function formatItem(row) {
return row[0] +  (id:  + row[1] + );
}

function formatResult(row) {
return row[0];
}

$(#txtItem).autocomplete(itemquery.acm, {
minChars: 3,
delay: 150,
width: 400,
autoFill: true,
formatItem: formatItem,
formatResult: formatResult,
selectFirst: false,
extraParams: {
'CustNo': '436887'
}
});
});

/script



On Jul 11, 5:46 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote:
 AtlantaGeek wrote:
  The guy that originally put me on to Dan'sAutoCompleterlater said he
  should have referred me to the one you refer me to, however I need
  something that works for a production app, not something that is
  somewhat stable.  No offense, but an alpha version is not something
  I want to use in this web site.  Is there some version of your work
  that you consider to be stable?  The site Dan referred me to seems to
  indicate some level of stability.

 Sorry, currently there is only that alpha version on the plugin page and
 the revision in the repository. Stability varies between features. If
 you use only basic autocomplete without custom parsers or multiple
 completetition you shouldn't find any non-trivial bugs. Otherwise this
 plugin simply isn't an option, yet. Of course your feedback would help a
 lot to get there...

 --
 Jörn Zaefferer

 http://bassistance.de

[jQuery] announce: yet another minimal tabs implementation

2007-07-12 Thread Stephan Beal


Hiya!

What jQuery needs now is yet another tabbed interface plugin. Yeah,
right!!!

My 2nd jQ plugin:

http://wanderinghorse.net/computing/javascript/#bogotabs

It's nowhere as feature-rich as idTab or Klaus' tabs, but we can't all
be rich, can we?.

Using it looks like this:

$('#BogoTabPlaceholder1').initBogoTabs({
'#BogoTab1': {
label:'First Tab'
},
'#TabSourceCode': {
label:'Source code'
},
'#TabStyleSheet': {
label:'Style sheet',
onselect: function(tab){ tab.append(br/added by onselect()
handler.); }
}
});

Features:

- small (under 3k if you snip out the documentation, and 1.5k after
running it through one of the online JS crunchers).
- well-documented (the source file is over 50% docs)
- can activate a per-tab callback when a tab is activated.
- can show a tab other than the first when it starts up.

Mis-features:

- Does not degrade gracefully (tab headers won't show up at all w/o
JS). Won't be fixed.
- Does not yet support programmatically switching tabs (e.g.
activating a Document tab when the user uses the Load Document
feature). Still looking at how i want to implement that.

Many thanks to Jörn Zaefferer for his code review of my first plugin -
his comments came in very handy while implementing this code.

[jQuery] Re: test

2007-07-12 Thread Aaron Heimlich


You are excused :)

On 7/12/07, Salvatore FUSTO [EMAIL PROTECTED] wrote:



excuse for this test





--
Aaron Heimlich
Web Developer
[EMAIL PROTECTED]
http://aheimlich.freepgs.com

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

2007-07-12 Thread AtlantaGeek


Fixed that object expected error.  It seems JQuery (or your
autocompleter) was sensitive to the SCRIPT tag.  Had to make it:

script language=text/javascript

instead of:

script language=javascript

yet it was just javascript for quite awhile now and I was not
getting this error.  Not sure why it would suddenly pitch a fit over
this.

Anyway, now the autocomplete functionality is not working, but I'll
have to experiment with that and post back here if I can't get it
working.


On Jul 12, 11:35 am, AtlantaGeek [EMAIL PROTECTED] wrote:
 It's always something.  I am trying to get your version up and
 running, but I keep getting an object expected error in IE 7 when it
 hits document.ready.  The code is below.  I have, of course, a texbox
 on the page defined like so:  input type=text name=txtItem
 id=txtItem size=15 class=form_textbox

 In Firefox, according to Firebug, there is no error, but when I look
 at the DOM, the $ and JQuery nodes are red.  I'm not sure what that
 means - I'm new to Firebug.  Do you see a problem with this code?

 script type=text/javascript src=jquery-1.1.2.pack.js/script
 script type='text/javascript' src='jquery.bgiframe.min.js'/script
 script type='text/javascript' src='dimensions.js'/script
 script type='text/javascript' src='jquery.autocomplete.js'/script
 script type='text/javascript' src='localdata.js'/script
 link rel=stylesheet type=text/css href=jquery.autocomplete.css /



 script language = JavaScript
 $().ready(function() {

 function findValueCallback(event, data, formatted) {
 $(li).text( !data ? No match! : Selected:  +
 formatted).appendTo(#result);
 }

 function formatItem(row) {
 return row[0] +  (id:  + row[1] + );
 }

 function formatResult(row) {
 return row[0];
 }

 $(#txtItem).autocomplete(itemquery.acm, {
 minChars: 3,
 delay: 150,
 width: 400,
 autoFill: true,
 formatItem: formatItem,
 formatResult: formatResult,
 selectFirst: false,
 extraParams: {
 'CustNo': '436887'
 }
 });

 });

 /script

 On Jul 11, 5:46 pm, Jörn Zaefferer [EMAIL PROTECTED] wrote:



  AtlantaGeek wrote:
   The guy that originally put me on to Dan'sAutoCompleterlater said he
   should have referred me to the one you refer me to, however I need
   something that works for a production app, not something that is
   somewhat stable.  No offense, but an alpha version is not something
   I want to use in this web site.  Is there some version of your work
   that you consider to be stable?  The site Dan referred me to seems to
   indicate some level of stability.

  Sorry, currently there is only that alpha version on the plugin page and
  the revision in the repository. Stability varies between features. If
  you use only basic autocomplete without custom parsers or multiple
  completetition you shouldn't find any non-trivial bugs. Otherwise this
  plugin simply isn't an option, yet. Of course your feedback would help a
  lot to get there...

  --
  Jörn Zaefferer

 http://bassistance.de- Hide quoted text -

 - Show quoted text -

[jQuery] Re: Show / hide options based on class

2007-07-12 Thread Michael Price



Marc Jansen wrote:

var $possibleOptsRight;

$( document ).ready(function() {
 $possibleOptsRight = $('#rightselectlist option');
 $( '#leftselectlist' ).bind('change', function() {
   $('#rightselectlist')
 .children().remove().end()
 .append( $possibleOptsRight ).children()
 .not('.' + $(this).val() ).hide();
 });
});


I'll give this a try, thanks. :)

Regards,
Michael Price

[jQuery] Re: test

thanks :)
  - Original Message - 
  From: Aaron Heimlich 
  To: jquery-en@googlegroups.com 
  Sent: Thursday, July 12, 2007 5:46 PM
  Subject: [jQuery] Re: test


  You are excused :)


  On 7/12/07, Salvatore FUSTO [EMAIL PROTECTED] wrote:

excuse for this test




  -- 
  Aaron Heimlich
  Web Developer
  [EMAIL PROTECTED]
  http://aheimlich.freepgs.com

[jQuery] Re: Plugin scope for methods and 'this'

2007-07-12 Thread Michael Geary


Tane, load your page in Firefox with Firebug enabled. Open the Firebug pane
and click Script, then turn on Options/Break on All Errors. Now do your
address lookup.

Firebug will stop on your line with the error. Look at what is displayed in
the Watch window. Observe that this is the Window object. Not what you
expected, is it? :-)

You need to use a closure here. In your searchAddress function, save a
reference to this in a local variable and then use that variable inside
the geocoder callback function.

Another comment or two: You are using the name GMap2 to mean three
different things! First is the GMap2 object that the Google Maps API
defines. Second is your GMap2() plugin method in line 100. Third is the
GMap2 property that you are adding to the DOM element in line 43. That's a
bit confusing.

Part of your code uses each() to iterate over the jQuery object, and part of
it uses [0] assuming that there is only a single DOM element in the jQuery
object. If you require an ID selector, e.g. $('#myMap') there will be only a
single DOM element anyway, but it would probably be good to stick with one
approach or the other for clarity.

Also, I'm not sure why you create the jQuery.gmapp object for your functions
and then assign them into the jQuery.fn object. Why not just assign them
into jQuery.fn directly? Nothing wrong with the way you're doing it, it just
seems like an unnecessary step.

I didn't look at the code in more detail than that.

Hope that helps!

-Mike

 From: Tane Piper
 
 I really need to try nail this plugin so I can move on to 
 other things in the project.  This bit forms an important 
 part of my event system, and possibly other parts of my 
 application, but i'll also be releasing this code to the community.
 
 What I've done is, because the Geocoder will only be used in 
 this one method, I pass the Geocoder to the method, instead 
 of adding it to the jQuery object - so now that works.  The 
 problem now is that when I try an locate an address I get the 
 error with the jQuery object:
 
 this[0] has no properties
 
 Now what I am doing is returning the this[0].GMap2 object, 
 which I do in another method.  If i don't return it, I get no 
 error - but also nothing happens.
 
 The lastest version of the sourcecode is here:
 http://pastebin.ca/615862 and the demo is still at 
 http://webrocket.ulmb.com/

[jQuery] Re: bgiframe broken by 1.1.3.1

2007-07-12 Thread Geoffrey Knutzen

Thank you kindly

  _  

From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of Brandon Aaron
Sent: Wednesday, July 11, 2007 9:21 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: bgiframe broken by 1.1.3.1

Hey Geoffrey,

Feel free to grab the latest from SVN until I do another official release
(2.1.1) very soon.
http://jqueryjs.googlecode.com/svn/trunk/plugins/bgiframe/ 

--
Brandon Aaron

On 7/11/07, Geoffrey Knutzen [EMAIL PROTECTED] wrote: 

I don't have a bullet-proof test of this yet, but it seems that bgiframe no
longer works with 1.1.3.1. 

Can anyone else confirm?

I don't know why yet.

I, for one, really need this plug in

-Geoffrey

[jQuery] Re: Field Plug-in Update: Added $(form).formHash() method....

2007-07-12 Thread Chris


Works fine. Thanks

On Jul 11, 9:32 pm, Dan G. Switzer, II [EMAIL PROTECTED]
wrote:
 Is there a bug with formHash() and radio buttons? Or am I missing the
 obvious.  With this form

 Change the hashForm to:

 $.fn.formHash = function(inHash){
 var bGetHash = (arguments.length == 0);
 // create a hash to return
 var stHash = {};

 // run the code for each form
 this.filter(form).each(
 function (){
 // get all the form elements
 var els = this.elements, el, n, stProcessed
 = {}, jel;

 // loop through the elements and process
 for( var i=0, elsMax = els.length; i 
 elsMax; i++ ){
 el = els[i], n = el.name;

 // if the element doesn't have a
 name, then skip it
 if( !n || stProcessed[n] ) continue;

 // create a jquery object to the
 current named form elements
 var jel = $(el.tagName.toLowerCase()
 + [EMAIL PROTECTED]'+n+'], this);

 // if we're getting the values, get
 them now
 if( bGetHash ){
 stHash[n] =
 jel[defaults.useArray ? fieldArray : getValue]();
 // if we're setting values, set them
 now
 } else if( !!inHash[n] ){
 jel[defaults.useArray ?
 fieldArray : setValue](inHash[n]);
 }

 stProcessed[n] = true;
 }
 }
 );

 // if getting a hash map return it, otherwise return the
 jQuery object
 return (bGetHash) ? stHash : this;
 }

 Let me know if that works correctly. It is in my testing.

 -Dan

[jQuery] Re: Field Plug-in Update: Added $(form).formHash() method....

2007-07-12 Thread Dan G. Switzer, II


Chris,

Works fine. Thanks

I've already posted the fixed code:
http://jquery.com/plugins/project/field

(And also added some new functions.)

-Dan

[jQuery] Re: jQuery in Action

2007-07-12 Thread Scott Sauyet



John Resig wrote:

On 7/12/07, Scott Sauyet [EMAIL PROTECTED] wrote:

Who's doing the Manning jQuery in Action book?  I've just been asked
to do a technical review.



Umm - I have no idea! Yehuda has been working on jQuery Quickly - is
this book different from that one?
On 7/12/07, Scott Sauyet [EMAIL PROTECTED] wrote:


I guess it's the same one.  I just noticed that the email from Manning 
did list Bibeault as the author.  That's who's working with Yehuda, 
right?  I wonder if jQuery Quickly is just a working title, or what 
else might be going on.  Or is Bear Bibeault working on two books?


  -- Scott

[jQuery] Re: Plugin scope for methods and 'this'



Thanks, but on IRC and thanks to the amazing Dave Cardwell, I've
managed to fix this.

I'm going to clean it up and write a full demo page tommorow, and I'll
be releasing it.
I'll have a look over your email tomorrow (as it's hometime now) to
see if there are any other tips that I can use to optimize it further.

On 7/12/07, Michael Geary [EMAIL PROTECTED] wrote:


Tane, load your page in Firefox with Firebug enabled. Open the Firebug pane
and click Script, then turn on Options/Break on All Errors. Now do your
address lookup.

Firebug will stop on your line with the error. Look at what is displayed in
the Watch window. Observe that this is the Window object. Not what you
expected, is it? :-)

You need to use a closure here. In your searchAddress function, save a
reference to this in a local variable and then use that variable inside
the geocoder callback function.

Another comment or two: You are using the name GMap2 to mean three
different things! First is the GMap2 object that the Google Maps API
defines. Second is your GMap2() plugin method in line 100. Third is the
GMap2 property that you are adding to the DOM element in line 43. That's a
bit confusing.

Part of your code uses each() to iterate over the jQuery object, and part of
it uses [0] assuming that there is only a single DOM element in the jQuery
object. If you require an ID selector, e.g. $('#myMap') there will be only a
single DOM element anyway, but it would probably be good to stick with one
approach or the other for clarity.

Also, I'm not sure why you create the jQuery.gmapp object for your functions
and then assign them into the jQuery.fn object. Why not just assign them
into jQuery.fn directly? Nothing wrong with the way you're doing it, it just
seems like an unnecessary step.

I didn't look at the code in more detail than that.

Hope that helps!

-Mike

 From: Tane Piper

 I really need to try nail this plugin so I can move on to
 other things in the project.  This bit forms an important
 part of my event system, and possibly other parts of my
 application, but i'll also be releasing this code to the community.

 What I've done is, because the Geocoder will only be used in
 this one method, I pass the Geocoder to the method, instead
 of adding it to the jQuery object - so now that works.  The
 problem now is that when I try an locate an address I get the
 error with the jQuery object:

 this[0] has no properties

 Now what I am doing is returning the this[0].GMap2 object,
 which I do in another method.  If i don't return it, I get no
 error - but also nothing happens.

 The lastest version of the sourcecode is here:
 http://pastebin.ca/615862 and the demo is still at
 http://webrocket.ulmb.com/





--
Tane Piper
http://digitalspaghetti.tooum.net

This email is: [ ] blogable [ x ] ask first [ ] private

[jQuery] Re: using JSON... and the jQuery book

2007-07-12 Thread Jean



Yeah i´m using a lot json for now
with json_encode and json_decode libs for php \o/

On 7/12/07, GianCarlo Mingati [EMAIL PROTECTED] wrote:


Hi all.
http://www.gcmingati.net/wordpress/wp-content/uploads/jsonhelicopters.html

Here's what i learned form the book, chapter 6 (Ajax techniques).
I went faster than i expected. The book explains clearly and easily
how to dinamically insert content into a page... wow this is hooking
me as much as my r/c helicopters do.
Now i know i can use xml, json, plain html or even javascript files as
external 'data'. Personally the json methos seems the easier.
In the example my first page EVER with data from a separate json file.
Ciao!
I'm happy, i'm getting into this web2.0 stuff with fun.


GC





--

[]´s Jean
www.suissa.info

  Ethereal Agency
www.etherealagency.com

[jQuery] Re: using JSON... and the jQuery book

2007-07-12 Thread Jack Killpatrick



This might be of interest to you, too:

  http://code.google.com/p/trimpath/wiki/JavaScriptTemplates

It will get you around having to do stuff like:

$.each(entry['model'], function(modIndex, mod){
   result += 'li'+ mod + '\/li';
});

I use it all the time for merging json data into jst templates (jst's 
are just plain text/html files with template stuff in them). Works 
great, is quite fast, too. I've used it for a large reporting project, 
with giant tables of data: rather than generating a bunch of html on the 
server and passing it to the client, I just pass json back and use 
trimpath and a jst to do the merge and a simple 
$('#myDiv').html(mergeResults); to dump the results to screen. More fun, 
IMO, than the various DOM-node building plugins, too.


FYI, I usually use jquery $.get() to fetch the jst file from the server, 
rather than use textareas and such (which is what the simple demo's 
there show).


- Jack

GianCarlo Mingati wrote:

Hi all.
http://www.gcmingati.net/wordpress/wp-content/uploads/jsonhelicopters.html

Here's what i learned form the book, chapter 6 (Ajax techniques).
I went faster than i expected. The book explains clearly and easily
how to dinamically insert content into a page... wow this is hooking
me as much as my r/c helicopters do.
Now i know i can use xml, json, plain html or even javascript files as
external 'data'. Personally the json methos seems the easier.
In the example my first page EVER with data from a separate json file.
Ciao!
I'm happy, i'm getting into this web2.0 stuff with fun.


GC

[jQuery] Re: jQuery in Action

2007-07-12 Thread Karl Swedberg


pretty sure that's the one. Bear is working with Yehuda.


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



On Jul 12, 2007, at 1:00 PM, Scott Sauyet wrote:



John Resig wrote:

On 7/12/07, Scott Sauyet [EMAIL PROTECTED] wrote:
Who's doing the Manning jQuery in Action book?  I've just been  
asked

to do a technical review.


Umm - I have no idea! Yehuda has been working on jQuery Quickly  
- is

this book different from that one?
On 7/12/07, Scott Sauyet [EMAIL PROTECTED] wrote:


I guess it's the same one.  I just noticed that the email from  
Manning did list Bibeault as the author.  That's who's working  
with Yehuda, right?  I wonder if jQuery Quickly is just a working  
title, or what else might be going on.  Or is Bear Bibeault working  
on two books?


  -- Scott

[jQuery] Swap two Interface Draggables

2007-07-12 Thread Fredrik Karlsson


Currenly I'm working on a project where I'm using a bunch of
droppables and draggables to organize list items.
Now there is one thing I can't figure out how to do.

If I have two droppables containing lists with items (div
class=droppableul.../ul/div), and I want to swap one of the
items in one droppable with one in another droppable, basically
swapping to li tags, by drag/dropping one on the other. Is there a
way to get the id of the li my mouse is hovering when dropping my
dragged item?

I have a demo at http://www.ethowin.net/WoW/raidplanner.php. I'm also
thinking of rewriting it by using sortables instead.

Any suggestions?

[jQuery] [ANNOUNCE] New JQuery Site: 64squar.es

2007-07-12 Thread weepy


64squar.es is a completely free, fully featured and easy to use online
chess site with a clean simple interface.

Users can play opponents in real-time by dragging and dropping the
pieces just like a real chess board. Ajax is used to make your moves
on the opponent's board and vice versa.

We are trying to blur the distinction between real-time online play
and correspondence chess. If a user is not online when a move is made,
they are sent an email.

Other features:

  * Customize board color
  * In game chat
  * Take-backs
  * Avatars
  * Implementation of ELO Ranking
  * Email Notification

64squar.es is built using Ruby on Rails and Jquery. It also uses
Juggernaut (a ruby on rails plugin http://juggernaut.rubyforge.com) to
remove the need for polling to improve responsiveness and ease future
scaling. We're planning exciting new features in the coming months.

Check it out here : http://64squar.es. Sign up is completely free.

Blog : http://blog.64squar.es
Discuss: http://groups.google.com/group/64squares/
Bugs: [EMAIL PROTECTED]
Created by : http://www.parkerfox.co.uk

[jQuery] Re: [ANNOUNCE] New JQuery Site: 64squar.es

2007-07-12 Thread Rey Bango



Great job Jonah! Guys, be sure to hit the Dzone link here:

http://www.dzone.com/links/64squares_ajaxpowered_online_chess.html

I'll submit it to Digg tomorrow to avoid the Digg-effect!

Rey

weepy wrote:

64squar.es is a completely free, fully featured and easy to use online
chess site with a clean simple interface.

Users can play opponents in real-time by dragging and dropping the
pieces just like a real chess board. Ajax is used to make your moves
on the opponent's board and vice versa.

We are trying to blur the distinction between real-time online play
and correspondence chess. If a user is not online when a move is made,
they are sent an email.

Other features:

  * Customize board color
  * In game chat
  * Take-backs
  * Avatars
  * Implementation of ELO Ranking
  * Email Notification

64squar.es is built using Ruby on Rails and Jquery. It also uses
Juggernaut (a ruby on rails plugin http://juggernaut.rubyforge.com) to
remove the need for polling to improve responsiveness and ease future
scaling. We're planning exciting new features in the coming months.

Check it out here : http://64squar.es. Sign up is completely free.

Blog : http://blog.64squar.es
Discuss: http://groups.google.com/group/64squares/
Bugs: [EMAIL PROTECTED]
Created by : http://www.parkerfox.co.uk




--
BrightLight Development, LLC.
954-775- (o)
954-600-2726 (c)
[EMAIL PROTECTED]
http://www.iambright.com

[jQuery] Setting DOM values (non-attributes)

2007-07-12 Thread John Farrar


I want to achieve this with jQuery.

document.getElementById('postedText').scrollTop =
document.getElementById('postedText').scrollHeight -
document.getElementById('postedText').clientHeight;

Did I miss it in the docs?

John Farrar

[jQuery] Re: Setting DOM values (non-attributes)

2007-07-12 Thread Jonathan Sharp


Take a look at the dimensions plugin. (www.visualjquery.com - Plugins -
Dimensions)

-js


On 7/12/07, John Farrar [EMAIL PROTECTED] wrote:



I want to achieve this with jQuery.

document.getElementById('postedText').scrollTop =
document.getElementById('postedText').scrollHeight -
document.getElementById('postedText').clientHeight;

Did I miss it in the docs?

John Farrar

[jQuery] slideUp/slideDown toggle questions

2007-07-12 Thread djl



Hi there,

I have a page with a div that uses a toggle slideUp/slideDown effect  
as follows:-



var $jq = jQuery.noConflict();

$jq(document).ready(function()
{
$jq(#recenttoggle).toggle(function()
{
$jq(#recent).slideDown('slow');
}
, function()
{
$jq(#recent).slideUp('fast');
}
);

});

This works fine, aside from the fact that the default state for the  
recent div is 'show' - ie, after the page has loaded, the  
recenttoggle div/link has to be clicked twice to hide it/slideUp.


So that's my first question - how do I make it so that the recent div  
hides/slideUp when the recenttoggle div/link is clicked the first time?


Also, how can I reference this toggle function from another JS function?
What I want to do is call a function that will hide/slideUp the  
recent div, update the recent div using an AJAX call, and then show/ 
slideDown.


Any help greatly appreciated.

Thanks.

[jQuery] Re: slideUp/slideDown toggle questions

2007-07-12 Thread Glen Lipka


Use slideToggle instead of slideDown or slideUp.
It automatically figures out which is which and does the right thing.
Check visualjQuery.com for examples and syntax.

Hope this helps,

Glen

On 7/12/07, djl [EMAIL PROTECTED] wrote:



Hi there,

I have a page with a div that uses a toggle slideUp/slideDown effect
as follows:-


var $jq = jQuery.noConflict();

$jq(document).ready(function()
{
$jq(#recenttoggle).toggle(function()
{
$jq(#recent).slideDown('slow');
}
, function()
{
$jq(#recent).slideUp('fast');
}
);

});

This works fine, aside from the fact that the default state for the
recent div is 'show' - ie, after the page has loaded, the
recenttoggle div/link has to be clicked twice to hide it/slideUp.

So that's my first question - how do I make it so that the recent div
hides/slideUp when the recenttoggle div/link is clicked the first time?

Also, how can I reference this toggle function from another JS function?
What I want to do is call a function that will hide/slideUp the
recent div, update the recent div using an AJAX call, and then show/
slideDown.

Any help greatly appreciated.

Thanks.

[jQuery] Remove Column from a table

2007-07-12 Thread Mario Moura


Hi Folks

I need remove first a last column from a table.

To head I used

$('#myid table thead tr  th:first').remove()
$('#myid table thead tr  th:last').remove()

Works fine but to body I am trying without sucess.

I tried this but how you can see will delete only first and last cell.

$('#myid table tbody tr  td:first').remove()
$('#myid table tbody tr  td:last').remove()

Ideas?

Regards

--
Mário Moura

[jQuery] [ANNOUNCE] planet.jquery.com

2007-07-12 Thread Richard D. Worth


I am pleased to announce the latest jquery.com service:

http://planet.jquery.com/

What is planet?
Planet is a web feed aggregator. This will let you read all your favorite
jQuery blogs on one page http://planet.jquery.com/, or with one feed
urlhttp://planet.jquery.com/atom.xml
.

Whose blogs are on there?
The blogs of most of the core team are already on. Let me know if I've
missed one. Also the jQuery blog.

I'm not a member of the jQuery team? What about my blog?
If you have a jQuery blog (or a plugin blog) or can provide a feed url that
will filter to jQuery-tagged (or related) entries in your personal blog,
we'd love to have you on planet.jquery.com. Just send an email to
[EMAIL PROTECTED] with the following information:

 Your Name: (as you would like it to appear on planet.jquery.com)
 Your jQuery-related feed url: (atom or rss)

We hope this will provide yet another opportunity for members of the jQuery
community to get to know one another and keep up on the latest with jQuery
development, plugin news, and other jQuery ramblings.

Note: please send feed url add requests to my personal email address (
[EMAIL PROTECTED]) and use this thread to provide feedback and feature
requests for this new service. Thank you.

- Richard D. Worth

[jQuery] Re: using JSON... and the jQuery book

2007-07-12 Thread Jean



tkz for the tip ;D

On 7/12/07, Jack Killpatrick [EMAIL PROTECTED] wrote:


This might be of interest to you, too:

   http://code.google.com/p/trimpath/wiki/JavaScriptTemplates

It will get you around having to do stuff like:

$.each(entry['model'], function(modIndex, mod){
result += 'li'+ mod + '\/li';
});

I use it all the time for merging json data into jst templates (jst's
are just plain text/html files with template stuff in them). Works
great, is quite fast, too. I've used it for a large reporting project,
with giant tables of data: rather than generating a bunch of html on the
server and passing it to the client, I just pass json back and use
trimpath and a jst to do the merge and a simple
$('#myDiv').html(mergeResults); to dump the results to screen. More fun,
IMO, than the various DOM-node building plugins, too.

FYI, I usually use jquery $.get() to fetch the jst file from the server,
rather than use textareas and such (which is what the simple demo's
there show).

- Jack

GianCarlo Mingati wrote:
 Hi all.
 http://www.gcmingati.net/wordpress/wp-content/uploads/jsonhelicopters.html

 Here's what i learned form the book, chapter 6 (Ajax techniques).
 I went faster than i expected. The book explains clearly and easily
 how to dinamically insert content into a page... wow this is hooking
 me as much as my r/c helicopters do.
 Now i know i can use xml, json, plain html or even javascript files as
 external 'data'. Personally the json methos seems the easier.
 In the example my first page EVER with data from a separate json file.
 Ciao!
 I'm happy, i'm getting into this web2.0 stuff with fun.


 GC









--

[]´s Jean
www.suissa.info

  Ethereal Agency
www.etherealagency.com

[jQuery] Re: Plugin scope for methods and 'this'



Hi folks,

Ok I've put up a small demo site at http://webrocket.ulmb.com

This is not quite the final version, but you can:

* type in your zip/postcode or address into the search box and find
your address on the map.
* drag the marker that it creates to pinpoint a location.
* with firebug, you can type in $('#gmap').addPoint('lat','lng'); to
create a point on the map.

Feel free to pass on any suggestions.


On 7/12/07, Tane Piper [EMAIL PROTECTED] wrote:

Thanks, but on IRC and thanks to the amazing Dave Cardwell, I've
managed to fix this.

I'm going to clean it up and write a full demo page tommorow, and I'll
be releasing it.
I'll have a look over your email tomorrow (as it's hometime now) to
see if there are any other tips that I can use to optimize it further.

On 7/12/07, Michael Geary [EMAIL PROTECTED] wrote:

 Tane, load your page in Firefox with Firebug enabled. Open the Firebug
pane
 and click Script, then turn on Options/Break on All Errors. Now do your
 address lookup.

 Firebug will stop on your line with the error. Look at what is displayed
in
 the Watch window. Observe that this is the Window object. Not what you
 expected, is it? :-)

 You need to use a closure here. In your searchAddress function, save a
 reference to this in a local variable and then use that variable inside
 the geocoder callback function.

 Another comment or two: You are using the name GMap2 to mean three
 different things! First is the GMap2 object that the Google Maps API
 defines. Second is your GMap2() plugin method in line 100. Third is the
 GMap2 property that you are adding to the DOM element in line 43. That's a
 bit confusing.

 Part of your code uses each() to iterate over the jQuery object, and part
of
 it uses [0] assuming that there is only a single DOM element in the jQuery
 object. If you require an ID selector, e.g. $('#myMap') there will be only
a
 single DOM element anyway, but it would probably be good to stick with one
 approach or the other for clarity.

 Also, I'm not sure why you create the jQuery.gmapp object for your
functions
 and then assign them into the jQuery.fn object. Why not just assign them
 into jQuery.fn directly? Nothing wrong with the way you're doing it, it
just
 seems like an unnecessary step.

 I didn't look at the code in more detail than that.

 Hope that helps!

 -Mike

  From: Tane Piper
 
  I really need to try nail this plugin so I can move on to
  other things in the project.  This bit forms an important
  part of my event system, and possibly other parts of my
  application, but i'll also be releasing this code to the community.
 
  What I've done is, because the Geocoder will only be used in
  this one method, I pass the Geocoder to the method, instead
  of adding it to the jQuery object - so now that works.  The
  problem now is that when I try an locate an address I get the
  error with the jQuery object:
 
  this[0] has no properties
 
  Now what I am doing is returning the this[0].GMap2 object,
  which I do in another method.  If i don't return it, I get no
  error - but also nothing happens.
 
  The lastest version of the sourcecode is here:
  http://pastebin.ca/615862 and the demo is still at
  http://webrocket.ulmb.com/




--
Tane Piper
http://digitalspaghetti.tooum.net

This email is: [ ] blogable [ x ] ask first [ ] private




--
Tane Piper
http://digitalspaghetti.tooum.net

This email is: [ ] blogable [ x ] ask first [ ] private

[jQuery] Re: Google Maps like interface with JQuery

2007-07-12 Thread Bruce



The below, while interesting leaves me wondering what the point is. by that, 
what does using jquery differ from just using normal map scripts?


Bruce

- Original Message - 
From: Rey Bango [EMAIL PROTECTED]

To: jquery-en@googlegroups.com
Sent: Monday, July 09, 2007 9:53 PM
Subject: [jQuery] Re: Google Maps like interface with JQuery




Hi Pete,

Here are two links for you to look at:

http://projects.sevir.org/storage/jqmaps/index.html
http://olbertz.de/jquery/googlemap.html#

Hopefully they can help you out.

Rey

Pete wrote:

Hi All,

Does anyone know of a Google Maps like interface implemented using
JQuery?

The only real requirement is that a user can zoom in/out. On zoom, a
new image is properly loaded in terms of zoom and user expected
location.

If not, could you point me to a couple functions within JQuery that
would be a good starting point for this type of project?

Cheers,
Pete

[jQuery] Re: Google Maps like interface with JQuery