[jQuery] Re: jQuery 1.1.3a / 1.2 ?

[Erik Beeson]

Lies. You didn't come see our booth. I think you've just been partying and
vacationing.

Hope you get to feeling better.

--Erik


On 4/19/07, John Resig <[EMAIL PROTECTED]> wrote:



I've been doing a lot of traveling (past 10 days), and now I'm sick.
Maybe this weekend, but I'm not completely sure.

In your case, I don't think the escaping will solve the : issue -
since : denotes a namespace (and I'm fairly certain that it isn't
treated identically in all browsers).

Travel proof:
http://yuiblog.com/blog/2007/04/16/video-resig/
http://www.flickr.com/photos/adactio/464449077/

--John

On 4/19/07, Jonathan Sharp <[EMAIL PROTECTED]> wrote:
> What's the release status for 1.1.3a (or 1.2)?
>
> We're in need of support for expanded namespaces (eg. being able to
select
> foo:bar via $('foo\\\:bar') )
>
> Cheers,
> -Jonathan

[jQuery] Re: manipulating TEXAREA content

[Ⓙⓐⓚⓔ]

It's step 7 that would give you lots of trouble! floating the div around the
last character of the text area, a bunch of math that would depend on the
font size, the wrapping and the width of each letter and the number of
returns, ouch!

Then there's step 8, convincing the users that the floating div is actually
cool!

a much simpler statically located div, with a textarea that grows as they
approach the limit would be greeted more favorably by most users!

When I type, I don't like too many things to be going on around me, even a
counter would keep me checking the length of text I had typed. I'd have
trouble rambling on and on... but I guess I'm just rambling on without a
counter!

:)

On 4/19/07, Ariel Jakobovits <[EMAIL PROTECTED]> wrote:



This would be easy, here are the steps:

1. identify what event to listen to when trying to respond to key typing
in a textarea // one minute
2. create a jQuery function to select that textarea by id // one line
3. bind on that textarea, to that event type, a function that says 'hi' //
one line
4. edit that function to alert the current value of the textarea (think
'this') // same line, about 10-20 chars
5. edit that function to alert the length of that value // add 7 chars
6. edit that function to append that value and whatever text you want to
the current value of the textarea // some more chars

BTW,
I think it would be nicer if you put the note about length below or
beside the textarea not within, because then you have to worry about
removing it before submission, and it looks nicer.

- Original Message 
From: Dug Falby <[EMAIL PROTECTED]>
To: jquery-en@googlegroups.com
Sent: Thursday, April 19, 2007 3:44:16 PM
Subject: [jQuery] manipulating TEXAREA content


Hi all,

I wonder if I could get your opinion on whether or not something is
possible and if it is, is there a really compact way of doing it with
jquery?

I would like to make a character counter for a textarea input. I would
like the string that is the number of chars typed in the box to always
be the last chars of the textrarea. A bit like this:

I [1 char]
I can [5 char]
I can type [10 char]

you get the idea, the little "[x char]" string floats along as if the
insertion point was just before it.

Is this going to be possible?

All the best,
Dug


--
Dug Falby
http://www.donkeyontheedge.com/







--
Ⓙⓐⓚⓔ - יעקב   ʝǡǩȩ   ᎫᎪᏦᎬ

[jQuery] Re: manipulating TEXAREA content

[Ariel Jakobovits]

This would be easy, here are the steps:

1. identify what event to listen to when trying to respond to key typing in a 
textarea // one minute
2. create a jQuery function to select that textarea by id // one line
3. bind on that textarea, to that event type, a function that says 'hi' // one 
line
4. edit that function to alert the current value of the textarea (think 'this') 
// same line, about 10-20 chars
5. edit that function to alert the length of that value // add 7 chars
6. edit that function to append that value and whatever text you want to the 
current value of the textarea // some more chars

BTW,
I think it would be nicer if you put the note about length below or
beside the textarea not within, because then you have to worry about
removing it before submission, and it looks nicer.

- Original Message 
From: Dug Falby <[EMAIL PROTECTED]>
To: jquery-en@googlegroups.com
Sent: Thursday, April 19, 2007 3:44:16 PM
Subject: [jQuery] manipulating TEXAREA content


Hi all,

I wonder if I could get your opinion on whether or not something is
possible and if it is, is there a really compact way of doing it with
jquery?

I would like to make a character counter for a textarea input. I would
like the string that is the number of chars typed in the box to always
be the last chars of the textrarea. A bit like this:

I [1 char]
I can [5 char]
I can type [10 char]

you get the idea, the little "[x char]" string floats along as if the
insertion point was just before it.

Is this going to be possible?

All the best,
Dug


-- 
Dug Falby
http://www.donkeyontheedge.com/

[jQuery] DOM traversal: changing XHTML attributes w/ jquery???

[ldexterldesign]

hey all,

wondering if anyone could help with this...

i have two jquery functions that act independently on two separate
columns of text in my webpage.

a live example of the webpage is here: http://www.personal.leeds.ac.uk/~scs4ll/
with the code below working with the articles > 'preview more
articles' and comments > 'preview more comments' button's
respectively.

$(document).ready(function() {
   $("#articles .view_more").toggle(function() {
  $("#articles .bullet_text").addClass("bullet_text_go"); }
   , function() {
  $("#articles .bullet_text").removeClass("bullet_text_go"); }
   ); }
);

$(document).ready(function() {
   $("#comments .view_more").toggle(function() {
  $
("#comments .bullet_text").addClass("bullet_text_go").slideDown('slow'); }
   , function() {
  $
("#comments .bullet_text").removeClass("bullet_text_go").slideUp('slow'); }
   ); }
);

as you will see both buttons, when clicked, add a new class with a
greater height (height:100%), displaying the remainder of the columns
content.

now my problem is i would like to amend the functionality slightly and
i'm at a loss as how to do it.

1) i would like the slideUp/Down fluidity, but without the removeClass
function hiding all my comments on the second click

2) i would also like to amend the function so when the button is
clicked, in it's lowered state - revealing ALL content, to have the
value of the button changed to something like 'retract comments',
rather than 'preview more comments' the whole time.

thanking anyone brave enough to help in advance!
lewis

[jQuery] Re: animate background-position??

[sspboyd]

Ok. Thanks for the help, I'll check that out.
Steve

On Apr 19, 11:19 pm, "Jeffrey Kretz" <[EMAIL PROTECTED]> wrote:
> Ah, I hadn't realized these were IE-only properties.
>
> I suggest taking a look at Stefan's ifx.js
> script in the Interface plugin.  He wrote some custom functionality for the
> animate method that could accommodate interpolating colors.  Something
> similar to this could be done for backgroundPosition.

[jQuery] Re: .change doesn't match cloned elements?

[Karl Swedberg]

If you want to clone events along with new DOM nodes, you can try  
Brandon Aaron's Copy Events plugin:
http://www.learningjquery.com/2007/01/copy-events-from-one-element-to- 
another



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



On Apr 19, 2007, at 10:59 PM, Ⓙⓐⓚⓔ wrote:


I think I understand...

change is a event bind, and event binds don't get cloned. so you  
have to re-bind or re-make the nodes and re-bind anyway.


it's an idea, not a solution. I always bind my new nodes.

On 4/19/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:

Did I find a bug, or is there just nobody that knows how to fix it?

On Apr 19, 1:43 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED] > wrote:
> Hi,
>
> I'm trying to get flexible (array) select boxes in a form  
working, but
> i'm having some troubles with the cloned ones. The end-use idea  
is to

> auto-populate the second selectbox, after the first one has been
> changed. To do this, I need to match only the first selectbox
> ofcourse. And this works, but just for the first one.
> If you add a "new line" of selectboxes (by cloning the original), it
> doesn't match the first box of that as it does with the original.  
But,

> and this is the thing that puzzles me, if you use the original first
> box it does tell you in the popup that there are a total of # select
> boxes. Which is using the exact same selector.
>
> It's hard to explain, so here's a test example:  http:// 
members.home.nl/mavdude/jquery/

>
> Any idea or suggestion is welcome.
>
> Thanks,
> Mav




--
Ⓙⓐⓚⓔ - יעקב   ʝǡǩȩ   ᎫᎪᏦᎬ

[jQuery] Re: Using EXT with Jquery

[Brad Perkins]

Eli,

This thread might help.

http://groups.google.com/group/jquery-en/browse_thread/thread/bb64561ee9fe2e22/fdb149e62b2bd03b?lnk=gst&q=ext&rnum=2#fdb149e62b2bd03b


On 4/19/07, Eli <[EMAIL PROTECTED]> wrote:


Hey guys,
Just noticed a couple of days ago that ext now has a new 'extjs' for
jquery,
and I wanted to test it out, but for some reason I can't get it to
work.

I've tried to make my own page like the layout.js example (
http://extjs.com/deploy/ext/examples/dialog/layout.html ),
and I get the following error in the firebug console:
"el has no properties
http://dalog.eli.com/javascript/ext/ext-all.js
Line 127"

my script load the next file:
javascript/jquery.js
javascript/ext/adapter/jquery/jquery-plugins.js
javascript/ext/adapter/jquery/ext-jquery-adapter.js
javascript/ext/ext-all.js
in the same order as the list above.

Any ideas why my script failing?

[jQuery] Re: animate background-position??

[Jeffrey Kretz]

Ah, I hadn't realized these were IE-only properties.

The basic problem still remains that the animate method cannot take a dual
property.  You would have to write a custom handler for the
backgroundPosition attribute.  I suggest taking a look at Stefan's ifx.js
script in the Interface plugin.  He wrote some custom functionality for the
animate method that could accommodate interpolating colors.  Something
similar to this could be done for backgroundPosition.

JK

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of sspboyd
Sent: Thursday, April 19, 2007 5:51 PM
To: jQuery (English)
Subject: [jQuery] Re: animate background-position??


Yeah, I thought that might be it but unfortunately it is not. There is
no "backgroundPositionX" or "backgroundPositionY".
http://www.w3.org/TR/CSS2/colors.html#background-properties

There is however "background-position-x" but that property is a
Microsoft extension.
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/backgro
undpositionx.asp

On Apr 19, 5:55 pm, "Jeffrey Kretz" <[EMAIL PROTECTED]> wrote:
> Background-position is a dual property, containing both the X and Y
> coordinates.  To animate it, you have to animate the X and Y separately.
>
> $('#header').animate({backgroundPositionX : bkgPosX , backgroundPositionY:
> bkgPosY },'slow');
>
> JK
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
>
> Behalf Of sspboyd
> Sent: Thursday, April 19, 2007 2:35 PM
> To: jQuery (English)
> Subject: [jQuery] animate background-position??
>
> Hi,
> I've been trying several ways to animate the position of a background
> image and I'm stuck.
>
> This is the code I'm using:
>
> $("#header").click(function(){
> var bkgPosX=Math.round(Math.random()*(-500));
> var bkgPosY=Math.round(Math.random()*(-200));
>
> $("#header").animate({style: 'background-position: bkgPosX
> bkgPosY;'},'slow');
> });
>
> Any help is much appreciated!
> Steve

[jQuery] Re: .change doesn't match cloned elements?

[Ⓙⓐⓚⓔ]

I think I understand...

change is a event bind, and event binds don't get cloned. so you have to
re-bind or re-make the nodes and re-bind anyway.

it's an idea, not a solution. I always bind my new nodes.

On 4/19/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:



Did I find a bug, or is there just nobody that knows how to fix it?

On Apr 19, 1:43 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I'm trying to get flexible (array) select boxes in a form working, but
> i'm having some troubles with the cloned ones. The end-use idea is to
> auto-populate the second selectbox, after the first one has been
> changed. To do this, I need to match only the first selectbox
> ofcourse. And this works, but just for the first one.
> If you add a "new line" of selectboxes (by cloning the original), it
> doesn't match the first box of that as it does with the original. But,
> and this is the thing that puzzles me, if you use the original first
> box it does tell you in the popup that there are a total of # select
> boxes. Which is using the exact same selector.
>
> It's hard to explain, so here's a test example:
http://members.home.nl/mavdude/jquery/
>
> Any idea or suggestion is welcome.
>
> Thanks,
> Mav





--
Ⓙⓐⓚⓔ - יעקב   ʝǡǩȩ   ᎫᎪᏦᎬ

[jQuery] Re: .change doesn't match cloned elements?

[[EMAIL PROTECTED]]

Did I find a bug, or is there just nobody that knows how to fix it?

On Apr 19, 1:43 am, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I'm trying to get flexible (array) select boxes in a form working, but
> i'm having some troubles with the cloned ones. The end-use idea is to
> auto-populate the second selectbox, after the first one has been
> changed. To do this, I need to match only the first selectbox
> ofcourse. And this works, but just for the first one.
> If you add a "new line" of selectboxes (by cloning the original), it
> doesn't match the first box of that as it does with the original. But,
> and this is the thing that puzzles me, if you use the original first
> box it does tell you in the popup that there are a total of # select
> boxes. Which is using the exact same selector.
>
> It's hard to explain, so here's a test example:  
> http://members.home.nl/mavdude/jquery/
>
> Any idea or suggestion is welcome.
>
> Thanks,
> Mav

[jQuery] Re: animate background-position??

[sspboyd]

Yeah, I thought that might be it but unfortunately it is not. There is
no "backgroundPositionX" or "backgroundPositionY".
http://www.w3.org/TR/CSS2/colors.html#background-properties

There is however "background-position-x" but that property is a
Microsoft extension.
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/backgroundpositionx.asp

On Apr 19, 5:55 pm, "Jeffrey Kretz" <[EMAIL PROTECTED]> wrote:
> Background-position is a dual property, containing both the X and Y
> coordinates.  To animate it, you have to animate the X and Y separately.
>
> $('#header').animate({backgroundPositionX : bkgPosX , backgroundPositionY:
> bkgPosY },'slow');
>
> JK
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
>
> Behalf Of sspboyd
> Sent: Thursday, April 19, 2007 2:35 PM
> To: jQuery (English)
> Subject: [jQuery] animate background-position??
>
> Hi,
> I've been trying several ways to animate the position of a background
> image and I'm stuck.
>
> This is the code I'm using:
>
> $("#header").click(function(){
> var bkgPosX=Math.round(Math.random()*(-500));
> var bkgPosY=Math.round(Math.random()*(-200));
>
> $("#header").animate({style: 'background-position: bkgPosX
> bkgPosY;'},'slow');
> });
>
> Any help is much appreciated!
> Steve

[jQuery] Drupal and JQuery

[merc]

Hello everybody,

I am in the middle of developing a karma module for Drupal (amazingly, it
doesn't have one already and we need one for Free Software Magazine). 

While I know Drupa quite well, I know nothing about Javascript and JQuery. I
am finding things a little difficult, to be honest. I know how Ajax works,
but I am a little lost.

Basically, I need to display a small voting SELECT for each published
comment (-3 to +3). A logged in user should be able to pick a number - the
second s/he changes the selected number (0 by default), the browser should
send the query to the server (with node id and vote). The server should
register the vote. The page at that point should display the registered node
where the SELECT was - or a short error message.

Believe it or not, I tried to do this and failed miserably. I am looking for
somebody out there who would be willing to give me a hand with the JQuery
side of the module.

I looked at:

http://docs.jquery.com/Ajax

But I just haven't understood what I should do exactly.

Now... I was wondering if there were a good soul out there willing to help
me with this. All of the code will be released under the GPL. I am happy to
pay $100, to say "thank you".
Please get in touch with me if you want to lend us a hand - [EMAIL PROTECTED]

Thanks a lot for your help!

Merc.
-- 
View this message in context: 
http://www.nabble.com/Drupal-and-JQuery-tf3601206s15494.html#a10059393
Sent from the JQuery mailing list archive at Nabble.com.

[jQuery] Using EXT with Jquery

[Eli]

Hey guys,
Just noticed a couple of days ago that ext now has a new 'extjs' for
jquery,
and I wanted to test it out, but for some reason I can't get it to
work.

I've tried to make my own page like the layout.js example (
http://extjs.com/deploy/ext/examples/dialog/layout.html ),
and I get the following error in the firebug console:
"el has no properties
http://dalog.eli.com/javascript/ext/ext-all.js
Line 127"

my script load the next file:
javascript/jquery.js
javascript/ext/adapter/jquery/jquery-plugins.js
javascript/ext/adapter/jquery/ext-jquery-adapter.js
javascript/ext/ext-all.js
in the same order as the list above.

Any ideas why my script failing?

[jQuery] Re: manipulating TEXAREA content

[Chris W. Parker]

On Thursday, April 19, 2007 3:44 PM Dug Falby <> said:

> Hi all,
> 
> I wonder if I could get your opinion on whether or not something is
> possible and if it is, is there a really compact way of doing it with
> jquery?
> 
> I would like to make a character counter for a textarea input. I would
> like the string that is the number of chars typed in the box to always
> be the last chars of the textrarea. A bit like this:
> 
> I [1 char]
> I can [5 char]
> I can type [10 char]
> 
> you get the idea, the little "[x char]" string floats along as if the
> insertion point was just before it.
> 
> Is this going to be possible?
> 
> All the best,
> Dug

I suspect that it's possible but it sounds like it'd be really
annoying/confusing from a usability standpoint.

What happens when the user exits that field?
What happens when the user goes back into that field?
If they press the End key where does their cursor go?
What happens when the user tries to put their cursor after the "[x
char]" string?

Maybe you'd be better off going the traditional route and offer the
character counter on the top/side/bottom of the textarea like everyone
else?



Regards,
Chris.

[jQuery] manipulating TEXAREA content

[Dug Falby]

Hi all,

I wonder if I could get your opinion on whether or not something is
possible and if it is, is there a really compact way of doing it with
jquery?

I would like to make a character counter for a textarea input. I would
like the string that is the number of chars typed in the box to always
be the last chars of the textrarea. A bit like this:

I [1 char]
I can [5 char]
I can type [10 char]

you get the idea, the little "[x char]" string floats along as if the
insertion point was just before it.

Is this going to be possible?

All the best,
Dug


--
Dug Falby
http://www.donkeyontheedge.com/

[jQuery] Using Interface.Droppable

[faz]

Ciao to all and sorry for my english,
I m very new to jquery and his plugin Interface,
I m trying to use drag and drop, but after a drop,
if I clone a tag or I substitute his html with element having the same
css class,
the new elemnt are not sensible to the drag or drop behaviour attached
to the class.
Thanx  to all


Faz

[jQuery] Re: jQuery 1.1.3a / 1.2 ?

[John Resig]

I've been doing a lot of traveling (past 10 days), and now I'm sick.
Maybe this weekend, but I'm not completely sure.

In your case, I don't think the escaping will solve the : issue -
since : denotes a namespace (and I'm fairly certain that it isn't
treated identically in all browsers).

Travel proof:
http://yuiblog.com/blog/2007/04/16/video-resig/
http://www.flickr.com/photos/adactio/464449077/

--John

On 4/19/07, Jonathan Sharp <[EMAIL PROTECTED]> wrote:

What's the release status for 1.1.3a (or 1.2)?

We're in need of support for expanded namespaces (eg. being able to select
foo:bar via $('foo\\\:bar') )

Cheers,
-Jonathan

[jQuery] Treeview persistence (cookies) and a dynamic (PHP/MySQL built) UL - not holding state

[withinreach]

I'm working with Treeview, latest version, needing the cookie/
persistence feature for a project.

Sample demo works fine on my local machine (I can click on 2nd tree,
change what's open/closed, browse to another page, then return (BACK
button), and the tree holds its state. Great!

Can't get it to work in my test system though.

http://www.wrctest.com/tt2006/tennis_lessons_showall.php

You do not need an account or login to see the tennis lessons - and
the next screen (after picking a lesson) only shows more details, so
anyone (on this list) can see what's going on (or not, as the case may
be).

Please, it is a beta system, so don't tell folks about it, ok?

What I want is that when someone drills down and finally picks a
class, they get the details page (that works), but when they click
'back', the tree is not all collapsed back up, but instead stays where
it was.

I suspect it's more a PHP and cache issue (in other words, don't
rebuild the tree on each visit), but want to run it by this august
group before I look into a different direction. And any advice on the
PHP side  (buffering, caching, looking at return url, pre-creating the
UL?) all welcome.

Thanks!
Mike Truese

[jQuery] Plugin: frameReady updated. Now with better docs and demos ;)

[Daemach]

I just updated frameReady to support loading script and stylesheet
files in other frames, including nested, dynamically created iframes
if necessary.  frameReady loads jQuery in the target frame(s) by
default, so you can run any jQuery function in the target frame as if
you were dealing with the local document.   $("p") instead of $("p",
top.mainFrame.iFrame.document) for example.  You can also load jQuery
plugins and stylesheets and any functions you want to run will wait
until those files are loaded, parsed and available before running.

More information and a demo here:  http://ideamill.synaptrixgroup.com/?p=6

If you take the time to look at this, please let me know what you
think!

[jQuery] Re: animate background-position??

[Jeffrey Kretz]

Background-position is a dual property, containing both the X and Y
coordinates.  To animate it, you have to animate the X and Y separately.

$('#header').animate({backgroundPositionX : bkgPosX , backgroundPositionY:
bkgPosY },'slow');

JK

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of sspboyd
Sent: Thursday, April 19, 2007 2:35 PM
To: jQuery (English)
Subject: [jQuery] animate background-position??


Hi,
I've been trying several ways to animate the position of a background
image and I'm stuck.

This is the code I'm using:

$("#header").click(function(){
var bkgPosX=Math.round(Math.random()*(-500));
var bkgPosY=Math.round(Math.random()*(-200));

$("#header").animate({style: 'background-position: bkgPosX
bkgPosY;'},'slow');
});

Any help is much appreciated!
Steve

[jQuery] Re: Multiple File Upload Plugin for jQuery

[Dan G. Switzer, II]

Oscar,

>I am trying to load (using $.load()) a page which contains a form with
>Multiple File Upload Plugin but it doesn't work.
>
>Any idea?

The $.load() method is designed to load document fragments--not entire web
pages. 

If you want to use load complete page, use an --that's what
they're designed for.

If you really want it to be loaded as document fragment, then just load the
contents between the  in you upload.asp. You'll then need to
move your jQuery libraries into the head of the target document.

-Dan

[jQuery] jQuery 1.1.3a / 1.2 ?

[Jonathan Sharp]

What's the release status for 1.1.3a (or 1.2)?

We're in need of support for expanded namespaces (eg. being able to select
foo:bar via $('foo\\\:bar') )

Cheers,
-Jonathan

[jQuery] Multiple File Upload Plugin for jQuery

[oscar esp]

I am trying to load (using $.load()) a page which contains a form with
Multiple File Upload Plugin but it doesn't work.

Any idea?

Here is the code:

.
.


Empty div

.
.


upload.asp




jQuery.noConflict();







Example 4

This example requires the MetaData plugin.

Here's is how you'd use the MetaData plugin to configure this plugin
in more detail.

You can even change the language of the plugin by customizing the
STRING object.


class="multi {accept:'txt', max:1, STRING:
{remove:'Remover',selected:'Selecionado: $file',denied:'Invalido
arquivo de tipo $ext!'}}"


No limit

[jQuery] animate background-position??

[sspboyd]

Hi,
I've been trying several ways to animate the position of a background
image and I'm stuck.

This is the code I'm using:

$("#header").click(function(){
var bkgPosX=Math.round(Math.random()*(-500));
var bkgPosY=Math.round(Math.random()*(-200));

$("#header").animate({style: 'background-position: bkgPosX
bkgPosY;'},'slow');
});

Any help is much appreciated!
Steve

[jQuery] Re: Keyboard shortcuts

[Chris Jordan]

That shortkeys plugin is cool! I'm gonna have to remember that
one. :o)

Chris

On Apr 19, 2:49 pm, "Leonardo K" <[EMAIL PROTECTED]> wrote:
> http://sanisoft-demo.com/jquery/plugins/shortaccesskey/
> orhttp://rikrikrik.com/jquery/shortkeys/
>
> On 4/19/07, Glen Lipka <[EMAIL PROTECTED]> wrote:
>
>
>
> >http://www.openjs.com/scripts/events/keyboard_shortcuts/
>
> > This looks really cool.
> > Is there a jQuery plugin like it?
>
> > Glen

[jQuery] Re: Keyboard shortcuts

[Brandon Aaron]

Yup.

http://rikrikrik.com/jquery/shortkeys/

--
Brandon Aaron

On 4/19/07, Glen Lipka <[EMAIL PROTECTED]> wrote:

http://www.openjs.com/scripts/events/keyboard_shortcuts/

This looks really cool.
Is there a jQuery plugin like it?

Glen

[jQuery] Re: Class doesn't support Automation? -OR- I think there's a bug in jquery.dump.js

[Chris Jordan]

Okay, I think I figured this one out. I've put up a very simplified
page that shows the problem in action, and it was during the creation
of this page that I figured out what (or more accurately where) the
issue is.

view the page here (http://cjordan.us/test/ChrisTest.cfm).

My original function:

function DeleteGroup(){
var $group = $("#GroupKeyID")[0];
var index = $group.selectedIndex;
var groupname = $group.options[index];
$.dump(groupname);
return;
}

In it I was just trying to remember exactly how to access a specific
option (I know easy stuff, but sometimes i need reminding). So I used
$.dump() (available in jquery.dump.js) to dump the DOM element and
that reminded me, "Oh! Right, the options array... I remember now."

So I adjusted my function to what you see above and ran it expecting
to see a dump of the option DOM element. But instead I got this weird
error (the one which is the subject of this thread).

I tried it in FireFox.

Of course, no problems there. It did exactly what I expected it to do
without complaining about Automation support (whatever that is...)

So in simplifying this example for the fine folks on this list to
view, I also decided to add the following line to the function

alert(groupname.value);

So now in addition to dumping the DOM Element, I'm alerting the value
that I expect to be there.

I tried it in FF just to see that all was still well. And it was (as
usual).

I tried IE... and the darn thing *worked*! Well... at least the
alert() statement worked. After clicking the 'ok' on the alert, the
error popped up again.

It was the *dump* that failed and caused this weird error!

So, the point is that I can continue life the way I was trying to
before, but that the author of $.dump() (Daemach, I think?) seems to
have a bug.

Just thought I'd share this with y'all in case anyone else gets bitten
by it.

Now... if we can just get that $.dump() bug fixed (if indeed it is
fixable in IE). Hmmm... ;o)

Cheers,
Chris



I've got a test page that shows this bug.

On Apr 19, 10:39 am, Christopher Jordan <[EMAIL PROTECTED]>
wrote:
> I'll see what I can to about getting an example page posted to the web where
> others can see it. My client currently has me working on another aspect of the
> project, but I should still be able to get it done today.
>
> Thanks,
> Chris
>
> PS...
>
> >  What'd you call me?! I'm a newbie here
> > too.  I only answer what look to be easy ones, because I know far too
> > little yet.  :-)
>
> Meh, don't short-change yourself. I'm a noob in some areas, and in others I'm
> not. If you can help me, it doesn't matter what you *don't* know! :o)
>
> Thanks (again)
> Chris
> --http://www.cjordan.us

[jQuery] Re: Deleting siblings

[Leonardo K]

Sorry, correcting:

$("td.closeTab").click( function() {
   if (confirm("Are you sure you want to delete this tab?")) {
  var parentElt = $(this).parents("td.topTab:first");
  $(parentElt).next().remove();
  $(parentElt).prev().remove();
  parentElt.remove();
   }   // if
  } );

On 4/19/07, Leonardo K <[EMAIL PROTECTED]> wrote:


This should work:

 $("td.closeTab").click( function() {
if (confirm("Are you sure you want to delete this tab?")) {
   var parentElt = $(this).parents("td.topTab:first");
   parentElt.remove();
   $(parentElt).next().remove();
   $(parentElt).prev().remove();
}   // if
   } );

On 4/19/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
>
> Hi,
>
> I have this HTML
>
> 
> ...
> 
> 
> 
> nooo
>  alt="Close"
> border="0">
> 
> 
> ...
> 
>
> when the user clicks the "close" button, I want to delete not only the
> parent cell of the close button (the cell with class="topTab") but
> also the two adjacent cells -- the ones containing the " spacer.gif"
> image.  So far I have
>
> $("td.closeTab").click( function() {
> if (confirm("Are you sure you want to delete
> this tab?")) {
> var parentElt = $
> (this).parents("td.topTab:first");
> parentElt.remove();
> }   // if
> } );
>
> What should I add to remove the other two cells?
>
> Thanks, - Dave
>
>

[jQuery] Re: Library showdowns

[Scott Sauyet]

Nathan Young -X (natyoung - Artizen at Cisco) wrote:
> If I understand your problem statement this is something I'd currently
> solve using closures, is there a way that using currying is
> fundamentally different or is it a different way of thinking about the
> same problem?

At the risk of continuing to stray off-topic, I'll add my two cents 
worth.  Currying is much more limited than closures, but it doesn't 
involve the overhead that a closure can.  A curried function is just 
that, a function, which is stored once and can be called repeatedly with 
different arguments.  They can be used well as callbacks, but there are 
many other uses as well.  They are not a panacea, and I don't think 
there is any way they can play well with optional parameters.  But they 
are a nice tool to have available.


It's not hard to add a generic currying function to Javascript.  Cory 
Hudson has a pretty good implementation [1], which I've modified only 
slightly after some discussions with Sean Catchpole:


_ = curry_n = function (f, n) {
if (typeof n == 'undefined') n = f.length;
return function () {
if (arguments.length >= n) {
return f.apply(this, arguments);
} else {
var a = [].slice.call(arguments,0);
return curry_n(
function () {
return f.apply(this, a.concat([].slice.call(
arguments,0)));
},
n-a.length
);
}
};
}

Using that function (and the "_()" alias for readability, we can define 
a function like this:


var add = _(function(a, b) {
return a + b;
});

And we can call it simply and get the expected answer:

var sum = add(3, 7);  // => 10

But we can also call it with fewer arguments, and get back a new function:

var func = add(3);// => function(b) {return 3 + b;}

This new function can then be called with the additional arguments to 
get the expected result:


var sum2 = func(7);   // => 10

This is not limited to a single variable either:

var mult = _(function(a, b, c) {
return a * b * c;
});

var prod = mult(2, 3, 5); // => 30
var func2 = mult(2, 3);   // => function(c) {return 6 * c;}
var prod2 = func2(5); // => 30
var func3 = mult(2);  // => function(b, c) {return 2 * b * c;}
var prod3 = func3(3, 5);  // => 30
var func4 = func3(3); // => function(c) {return 6 * c;}
var prod4 = func4(5); // => 30


Again, I apologize for going so far off-topic.  I haven't yet seen any 
place where currying would make existing JQuery code any better, but 
it's a nice thing to keep in mind when needed.


  -- Scott

[1] http://www.coryhudson.com/blog/2007/03/10/javascript-currying-redux/

[jQuery] Re: Deleting siblings

[Leonardo K]

This should work:

$("td.closeTab").click( function() {
   if (confirm("Are you sure you want to delete this tab?")) {
  var parentElt = $(this).parents("td.topTab:first");
  parentElt.remove();
  $(parentElt).next().remove();
  $(parentElt).prev().remove();
   }   // if
  } );

On 4/19/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:



Hi,

I have this HTML


...



nooo



...


when the user clicks the "close" button, I want to delete not only the
parent cell of the close button (the cell with class="topTab") but
also the two adjacent cells -- the ones containing the "spacer.gif"
image.  So far I have

$("td.closeTab").click( function() {
if (confirm("Are you sure you want to delete
this tab?")) {
var parentElt = $
(this).parents("td.topTab:first");
parentElt.remove();
}   // if
} );

What should I add to remove the other two cells?

Thanks, - Dave

[jQuery] Re: jQuery Powered Sites - More Sites Added.

[Theo Welch]

Thanks, John!

And thank *you* for making it possible! Seriously. Without jQuery,  
that exhibit would not exist. Thanks a lot!


-THEO-



On Apr 19, 2007, at 3:24 PM, John Resig wrote:



Very very nice work!

--John

On 4/19/07, Theo Welch <[EMAIL PROTECTED]> wrote:


Hi All,

I just completed a Photography exhibit that is within the U.S.
National Archives' website. It uses jQuery extensively and has some
pretty good photos in it too. :)

http://www.archives.gov/exhibits/twww/

It uses a modified Accordion plugin for the main presentation, a
modified Thickbox to display the photos, that little Pause plugin,
and a few other bits of jQuery goodness. I left the JS code non-
obfuscated in case anyone wants to see how I glued it together.

I have also implemented the jQuery library on the U.S. National
Archives' website (the entire site). It replaces some hand-coded JS
and the (now ancient) Moock Flash Detection API they were using:

http://www.archives.gov/

Archives.gov isn't actually using jQuery all that much yet. Mostly
it's just the basics, and the jMedia plugin here and there. In time
I'll be adding more client-side functionality for the staff there to
utilize (I'm a consultant/contractor, not a Gov. Employee), starting
with the tabs, form, and validation plugins.

Thanks to the whole jQuery community for all these new opportunities
to impress my clients!

Cheers!
-THEO-

[jQuery] Deleting siblings

[[EMAIL PROTECTED]]

Hi,

I have this HTML


...



nooo



...


when the user clicks the "close" button, I want to delete not only the
parent cell of the close button (the cell with class="topTab") but
also the two adjacent cells -- the ones containing the "spacer.gif"
image.  So far I have

$("td.closeTab").click( function() {
if (confirm("Are you sure you want to delete
this tab?")) {
var parentElt = $
(this).parents("td.topTab:first");
parentElt.remove();
}   // if
} );

What should I add to remove the other two cells?

Thanks, - Dave

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Dan G. Switzer, II]

Jörn,

>I like the idea.Gonna test if that works out.
>
>About the xor-validation, I wonder if this could work:
>
>$.validator.addMethod('xor', function(value, element, parameter) {
>   return value && $(parameter).is(":blank");
>});
>
>rules: {
>   field1: { xor: "#field2" },
>   field2: { xor: "#field1" }
>},
>messages: {
>   field1: "Please specify either field1 or field2",
>   field2: "Please specify either field1 or field2"
>}
>
>If both are empty, both are invalid. If both have a value, both are
>invalid. Whats left are two valid combinations. Am I missing something,
>apart from trying it out?


The biggest issue I can see if that the error is going to get thrown
twice--and you really only want the error thrown once. I mean there may be a
time when you want the message to be shown twice, but in a case like the
following, you really only want 1 message:

Search by area code [___] or zip code [__]

-Dan

PS - I'm not saying that's the best UI choice, just giving an example of why
you might not want the error thrown twice. :)

[jQuery] Re: Keyboard shortcuts

[Brian Miller]

Yeuhda's "fix events" bears some similarities.  It might even be a good
thing to combine them, as I'm not sure if the keyboard shortcuts script
entirely evens out the differences between browsers.

- Brian


> http://www.openjs.com/scripts/events/keyboard_shortcuts/
>
> This looks really cool.
> Is there a jQuery plugin like it?
>
> Glen

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Jörn Zaefferer]

Dan G. Switzer, II schrieb:

Aaron,

  

I may be misunderstanding something, but what does this do that
$.validator.addMethod[1] doesn't?



The addMethod would accomplish the same thing. The addMethod() is really
affective for building a library of reusable validation method.

However, there are times when you have very specific, non-reusable rules you
need to implement. For these cases, being able to just define a rule inline
makes a lot of sense. 


Also, the original discussion came from how to validate either/or type
validation rules and I was just trying to think of ways you might easily
build a rule to do that.
  

I like the idea.Gonna test if that works out.

About the xor-validation, I wonder if this could work:

$.validator.addMethod('xor', function(value, element, parameter) {
return value && $(parameter).is(":blank");
});

rules: {
field1: { xor: "#field2" },
field2: { xor: "#field1" }
},
messages: {
field1: "Please specify either field1 or field2",
field2: "Please specify either field1 or field2"
}

If both are empty, both are invalid. If both have a value, both are 
invalid. Whats left are two valid combinations. Am I missing something, 
apart from trying it out?


--
Jörn Zaefferer

http://bassistance.de

[jQuery] Re: Keyboard shortcuts

[Leonardo K]

http://sanisoft-demo.com/jquery/plugins/shortaccesskey/
or
http://rikrikrik.com/jquery/shortkeys/

On 4/19/07, Glen Lipka <[EMAIL PROTECTED]> wrote:


http://www.openjs.com/scripts/events/keyboard_shortcuts/

This looks really cool.
Is there a jQuery plugin like it?

Glen

[jQuery] Re: AJAX problems in IE6

[George]

Hi Ben, I know you found a workaround for this using the pause plugin,
but I wondered if the problem had anything to do with the way the
fadeIn() is outside the call back function? This means the fadeIn is
running when the ajax response arrives back. Just a thought.

George

[jQuery] Keyboard shortcuts

[Glen Lipka]

http://www.openjs.com/scripts/events/keyboard_shortcuts/

This looks really cool.
Is there a jQuery plugin like it?

Glen

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Dan G. Switzer, II]

Aaron,

>I may be misunderstanding something, but what does this do that
>$.validator.addMethod[1] doesn't?

The addMethod would accomplish the same thing. The addMethod() is really
affective for building a library of reusable validation method.

However, there are times when you have very specific, non-reusable rules you
need to implement. For these cases, being able to just define a rule inline
makes a lot of sense. 

Also, the original discussion came from how to validate either/or type
validation rules and I was just trying to think of ways you might easily
build a rule to do that.

-Dan

[jQuery] Re: jQuery Powered Sites - More Sites Added.

[John Resig]

Very very nice work!

--John

On 4/19/07, Theo Welch <[EMAIL PROTECTED]> wrote:


Hi All,

I just completed a Photography exhibit that is within the U.S.
National Archives' website. It uses jQuery extensively and has some
pretty good photos in it too. :)

http://www.archives.gov/exhibits/twww/

It uses a modified Accordion plugin for the main presentation, a
modified Thickbox to display the photos, that little Pause plugin,
and a few other bits of jQuery goodness. I left the JS code non-
obfuscated in case anyone wants to see how I glued it together.

I have also implemented the jQuery library on the U.S. National
Archives' website (the entire site). It replaces some hand-coded JS
and the (now ancient) Moock Flash Detection API they were using:

http://www.archives.gov/

Archives.gov isn't actually using jQuery all that much yet. Mostly
it's just the basics, and the jMedia plugin here and there. In time
I'll be adding more client-side functionality for the staff there to
utilize (I'm a consultant/contractor, not a Gov. Employee), starting
with the tabs, form, and validation plugins.

Thanks to the whole jQuery community for all these new opportunities
to impress my clients!

Cheers!
-THEO-

[jQuery] Re: .load jcarousel

[Jan Sorgalla]

Hi,


lucharles wrote:
> 
> i am trying to use the .load in jquery to inject a jcarousel into my
> document. is this possible? when clicking the site navigation the images
> appear in a vertical list instead of hidden and sliding. something seems
> to not be loading.
> 
> for an example th eurl is:
> http://commissary.memphis.edu/buildingstudio/
> 
> click on current projects and the first subnav.
> 
> a working html version of the file i am injectiing is:
> http://commissary.memphis.edu/buildingstudio/galleryworking.html
> 
> and a php version which is actuall what is going to hopefully (pull from
> db and currently this does not have the css or js files):
> http://commissary.memphis.edu/buildingstudio/current.php
> 

You have to apply jCarousel on the loaded HTML:

function loadCurrent() {
$("#main_content").load("current.php", function() {
$('#mycarousel', this).jcarousel({
/* Configuration goes here */
});
}); 
}

Jan

-- 
View this message in context: 
http://www.nabble.com/.load-jcarousel-tf3607584.html#a10085108
Sent from the jCarousel mailing list archive at Nabble.com.

[jQuery] Re: Library showdowns

[Nathan Young -X \(natyoung - Artizen at Cisco\)]

Thanks for the reply!
 
If I understand your problem statement this is something I'd currently
solve using closures, is there a way that using currying is
fundamentally different or is it a different way of thinking about the
same problem?
 
--->Nathan




From: jquery-en@googlegroups.com
[mailto:[EMAIL PROTECTED] On Behalf Of Rhapidophyllum
Sent: Tuesday, April 17, 2007 6:36 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Library showdowns


There are some situations when you can only pass a variable
referring to a function; with a curry function you can pass a variable
that refers to a function + arguments.   
A problem, though, is that some curry functions seem to go a
little beyond this basic functionality, behaving differently with
different numbers of arguments.  (I'm thinking of the dojo curry
function, which is based on one from a certain language.)  I don't
follow it exactly when it does this, but it makes me leery of using it.


On Apr 17, 2007, at 6:38 PM, Nathan Young -X ((natyoung -
Artizen at Cisco)) wrote:


Hi.
 
Can you describe a problem whose solution becomes much
easier by using currying?
 
->Nathan




From: jquery-en@googlegroups.com
[mailto:[EMAIL PROTECTED] On Behalf Of Sean Catchpole
Sent: Monday, April 16, 2007 8:17 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Library showdowns


Jeffrey and Glen,

Allow me to explain currying. Imagine if you
will the following function (written in javascript)
add = function (a,b) { return a+b }
I can now call add(3,7) and it will return 10.
A language that allows currying would allow me
to pass only one variable and it would return a new function that takes
a single variable. ex: add(3) would return a function that adds three to
the input. Here is an example way of implementing it in javascript:
add = function (a) { return function (b) {
return a+b } }
Now I can call add(3) and it will return
function (b) { return 3+b } 
In the same sense as the first example we can
now call add(3)(7) and it will return 10.

This allows for lots of cleverness in use of
functions and ultimately make functions far more reusable. I consider it
a great advantage of functional programming. So as you can see, the same
effect can be created, but it's tedious. I'm trying to come up with a
trickier way so that it's not so painful to create a curried function in
javascript. 


~Sean 

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Aaron Heimlich]

I may be misunderstanding something, but what does this do that
$.validator.addMethod[1] doesn't?

[1]
http://jquery.bassistance.de/api-browser/plugins.html#jQueryvalidatoraddMethodStringFunctionString

On 4/19/07, Dan G. Switzer, II <[EMAIL PROTECTED]> wrote:



Jörn,

>Sorry, my example was a bit misleading. So far you can't pass a function
>as a rule, only as a value to required.
>supported: field: { required: function() {} }
>not supported: field: function() {}
>
>By adding support for the latter, you could do almost everything, but
>I'm not yet sure how it should actually work.

Well, my idea was that you could define a key in the rules object that is
a
function.

Then you could do something like:

var result =
(typeof rule.value == "function" ) ?
rule.value(
jQuery.trim(element.value), element,
rule.parameters
)
:
jQuery.validator.methods[rule.method](
jQuery.trim(element.value), element,
rule.parameters

)
;

I think if you made this change, then you could do:

rules = {
field2: {
email: true,
myRule: function(){
true
}
}
},

message = {
field2: {
myRule: "Hey, I always fail!"
}
}

I didn't dig too deeply in the code, so I may have it wrong, but I think
you
can see what I was getting at.

-Dan





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

[jQuery] Re: a grid rather than a row

[Jan Sorgalla]

pwnw31842 wrote:
> 
> i'm using example_dynamic_ajax.html as a basis on which to construct it,
> pulling image references from the txt file. 
> 
> But If i'm automatically pulling the images from flickr or a txt file how
> do i prevent it from putting each image in an LI?
> 
> it seems like theres an overflow:hidden somewhere maybe which is
> preventing the height attribute from being effective.
> 
You can put whatever you want inside a . It can be a single image or a
table of 16 images. Just customize the getItemHTML() function.

Jan
-- 
View this message in context: 
http://www.nabble.com/a-grid-rather-than-a-row-tf3599977.html#a10084948
Sent from the jCarousel mailing list archive at Nabble.com.

[jQuery] Re: jEditable/CSS question

[Josh Nathanson]

1. wrap the two buttons in their own  tag. THis will cause them  to 
appear on their own line since  tags are display:block; by  default.


OK, I'm a dumb dumb...I added "display:block" to the textarea style and now 
it displays how I want, with no hacks to jEditable code (other than my 
previous mods).


- Josh

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Dan G. Switzer, II]

Jörn,

>Sorry, my example was a bit misleading. So far you can't pass a function
>as a rule, only as a value to required.
>supported: field: { required: function() {} }
>not supported: field: function() {}
>
>By adding support for the latter, you could do almost everything, but
>I'm not yet sure how it should actually work.

Well, my idea was that you could define a key in the rules object that is a
function. 

Then you could do something like:

var result = 
(typeof rule.value == "function" ) ?
rule.value(
jQuery.trim(element.value), element, rule.parameters
)
:
jQuery.validator.methods[rule.method]( 
jQuery.trim(element.value), element, rule.parameters

)
;

I think if you made this change, then you could do:

rules = {
field2: {
email: true,
myRule: function(){
true
}
}
},

message = {
field2: {
myRule: "Hey, I always fail!"
}
}

I didn't dig too deeply in the code, so I may have it wrong, but I think you
can see what I was getting at.

-Dan

[jQuery] Re: jEditable/CSS question

[abba bryant]

tried display:block; ? also if the plugin is inserting a container div, check
that elements styles as well. It might be a fixed width. I don't use the
plugin so I can't be more help.



Josh Nathanson-2 wrote:
> 
> 
> Hey all,
> 
> I'm working with jEditable which changes text to an input field when you 
> click the text.  It works really nicely.
> 
> I modded it a bit to allow me to style each of the elements individually, 
> rather than the whole form, which is working fine.
> 
> When you generate a textarea, it also creates a "submit" and "cancel" 
> button - problem is that the submit button always appears to the right of 
> the textarea, with the cancel button below the textarea on the next line.
> 
> I'd like to have both buttons appear below the textarea.  I've tried 
> applying clear:both and float:none to the button style via a class to make 
> this happen, but neither has worked.  Are there any other tricks to
> getting 
> the button to break to the next line below the textarea via css?  I don't 
> want to append a  in the jEditable code because that seems like a
> hack. 
> Thanks for any help.
> 
> -- Josh 
> 
> 
> 

-- 
View this message in context: 
http://www.nabble.com/jEditable-CSS-question-tf3608824s15494.html#a10084361
Sent from the JQuery mailing list archive at Nabble.com.

[jQuery] Re: ThickBox question

[Theo Welch]

Thanks, guys!  :)


On Apr 19, 2007, at 1:45 PM, Ariel Jakobovits wrote:



me too

- Original Message 
From: Christopher Jordan <[EMAIL PROTECTED]>
To: jquery-en@googlegroups.com
Sent: Thursday, April 19, 2007 10:27:05 AM
Subject: [jQuery] Re: ThickBox question


Hey Theo that's pretty cool! I like the site. :o)

Chris

Theo Welch wrote:


Hi All,

I happened upon your discussion below.

Just FYI, I have a customized Thickbox running on this photography  
exhibit:


http://www.archives.gov/exhibits/twww/

Cheers!
-THEO-




On Apr 19, 2007, at 10:36 AM, Christopher Jordan wrote:



Rob,

Thanks heaps for sharing! I'll look at this in more detail later
today, and holler if I have questions (if that's okay) :o)

Chris

Rob Desbois wrote:

I also got put off jqModal initially, mainly because the TB styling
was very nice but jqModal you have to put the effort in to get
looking right.
I created my own wrapper function around jqModal:
/* Creates a jqModal window and appends it to the body.
* @param idPrefix The prefix to attach to elements' IDs. The window
div will have _jqmWindow appended to the prefix, the close button
will have _jqmClose, and the title span will have _jqmTitle  
appended.

These IDs may be used to alter behaviours, styles and content as
required.
* @param content The window's HTML content.
* @param jqmOptions The options to pass to $.jqm() when setting the
div up as a jqModal window.
*/
function CreateJQModalWindow(idPrefix, jqmOptions, content)
{
   $( "" +
 "" +
"" +
   "" +
   "" +
"" +
""+content+"" +
 "" +
  "")
  .jqm(jqmOptions)
  .appendTo("body");
 $("#"+idPrefix+"_jqmClose")
  .hover(function() {$(this).addClass("jqmCloseInverse");},
function() {$(this).removeClass("jqmCloseInverse");})
  .click(function() {$("#"+idPrefix+"_jqmWindow").jqmHide()});
}
I then use that like this:
CreateJQModalWindow('window1', {closeClass:false, trigger:false,
modal:true},
   "The HTML content of my window");
I created the prefix option so that I can have multiple windows
existing on a page (although only one would be visible - it just
saves on recreating them ecah time). The window can be shown and
hidden with:
   $("#window1_jqmWindow").jqmShow();
And to top all of that off, this is my CSS:
div.jqmWindow {position:absolute; top:50%; height:200px;
margin-top:-100px; left:50%; width:300px; margin-left:-150px;
background:url(/images/jqmodal-bg.gif) repeat; border:2px solid
darkblue}
/* Background iframe styling for IE6. Prevents ActiveX bleed- 
through

( form elements, etc.) */
* iframe.jqm {position:absolute; top:0; left:0; z-index:-1; width:
expression(this.parentNode.offsetWidth + 'px'); height:
expression(this.parentNode.offsetHeight + 'px')}
.jqmTitle {margin:0; padding:0 3px; font-family:Arial,sans-serif;
font-size:12px; font-weight:bold; border-bottom:thin solid #aaa;
line-height:21px; color:#3341bf; background:#e8eaff}
.jqmBody {padding:4px}
.jqmBody * {margin:2px}
.jqmClose {float:right; height:16px; width:16px; margin-top:3px;
background:url('/images/syncwatch- close.gif')}
.jqmCloseInverse {background:url('/images/syncwatch-close- 
inverse.gif')}

.jqmOverlay {background-color:#e8eaff}
My jqmodal-bg.gif is just a faint background patterning. The two
close buttons for normal and hover (inverse) are 16x16 images.
I hope all of that helps! There can be quite a bit more work to use
and style jqModal, but it is designed to be played with where TB is
designed to be ready to go and used as-is.
rob
On 4/18/07, *Christopher Jordan* <[EMAIL PROTECTED]
> wrote:
Rob,
While I was looking into this, I did spend quite a while at the
jQModal site
looking at it. I can't off-hand remember why I didn't choose  
it.

Maybe you could
share with me a few code snippets showing what you've done with
jQModal. I'm
interested, as I've started hacking up the thickBox code and  
css to

achieve some
styalistic aims.
Thanks,
Chris
Rob Desbois wrote:

No problem.
Also, fwiw I ended up migrating to jqModal instead of thickbox.
My reasoning was that despite TB being a very good plugin, it's

not that

customisable without hacking up the code. Whilst I achieved

what I

wanted through hacking the plugin, I realised that jqModal was

designed

to be a customisable window plugin, whereas TB is supposed to

be far

closer to Lightbox and is not so easily manipulated in terms of
behaviour and content as jqModal.

Just my feeling on it, and as I said it is a very good plugin,

but it's

worth thinking early on about which one is more suitable for your

situation.

Have fun with it!

rob.

On 4/18/07, *Chris Jordan* < [EMAIL PROTECTED]



>> wrote:



Rob,

That is essentially what I ended up doing. I got busy with

the coding

[jQuery] Re: jEditable/CSS question

[Theo Welch]

Hi Josh. It's hard to say without seeing your specific situation in  
action, but here are a few thoughts:


1. wrap the two buttons in their own  tag. THis will cause them  
to appear on their own line since  tags are display:block; by  
default.
2. reduce the width of your container so there isn't enough space to  
the right of the textarea for the buttons to appear there, forcing  
them to wrap.
3. similar to #2, increase the width of your textarea to reduce empty  
space on it's right side
4. similar to #3, specify a margin-right:XXpx on your textarea  
instead of increasing its width (not sure if this will work in all  
browsers, but it should)


Also, since you would just be inserting the  tag via script,  
nobody would ever really see it in the normal source code, so it's  
probably not that big of a concern and there's nothing semantically  
invalid about it. Although it is generally considered better to  
remove presentational markup from your (X)HTML code.


Good luck!
-THEO-



On Apr 19, 2007, at 2:07 PM, Josh Nathanson wrote:



Hey all,

I'm working with jEditable which changes text to an input field  
when you click the text.  It works really nicely.


I modded it a bit to allow me to style each of the elements  
individually, rather than the whole form, which is working fine.


When you generate a textarea, it also creates a "submit" and  
"cancel" button - problem is that the submit button always appears  
to the right of the textarea, with the cancel button below the  
textarea on the next line.


I'd like to have both buttons appear below the textarea.  I've  
tried applying clear:both and float:none to the button style via a  
class to make this happen, but neither has worked.  Are there any  
other tricks to getting the button to break to the next line below  
the textarea via css?  I don't want to append a  in the  
jEditable code because that seems like a hack. Thanks for any help.


-- Josh 

[jQuery] jEditable/CSS question

[Josh Nathanson]

Hey all,

I'm working with jEditable which changes text to an input field when you 
click the text.  It works really nicely.


I modded it a bit to allow me to style each of the elements individually, 
rather than the whole form, which is working fine.


When you generate a textarea, it also creates a "submit" and "cancel" 
button - problem is that the submit button always appears to the right of 
the textarea, with the cancel button below the textarea on the next line.


I'd like to have both buttons appear below the textarea.  I've tried 
applying clear:both and float:none to the button style via a class to make 
this happen, but neither has worked.  Are there any other tricks to getting 
the button to break to the next line below the textarea via css?  I don't 
want to append a  in the jEditable code because that seems like a hack. 
Thanks for any help.


-- Josh 

[jQuery] Re: Release: autocomplete 1.0 alpha

[Jörn Zaefferer]

Dan G. Switzer, II schrieb:

What would be passed to the function?  The containing li?  a jQuery object
containing the containing li?  The HTML text?


The source is available here:
http://dev.jquery.com/browser/trunk/plugins/autocomplete/jquery.autocomplete
.js

[...]

At the moment it runs against li.innerHTML.
  
So far it was internal only, I'd pass the formatted string as the first 
argument and the other stuff in addition.
Formatting would be very flexible then. Default takes a simple string 
and adds simple highlighting. Then you can replace that simple string 
with some custom formatting and default highlighting. Or you use 
formatting and include highlighting and switch off default 
highlighting... I hope we really need that degree.


Ah, and thanks Dan for the regex and the link, I'll test that.

--
Jörn Zaefferer

http://bassistance.de

[jQuery] Re: Erratic behavior of cookie plugin

[Jörn Zaefferer]

Ⓙⓐⓚⓔ schrieb:

"/" for a path is great. every page will share the cookies,

KLAUS & Jörn, wouldn't it be a nice default? This is "server wide 
cookies".


If you added a domain ".example.com" You have "all 'subhost' cookies".
If you added a domain "example.com " You have 
"domain wide cookies".


the 2 last are often mixed up and there is very little difference!

BUT old cookies for "/test" would still be visible to a page under 
"/test" like "/test/xyz.html"

I hope you never have to clean up your team's crummy cookie remains!
Seems like that would solve a lot of the problems with cookies. I'm 
planning a few additions to the cookie plugin anyway. Klaus?


--
Jörn Zaefferer

http://bassistance.de

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Jörn Zaefferer]

SeViR schrieb:


I would need some methods ("rules" in YAV) in Validation plugin:

//  generic regexp method

$.validator.addMethod("regexp", function(value, element, 
regular_expression) {
   return (typeof(regular_expression) == "string")? 
value.match(new RegExp(regular_expression)) : 
value.match(regular_expression);

   }, 'Please check if you write it correctly');
Somewhere in the documentation you should find a comment stating that 
the temptation to add a regex method is great, but should be resisted. I 
still think that its better to add custom methods that implement those 
regular expression instead of one generic regex method. By choosing a 
good name for the method its very clear what is validated, which is not 
easily figured by looking at a complex regular expression. And heavily 
increases the chance to reuse regular expressions.
Also I'd like "implies", "and" and "or" methods, but as I see the 
validator plugin how
because you check by element not by rules so. I have some idea for 
"implies" but not

in "and" and "or" method:

[...]
I haven't understood yet how implies works, but your code seems like a 
good approach to tackle that feature. Thanks.


--
Jörn Zaefferer

http://bassistance.de

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Jörn Zaefferer]

Dan G. Switzer, II schrieb:

Jörn,

  

You can do that already. After implementing the suppurt for expressions,
support for plain functions was really easy. I can imagine adding a
method on the fly:

rules: {
field2: function() { return condition; }
}



I wasn't aware of that. However, if you changed that do:

rules: {
field2: {custom: function() { return condition; }}
}

Then you could do:

messages: {
field2: {custom: "My custom function error!"}
}

Also, just so I'm clear on how it works, what happens with the following:

rules: {
field2: function() { return false; }
}

Does this just throw the field2 is required? What happens if I want to apply
other validation rules to field2? 
  
Sorry, my example was a bit misleading. So far you can't pass a function 
as a rule, only as a value to required.

supported: field: { required: function() {} }
not supported: field: function() {}

By adding support for the latter, you could do almost everything, but 
I'm not yet sure how it should actually work.


--
Jörn Zaefferer

http://bassistance.de

[jQuery] ?compile jQuery with plugins

[DS.Highwind]

Is there a way to compile a set of plugins directly into jQuery (so as
not to include them in separate script tags)? I've tried to build it
with "make with_plugins all" and "make with_plugins", but nothing
happens, I always got the standard version of jquery compiled (the
paths I found in the Makefile are correct, I mean I've placed the
plugins where they are intended to be). Well, I could copy-paste
everything into the core js file, but it's not the solution I think.
I'm not using svn, if it is important.

[jQuery] Re: ThickBox question

[Ariel Jakobovits]

me too

- Original Message 
From: Christopher Jordan <[EMAIL PROTECTED]>
To: jquery-en@googlegroups.com
Sent: Thursday, April 19, 2007 10:27:05 AM
Subject: [jQuery] Re: ThickBox question


Hey Theo that's pretty cool! I like the site. :o)

Chris

Theo Welch wrote:
> 
> Hi All,
> 
> I happened upon your discussion below.
> 
> Just FYI, I have a customized Thickbox running on this photography exhibit:
> 
> http://www.archives.gov/exhibits/twww/
> 
> Cheers!
> -THEO-
> 
> 
> 
> 
> On Apr 19, 2007, at 10:36 AM, Christopher Jordan wrote:
> 
>>
>> Rob,
>>
>> Thanks heaps for sharing! I'll look at this in more detail later 
>> today, and holler if I have questions (if that's okay) :o)
>>
>> Chris
>>
>> Rob Desbois wrote:
>>> I also got put off jqModal initially, mainly because the TB styling 
>>> was very nice but jqModal you have to put the effort in to get 
>>> looking right.
>>> I created my own wrapper function around jqModal:
>>> /* Creates a jqModal window and appends it to the body.
>>> * @param idPrefix The prefix to attach to elements' IDs. The window 
>>> div will have _jqmWindow appended to the prefix, the close button 
>>> will have _jqmClose, and the title span will have _jqmTitle appended. 
>>> These IDs may be used to alter behaviours, styles and content as 
>>> required.
>>> * @param content The window's HTML content.
>>> * @param jqmOptions The options to pass to $.jqm() when setting the 
>>> div up as a jqModal window.
>>> */
>>> function CreateJQModalWindow(idPrefix, jqmOptions, content)
>>> {
>>>$( "" +
>>>  "" +
>>> "" +
>>>">> class='jqmClose'>" +
>>>"" +
>>> "" +
>>> ""+content+"" +
>>>  "" +
>>>   "")
>>>   .jqm(jqmOptions)
>>>   .appendTo("body");
>>>  $("#"+idPrefix+"_jqmClose")
>>>   .hover(function() {$(this).addClass("jqmCloseInverse");}, 
>>> function() {$(this).removeClass("jqmCloseInverse");})
>>>   .click(function() {$("#"+idPrefix+"_jqmWindow").jqmHide()});
>>> }
>>> I then use that like this:
>>> CreateJQModalWindow('window1', {closeClass:false, trigger:false, 
>>> modal:true},
>>>"The HTML content of my window");
>>> I created the prefix option so that I can have multiple windows 
>>> existing on a page (although only one would be visible - it just 
>>> saves on recreating them ecah time). The window can be shown and 
>>> hidden with:
>>>$("#window1_jqmWindow").jqmShow();
>>> And to top all of that off, this is my CSS:
>>> div.jqmWindow {position:absolute; top:50%; height:200px; 
>>> margin-top:-100px; left:50%; width:300px; margin-left:-150px; 
>>> background:url(/images/jqmodal-bg.gif) repeat; border:2px solid 
>>> darkblue}
>>> /* Background iframe styling for IE6. Prevents ActiveX bleed-through 
>>> ( form elements, etc.) */
>>> * iframe.jqm {position:absolute; top:0; left:0; z-index:-1; width: 
>>> expression(this.parentNode.offsetWidth + 'px'); height: 
>>> expression(this.parentNode.offsetHeight + 'px')}
>>> .jqmTitle {margin:0; padding:0 3px; font-family:Arial,sans-serif; 
>>> font-size:12px; font-weight:bold; border-bottom:thin solid #aaa; 
>>> line-height:21px; color:#3341bf; background:#e8eaff}
>>> .jqmBody {padding:4px}
>>> .jqmBody * {margin:2px}
>>> .jqmClose {float:right; height:16px; width:16px; margin-top:3px; 
>>> background:url('/images/syncwatch- close.gif')}
>>> .jqmCloseInverse {background:url('/images/syncwatch-close-inverse.gif')}
>>> .jqmOverlay {background-color:#e8eaff}
>>> My jqmodal-bg.gif is just a faint background patterning. The two 
>>> close buttons for normal and hover (inverse) are 16x16 images.
>>> I hope all of that helps! There can be quite a bit more work to use 
>>> and style jqModal, but it is designed to be played with where TB is 
>>> designed to be ready to go and used as-is.
>>> rob
>>> On 4/18/07, *Christopher Jordan* <[EMAIL PROTECTED] 
>>> > wrote:
>>> Rob,
>>> While I was looking into this, I did spend quite a while at the
>>> jQModal site
>>> looking at it. I can't off-hand remember why I didn't choose it.
>>> Maybe you could
>>> share with me a few code snippets showing what you've done with
>>> jQModal. I'm
>>> interested, as I've started hacking up the thickBox code and css to
>>> achieve some
>>> styalistic aims.
>>> Thanks,
>>> Chris
>>> Rob Desbois wrote:
>>>  > No problem.
>>>  > Also, fwiw I ended up migrating to jqModal instead of thickbox.
>>>  > My reasoning was that despite TB being a very good plugin, it's
>>> not that
>>>  > customisable without hacking up the code. Whilst I achieved 
>>> what I
>>>  > wanted through hacking the plugin, I realised that jqModal was
>>> designed
>>>  > to be a customisable window plugin, whereas TB is supposed to 
>>> be far
>>>  > closer to Lightbox and is not so easily manipulated in terms of
>>>  > behaviour and content as jqModal.
>>>  

[jQuery] Re: Release: autocomplete 1.0 alpha

[Dan G. Switzer, II]

Brian,

>What would be passed to the function?  The containing li?  a jQuery object
>containing the containing li?  The HTML text?

The source is available here:
http://dev.jquery.com/browser/trunk/plugins/autocomplete/jquery.autocomplete
.js

581 function dataToDom() {
582 var num = limitNumberOfItems(data.length);
583 for (var i=0; i < num; i++) {
584 if (!data[i])
585 continue;
586 function highlight(value) {
587 return value.replace(new RegExp("(" + term + ")",
"gi"), "$1");
588 }
589 jQuery("").html( options.formatItem 
590 ? highlight(options.formatItem(data[i].data,
i+1, num))
591 : highlight(data[i].value) ).appendTo(list);
592 }
593 listItems = list.find("li");
594 if ( options.selectFirst ) {
595 listItems.eq(0).addClass(CLASSES.ACTIVE);
596 active = 0;
597 }
598 }

At the moment it runs against li.innerHTML.

-Dan

[jQuery] Re: ThickBox question

[Christopher Jordan]

Hey Theo that's pretty cool! I like the site. :o)

Chris

Theo Welch wrote:


Hi All,

I happened upon your discussion below.

Just FYI, I have a customized Thickbox running on this photography exhibit:

http://www.archives.gov/exhibits/twww/

Cheers!
-THEO-




On Apr 19, 2007, at 10:36 AM, Christopher Jordan wrote:



Rob,

Thanks heaps for sharing! I'll look at this in more detail later 
today, and holler if I have questions (if that's okay) :o)


Chris

Rob Desbois wrote:
I also got put off jqModal initially, mainly because the TB styling 
was very nice but jqModal you have to put the effort in to get 
looking right.

I created my own wrapper function around jqModal:
/* Creates a jqModal window and appends it to the body.
* @param idPrefix The prefix to attach to elements' IDs. The window 
div will have _jqmWindow appended to the prefix, the close button 
will have _jqmClose, and the title span will have _jqmTitle appended. 
These IDs may be used to alter behaviours, styles and content as 
required.

* @param content The window's HTML content.
* @param jqmOptions The options to pass to $.jqm() when setting the 
div up as a jqModal window.

*/
function CreateJQModalWindow(idPrefix, jqmOptions, content)
{
   $( "" +
 "" +
"" +
   "class='jqmClose'>" +

   "" +
"" +
""+content+"" +
 "" +
  "")
  .jqm(jqmOptions)
  .appendTo("body");
 $("#"+idPrefix+"_jqmClose")
  .hover(function() {$(this).addClass("jqmCloseInverse");}, 
function() {$(this).removeClass("jqmCloseInverse");})

  .click(function() {$("#"+idPrefix+"_jqmWindow").jqmHide()});
}
I then use that like this:
CreateJQModalWindow('window1', {closeClass:false, trigger:false, 
modal:true},

   "The HTML content of my window");
I created the prefix option so that I can have multiple windows 
existing on a page (although only one would be visible - it just 
saves on recreating them ecah time). The window can be shown and 
hidden with:

   $("#window1_jqmWindow").jqmShow();
And to top all of that off, this is my CSS:
div.jqmWindow {position:absolute; top:50%; height:200px; 
margin-top:-100px; left:50%; width:300px; margin-left:-150px; 
background:url(/images/jqmodal-bg.gif) repeat; border:2px solid 
darkblue}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through 
( form elements, etc.) */
* iframe.jqm {position:absolute; top:0; left:0; z-index:-1; width: 
expression(this.parentNode.offsetWidth + 'px'); height: 
expression(this.parentNode.offsetHeight + 'px')}
.jqmTitle {margin:0; padding:0 3px; font-family:Arial,sans-serif; 
font-size:12px; font-weight:bold; border-bottom:thin solid #aaa; 
line-height:21px; color:#3341bf; background:#e8eaff}

.jqmBody {padding:4px}
.jqmBody * {margin:2px}
.jqmClose {float:right; height:16px; width:16px; margin-top:3px; 
background:url('/images/syncwatch- close.gif')}

.jqmCloseInverse {background:url('/images/syncwatch-close-inverse.gif')}
.jqmOverlay {background-color:#e8eaff}
My jqmodal-bg.gif is just a faint background patterning. The two 
close buttons for normal and hover (inverse) are 16x16 images.
I hope all of that helps! There can be quite a bit more work to use 
and style jqModal, but it is designed to be played with where TB is 
designed to be ready to go and used as-is.

rob
On 4/18/07, *Christopher Jordan* <[EMAIL PROTECTED] 
> wrote:

Rob,
While I was looking into this, I did spend quite a while at the
jQModal site
looking at it. I can't off-hand remember why I didn't choose it.
Maybe you could
share with me a few code snippets showing what you've done with
jQModal. I'm
interested, as I've started hacking up the thickBox code and css to
achieve some
styalistic aims.
Thanks,
Chris
Rob Desbois wrote:
 > No problem.
 > Also, fwiw I ended up migrating to jqModal instead of thickbox.
 > My reasoning was that despite TB being a very good plugin, it's
not that
 > customisable without hacking up the code. Whilst I achieved 
what I

 > wanted through hacking the plugin, I realised that jqModal was
designed
 > to be a customisable window plugin, whereas TB is supposed to 
be far

 > closer to Lightbox and is not so easily manipulated in terms of
 > behaviour and content as jqModal.
 >
 > Just my feeling on it, and as I said it is a very good plugin,
but it's
 > worth thinking early on about which one is more suitable for your
situation.
 > Have fun with it!
 >
 > rob.
 >
 > On 4/18/07, *Chris Jordan* < [EMAIL PROTECTED]

 > >> wrote:
 >
 >
 > Rob,
 >
 > That is essentially what I ended up doing. I got busy with
the coding
 > so I didn't have time to update this thread, but that is
exactly what
 > I ended up d

[jQuery] Re: Erratic behavior of cookie plugin

[Ⓙⓐⓚⓔ]

"/" for a path is great. every page will share the cookies,

KLAUS & Jörn, wouldn't it be a nice default? This is "server wide cookies".

If you added a domain ".example.com" You have "all 'subhost' cookies".
If you added a domain "example.com" You have "domain wide cookies".

the 2 last are often mixed up and there is very little difference!

BUT old cookies for "/test" would still be visible to a page under "/test"
like "/test/xyz.html"
I hope you never have to clean up your team's crummy cookie remains!

On 4/19/07, joomlafreak <[EMAIL PROTECTED]> wrote:



HI

I just added '/' as path and it worked for me.

I hope that helps
@Klaus
Please convey my thanks to Jake for the prompt reply. :)

Joomlafreak

On Apr 18, 4:06 pm, "Ⓙⓐⓚⓔ" <[EMAIL PROTECTED]> wrote:
> I read the docs long ago, I've had to clean the cookies programmatically
> several times for several people.
>
> We had a a site that was accessible aswww.xx.comand xx.com, the
> cookies for xx.com come back for www but not the other way around.
So I
> got into using domain names in cookies or just realizing that it will
cause
> headaches.
>
> I don't remember where I read all about it, but there are issues with
using
> domain = ".xx.com" vs "xx.com" and a big issue with just letting
it
> default to the domain and path of the page that hands out the cookie!
>
> On 4/18/07, Jörn Zaefferer <[EMAIL PROTECTED]> wrote:
>
>
>
>
>
> > Ⓙⓐⓚⓔ schrieb:
> > > Setting a path and a domain is required for knowing exactly where
the
> > > cookies are going to apply.
>
> > > Sloppy cookies can be fun, but someone will have to clean up the
> > > crumbs sooner or later!
> > Can you point to a good resource or explain a bit about properly
setting
> > path and domain for cookies?
>
> > --
> > Jörn Zaefferer
>
> >http://bassistance.de
>
> --
> Ⓙⓐⓚⓔ - יעקב   ʝǡǩȩ   ᎫᎪᏦᎬ





--
Ⓙⓐⓚⓔ - יעקב   ʝǡǩȩ   ᎫᎪᏦᎬ

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[SeViR]

I would need some methods ("rules" in YAV) in Validation plugin:

//  generic regexp method

$.validator.addMethod("regexp", function(value, element, 
regular_expression) {
   return (typeof(regular_expression) == "string")? value.match(new 
RegExp(regular_expression)) : value.match(regular_expression);

   }, 'Please check if you write it correctly');


Also I'd like "implies", "and" and "or" methods, but as I see the 
validator plugin how
because you check by element not by rules so. I have some idea for 
"implies" but not

in "and" and "or" method:

check: function( element ) {
[...]
   for( var i = 0, rule; rule = rules[i++]; ) {
   try {
//for "implies"
   if (rule.method == "implies"){
  var result = this.check(rule.parameters);
}
   var result = jQuery.validator.methods[rule.method]( 
jQuery.trim(element.value), element, rule.parameters );

   if( result === -1 )
   break;
   if( !result ) {
   jQuery(element).addClass( this.settings.errorClass );
   this.formatAndAdd( rule, element);

   //if result is false we don't need continue with the 
rest of methods

   return false;
   break;
   }
   } [...]
  return true;
   }
}


Jörn Zaefferer escribió:


Dmitrii 'Mamut' Dimandt schrieb:
That is an interesting concept that I'm currently trying to understand.

My plugin supports required-dependencies using expressions and 
functions, but they have their limit.


This would make field2 required only if field1 is blank:

rules: {
 field2: { required: "#field1:blank" }
}

But I can't express that either field1 or field2 is required. How 
would I express that using pre/post-condition and implies?





--
Best Regards,
José Francisco Rives Lirola 

SeViR CW · Computer Design
http://www.sevir.org
 
Murcia - Spain

[jQuery] Re: ThickBox question

[Theo Welch]

Hi All,

I happened upon your discussion below.

Just FYI, I have a customized Thickbox running on this photography  
exhibit:


http://www.archives.gov/exhibits/twww/

Cheers!
-THEO-




On Apr 19, 2007, at 10:36 AM, Christopher Jordan wrote:



Rob,

Thanks heaps for sharing! I'll look at this in more detail later  
today, and holler if I have questions (if that's okay) :o)


Chris

Rob Desbois wrote:
I also got put off jqModal initially, mainly because the TB  
styling was very nice but jqModal you have to put the effort in to  
get looking right.

I created my own wrapper function around jqModal:
/* Creates a jqModal window and appends it to the body.
* @param idPrefix The prefix to attach to elements' IDs. The  
window div will have _jqmWindow appended to the prefix, the close  
button will have _jqmClose, and the title span will have _jqmTitle  
appended. These IDs may be used to alter behaviours, styles and  
content as required.

* @param content The window's HTML content.
* @param jqmOptions The options to pass to $.jqm() when setting  
the div up as a jqModal window.

*/
function CreateJQModalWindow(idPrefix, jqmOptions, content)
{
   $( "" +
 "" +
"" +
   "class='jqmClose'>" +

   "" +
"" +
""+content+"" +
 "" +
  "")
  .jqm(jqmOptions)
  .appendTo("body");
 $("#"+idPrefix+"_jqmClose")
  .hover(function() {$(this).addClass("jqmCloseInverse");},  
function() {$(this).removeClass("jqmCloseInverse");})

  .click(function() {$("#"+idPrefix+"_jqmWindow").jqmHide()});
}
I then use that like this:
CreateJQModalWindow('window1', {closeClass:false, trigger:false,  
modal:true},

   "The HTML content of my window");
I created the prefix option so that I can have multiple windows  
existing on a page (although only one would be visible - it just  
saves on recreating them ecah time). The window can be shown and  
hidden with:

   $("#window1_jqmWindow").jqmShow();
And to top all of that off, this is my CSS:
div.jqmWindow {position:absolute; top:50%; height:200px; margin- 
top:-100px; left:50%; width:300px; margin-left:-150px;  
background:url(/images/jqmodal-bg.gif) repeat; border:2px solid  
darkblue}
/* Background iframe styling for IE6. Prevents ActiveX bleed- 
through ( form elements, etc.) */
* iframe.jqm {position:absolute; top:0; left:0; z-index:-1; width:  
expression(this.parentNode.offsetWidth + 'px'); height: expression 
(this.parentNode.offsetHeight + 'px')}
.jqmTitle {margin:0; padding:0 3px; font-family:Arial,sans-serif;  
font-size:12px; font-weight:bold; border-bottom:thin solid #aaa;  
line-height:21px; color:#3341bf; background:#e8eaff}

.jqmBody {padding:4px}
.jqmBody * {margin:2px}
.jqmClose {float:right; height:16px; width:16px; margin-top:3px;  
background:url('/images/syncwatch- close.gif')}
.jqmCloseInverse {background:url('/images/syncwatch-close- 
inverse.gif')}

.jqmOverlay {background-color:#e8eaff}
My jqmodal-bg.gif is just a faint background patterning. The two  
close buttons for normal and hover (inverse) are 16x16 images.
I hope all of that helps! There can be quite a bit more work to  
use and style jqModal, but it is designed to be played with where  
TB is designed to be ready to go and used as-is.

rob
On 4/18/07, *Christopher Jordan* <[EMAIL PROTECTED]  
> wrote:

Rob,
While I was looking into this, I did spend quite a while at the
jQModal site
looking at it. I can't off-hand remember why I didn't choose it.
Maybe you could
share with me a few code snippets showing what you've done with
jQModal. I'm
interested, as I've started hacking up the thickBox code and  
css to

achieve some
styalistic aims.
Thanks,
Chris
Rob Desbois wrote:
 > No problem.
 > Also, fwiw I ended up migrating to jqModal instead of  
thickbox.
 > My reasoning was that despite TB being a very good plugin,  
it's

not that
 > customisable without hacking up the code. Whilst I achieved  
what I

 > wanted through hacking the plugin, I realised that jqModal was
designed
 > to be a customisable window plugin, whereas TB is supposed  
to be far
 > closer to Lightbox and is not so easily manipulated in  
terms of

 > behaviour and content as jqModal.
 >
 > Just my feeling on it, and as I said it is a very good plugin,
but it's
 > worth thinking early on about which one is more suitable  
for your

situation.
 > Have fun with it!
 >
 > rob.
 >
 > On 4/18/07, *Chris Jordan* < [EMAIL PROTECTED]

 > >> wrote:
 >
 >
 > Rob,
 >
 > That is essentially what I ended up doing. I got busy with
the coding
 > so I didn't have time to update this thread, but that is
exactly what
 > I ended up doing.
 >
 > Thanks f

[jQuery] Re: jQuery Powered Sites - More Sites Added.

[Theo Welch]

Hi All,

I just completed a Photography exhibit that is within the U.S.  
National Archives' website. It uses jQuery extensively and has some  
pretty good photos in it too. :)


http://www.archives.gov/exhibits/twww/

It uses a modified Accordion plugin for the main presentation, a  
modified Thickbox to display the photos, that little Pause plugin,  
and a few other bits of jQuery goodness. I left the JS code non- 
obfuscated in case anyone wants to see how I glued it together.


I have also implemented the jQuery library on the U.S. National  
Archives' website (the entire site). It replaces some hand-coded JS  
and the (now ancient) Moock Flash Detection API they were using:


http://www.archives.gov/

Archives.gov isn't actually using jQuery all that much yet. Mostly  
it's just the basics, and the jMedia plugin here and there. In time  
I'll be adding more client-side functionality for the staff there to  
utilize (I'm a consultant/contractor, not a Gov. Employee), starting  
with the tabs, form, and validation plugins.


Thanks to the whole jQuery community for all these new opportunities  
to impress my clients!


Cheers!
-THEO-

[jQuery] Re: Multiple form submit issue

[Mike Alsup]

Hi Buzz,

ajaxSubmit is the function that actually uses the options and so they
must be passed in by the caller.  If you call it yourself, you must
pass the options.  When you use ajaxForm it binds the form's submit
event and invokes ajaxSubmit for you, passing in the options that it
has captured in a closure.  When you do $(form).submit() you trigger
the execution of the bound submit handler.  Tada!

Hope this helps clarify!

Mike

On 4/19/07, Buzzterrier <[EMAIL PROTECTED]> wrote:


Thx Mike that worked. I guess I am confused (ignorant ) on why
attaching the options to the form using:
 $('#myForm1').ajaxForm(options);

does not work when using ajaxSubmit to submit the form:
$('#myForm1').ajaxSubmit();

but when using this pattern the form does have the options attached:
$('#myForm1').submit();

I am obviously missing something fundamental. I am still pretty new to
jquery.

On Apr 18, 5:18 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> Oops, yeah, you've got to pass the options arg.  You could just prep
> it with ajaxForm and then use the submit event.
>
> $('form.photoForm').ajaxForm(options);
>
> ...
>
> $('input.btnPhotos').click(function(){
> $(this.form).submit();
> return false;
>
> });
>
> That should work.
>
> Mike
>
> On 4/18/07, Buzzterrier <[EMAIL PROTECTED]> wrote:
>
>
>
> > Hi Mike,
>
> > Thanks for the response. When I use this method, it does hit
> > ajaxSubmit() but my options object is void.  Aaron's method  works,
> > but I know I will have a requirement to do this same type of thing,
> > with anchors instead of submit buttons.
>
> > I tested this on your formTest.html example and got the same behavior
> > below is a snippet.
>
> > ...
> > // bind form using 'ajaxForm'
> > $('#myForm1').ajaxForm(options);
>
> > //create a submit button from an anchor
> > $("#submitAnchor").click(
> > function(){
> > $('#myForm1').submit();
> > });
> > ...
>
> > Submit
>
> > On Apr 18, 3:49 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> > > Hi Buzz,
>
> > > Try replacing this line:
>
> > > this.form.submit();
>
> > > with this:
>
> > > $(this.form).ajaxSubmit();
>
> > > Mike
>
> > > On 4/18/07,Buzzterrier<[EMAIL PROTECTED]> wrote:
>
> > > > Hello,
>
> > > > I am using the forms plugin, and have a page that dynamically creates
> > > > multiple forms for editing photos. Each form has a button, that has a
> > > > click event is added to it, which submits the form. I am having
> > > > problems getting the click event to submit the form so that the
> > > > ajaxSubmit() fires. Using the method below, the form submits bypassing
> > > > the jquery ajaxSubmit, and does not have any of the options attached
> > > > to it. Any ideas?
>
> > > > 
> > > >  var options = {
> > > > beforeSubmit:  showRequest,  // pre-submit callback
> > > > success:   showResponse,  // post-submit callback
> > > > url:   "/updatePhotos.html" // override for form's
> > > > 'action' attribute
> > > > type:  "post"// 'get' or 'post', override for
> > > > form's 'method' attribute
> > > > };
>
> > > > //attach the form options on all forms with the photoForm class.
> > > > $('form.photoForm').ajaxForm(options);
>
> > > > //create a click even and add submit behavior to all inputs that has
> > > > the btnPhotos class elements
> > > > $("input.btnPhotos").click(
> > > > function(){
> > > > this.form.submit();
> > > > });
> > > > ... more if needed
> > > > 
>
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
>
> > > > 
> > > > 
>
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
>
> > > > 
> > > > 

[jQuery] Re: Release: autocomplete 1.0 alpha

[Brian Miller]

> Dan G. Switzer, II schrieb:
>> Jörn,
>>
>>
>>> Fully agreed, I'll make that optional. I've got another request for an
>>> even more sophicistacted highlighting, seems like a good idea to
>>> implement it not only as a boolean option.
>>>
>>
>> You could also just define that highlight function as the default option
>> for
>> an onHighlight setting. That way someone could just overwrite the
>> default
>> behavior.
>>
>> I'd like to see both a highlight: true/false and onHighligh:
>> function(){}
>> option. That would provide tons of flexibility.
>>
> How about this:
> @option Boolean|Function highlight Whether and how to highlight matches
> in the select box. Set to false to disable. Set to a function to
> customize. Default: Wraps the search term in a  element

Jörn,

What would be passed to the function?  The containing li?  a jQuery object
containing the containing li?  The HTML text?

- Brian

[jQuery] Re: Multiple form submit issue

[Buzzterrier]

Thx Mike that worked. I guess I am confused (ignorant ) on why
attaching the options to the form using:
 $('#myForm1').ajaxForm(options);

does not work when using ajaxSubmit to submit the form:
$('#myForm1').ajaxSubmit();

but when using this pattern the form does have the options attached:
$('#myForm1').submit();

I am obviously missing something fundamental. I am still pretty new to
jquery.

On Apr 18, 5:18 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> Oops, yeah, you've got to pass the options arg.  You could just prep
> it with ajaxForm and then use the submit event.
>
> $('form.photoForm').ajaxForm(options);
>
> ...
>
> $('input.btnPhotos').click(function(){
> $(this.form).submit();
> return false;
>
> });
>
> That should work.
>
> Mike
>
> On 4/18/07, Buzzterrier <[EMAIL PROTECTED]> wrote:
>
>
>
> > Hi Mike,
>
> > Thanks for the response. When I use this method, it does hit
> > ajaxSubmit() but my options object is void.  Aaron's method  works,
> > but I know I will have a requirement to do this same type of thing,
> > with anchors instead of submit buttons.
>
> > I tested this on your formTest.html example and got the same behavior
> > below is a snippet.
>
> > ...
> > // bind form using 'ajaxForm'
> > $('#myForm1').ajaxForm(options);
>
> > //create a submit button from an anchor
> > $("#submitAnchor").click(
> > function(){
> > $('#myForm1').submit();
> > });
> > ...
>
> > Submit
>
> > On Apr 18, 3:49 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> > > Hi Buzz,
>
> > > Try replacing this line:
>
> > > this.form.submit();
>
> > > with this:
>
> > > $(this.form).ajaxSubmit();
>
> > > Mike
>
> > > On 4/18/07,Buzzterrier<[EMAIL PROTECTED]> wrote:
>
> > > > Hello,
>
> > > > I am using the forms plugin, and have a page that dynamically creates
> > > > multiple forms for editing photos. Each form has a button, that has a
> > > > click event is added to it, which submits the form. I am having
> > > > problems getting the click event to submit the form so that the
> > > > ajaxSubmit() fires. Using the method below, the form submits bypassing
> > > > the jquery ajaxSubmit, and does not have any of the options attached
> > > > to it. Any ideas?
>
> > > > 
> > > >  var options = {
> > > > beforeSubmit:  showRequest,  // pre-submit callback
> > > > success:   showResponse,  // post-submit callback
> > > > url:   "/updatePhotos.html" // override for form's
> > > > 'action' attribute
> > > > type:  "post"// 'get' or 'post', override for
> > > > form's 'method' attribute
> > > > };
>
> > > > //attach the form options on all forms with the photoForm class.
> > > > $('form.photoForm').ajaxForm(options);
>
> > > > //create a click even and add submit behavior to all inputs that has
> > > > the btnPhotos class elements
> > > > $("input.btnPhotos").click(
> > > > function(){
> > > > this.form.submit();
> > > > });
> > > > ... more if needed
> > > > 
>
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > >  > > > alt="Broken
> > > > image"/>
> > > >  > > > value='Show/Hide'/>
> > > > 
> > > > 
>
> > > > 
> > > > 
>
> > > > 
> > > > 
> > > > 
> > > > 
> > > > 
> > > >  > > > value="6050016300"/>
> > > > 
> > > > 
> > > > 
> > > >  > > > alt="Broken
> > > > image"/>
> > > >  > > > value='Show/Hide'/>
> > > > 
> > > > 
>
> > > > 
> > > > 

[jQuery] Re: Class doesn't support Automation?

[Christopher Jordan]

I'll see what I can to about getting an example page posted to the web where 
others can see it. My client currently has me working on another aspect of the 
project, but I should still be able to get it done today.


Thanks,
Chris

PS...
 What'd you call me?! I'm a newbie here 
too.  I only answer what look to be easy ones, because I know far too 
little yet.  :-)


Meh, don't short-change yourself. I'm a noob in some areas, and in others I'm 
not. If you can help me, it doesn't matter what you *don't* know! :o)


Thanks (again)
Chris
--
http://www.cjordan.us

[jQuery] Re: Release: autocomplete 1.0 alpha

[Dan G. Switzer, II]

Jörn,

>> I'd like to see both a highlight: true/false and onHighligh: function(){}
>> option. That would provide tons of flexibility.
>>
>How about this:
>@option Boolean|Function highlight Whether and how to highlight matches
>in the select box. Set to false to disable. Set to a function to
>customize. Default: Wraps the search term in a  element

That would work. My nature is to break the 2 into separate options--only
because I think it's confusing to novice users. But that definitely would
work.

Also, I think maybe you could fix the HTML issue by changing your function
to:

function highlight(value) {
return value.replace(new RegExp("(?]*)(" + term + ")", "gi"),
"$1$2");
}

I did not test this yet. You might want to throw it at some HTML. And test
it. 

There's also some other suggestions here:
http://regexadvice.com/forums/thread/24779.aspx

-Dan

[jQuery] Re: Form + BlockUI plugin

[Kush Murod]

I'll upload a sample as quick as possible
--Do you have a sample page?

[jQuery] Re: Form + BlockUI plugin

[Kush Murod]

Hi Mike,
my form has got only  type=file elements
so I just did a test and discovered that
as long as I have type=file elements in my form it doesn't work properly
my guess is something goes wrong when when inserting form that has got 
type=file into blockUI

maybe a bug?
--Kush

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Dan G. Switzer, II]

Jörn,

>You can do that already. After implementing the suppurt for expressions,
>support for plain functions was really easy. I can imagine adding a
>method on the fly:
>
>rules: {
>   field2: function() { return condition; }
>}

I wasn't aware of that. However, if you changed that do:

rules: {
field2: {custom: function() { return condition; }}
}

Then you could do:

messages: {
field2: {custom: "My custom function error!"}
}

Also, just so I'm clear on how it works, what happens with the following:

rules: {
field2: function() { return false; }
}

Does this just throw the field2 is required? What happens if I want to apply
other validation rules to field2? 

-Dan

[jQuery] Re: Form + BlockUI plugin

[Mike Alsup]

Do you have a sample page?


actually that is exactly what I am doing, I have checked already as you
said, if moved the form into blockUI
:(
this is really weird behaviour I must say

[jQuery] Re: Form + BlockUI plugin

[Kush Murod]

actually that is exactly what I am doing, I have checked already as you 
said, if moved the form into blockUI

:(
this is really weird behaviour I must say

Mike Alsup wrote:


Kush,

When you do this:  $.blockUI(form)  the plugin adds your form to the
blockUI message element.  This means the form is implicitly removed
from the DOM and then reinserted in a different position.  Try binding
the form after you block.  Maybe something like:

$.blockUI(form);
$(form).ajaxForm(options);

Mike


On 4/19/07, Kush Murod <[EMAIL PROTECTED]> wrote:


Hi guys,

I am placing a form into blockUI like so
$.blockUI(form) and then attaching form plugin like so 
.ajaxForm(options);

Form pluging works perfect as long as it is not used with BlockUI, but
as soon as you insert it into BlockUI submit does not really work

--Kush

[jQuery] Re: Class doesn't support Automation?

[Scott Sauyet]

Christopher Jordan wrote:
I should have mentioned that $group.options[index] was the first syntax 
I tried. FF handles both. IE produces the same error for both syntaxes. 


I've never seen that.  It looks like a useful short-cut if it's 
supported everywhere.



Any other thoughts? 


I'd like to see a test page, or at least enough HTML, JS posted in an 
email to build one myself.  Nothing is leaping out at me.  Do you have a 
place where you could post a simplified page?




I'd sure appreciate yours or any other guru's help on this one.


 What'd you call me?! I'm a newbie here 
too.  I only answer what look to be easy ones, because I know far too 
little yet.  :-)


  -- Scott

[jQuery] Re: setting attbitues

[[EMAIL PROTECTED]]

Thanks.  That did it. -

On Apr 19, 10:03 am, Jörn Zaefferer <[EMAIL PROTECTED]> wrote:
> [EMAIL PROTECTED] schrieb:
>
> > I discovered that if I want to set the class for an object, this is
> > not the code
>
> > $('#' + id).setAttribute("class", "myClass");
>
> > What is the correct syntax?  Thanks, - Dave
>
> Try this:
>
> $(...).attr("class", "myClass");
>
> If you don't want to replace existing classes, use addClass instead.
>
> --
> Jörn Zaefferer
>
> http://bassistance.de

[jQuery] Re: Form + BlockUI plugin

[Mike Alsup]

Kush,

When you do this:  $.blockUI(form)  the plugin adds your form to the
blockUI message element.  This means the form is implicitly removed
from the DOM and then reinserted in a different position.  Try binding
the form after you block.  Maybe something like:

$.blockUI(form);
$(form).ajaxForm(options);

Mike


On 4/19/07, Kush Murod <[EMAIL PROTECTED]> wrote:


Hi guys,

I am placing a form into blockUI like so
$.blockUI(form) and then attaching form plugin like so .ajaxForm(options);
Form pluging works perfect as long as it is not used with BlockUI, but
as soon as you insert it into BlockUI submit does not really work

--Kush

[jQuery] Re: setting attbitues

[Jörn Zaefferer]

[EMAIL PROTECTED] schrieb:

I discovered that if I want to set the class for an object, this is
not the code

$('#' + id).setAttribute("class", "myClass");

What is the correct syntax?  Thanks, - Dave
  


Try this:

$(...).attr("class", "myClass");

If you don't want to replace existing classes, use addClass instead.

--
Jörn Zaefferer

http://bassistance.de

[jQuery] Re: setting attbitues

[Brandon Aaron]

You can use the addClass and removeClass methods to modify the class
of the element.

$('#'+id).addClass('myClass');

http://jquery.bassistance.de/api-browser/#addClassString
http://jquery.bassistance.de/api-browser/#removeClassString

--
Brandon Aaron

On 4/19/07, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:


I discovered that if I want to set the class for an object, this is
not the code

$('#' + id).setAttribute("class", "myClass");

What is the correct syntax?  Thanks, - Dave

[jQuery] Re: Release: autocomplete 1.0 alpha

[Jörn Zaefferer]

Dan G. Switzer, II schrieb:

Jörn,

  

Fully agreed, I'll make that optional. I've got another request for an
even more sophicistacted highlighting, seems like a good idea to
implement it not only as a boolean option.



You could also just define that highlight function as the default option for
an onHighlight setting. That way someone could just overwrite the default
behavior.

I'd like to see both a highlight: true/false and onHighligh: function(){}
option. That would provide tons of flexibility.
  

How about this:
@option Boolean|Function highlight Whether and how to highlight matches 
in the select box. Set to false to disable. Set to a function to 
customize. Default: Wraps the search term in a  element


--
Jörn Zaefferer

http://bassistance.de

[jQuery] Re: Class doesn't support Automation?

[Christopher Jordan]

Thanks for replying Scott.

I should have mentioned that $group.options[index] was the first syntax I tried. 
FF handles both. IE produces the same error for both syntaxes. To be honest, I 
was surprised at the apparent shortcut syntax. I'm not sure I should rely on it 
though. Basically, I just cut-and-pasted my latest code snippet without thinking 
which version of the syntax it was showing.


Any other thoughts? I'd sure appreciate yours or any other guru's help on this 
one.

Thanks heaps,
Chris

Scott Sauyet wrote:


Chris Jordan wrote:

function DeleteGroup(){
var $group = $("#GroupKeyID")[0];
var index = $group.selectedIndex;
var groupname = $group[index];
$.dump(groupname);
}


Do you have a test page we could look at?

Something looks suspicious there to me.  In the first line, $group is 
defined to be a DOM object, presumably a SELECT one.  In line two, you 
get its selectedIndex, but in line three you are trying to use it as an 
array with a numeric index.  Do you want instead


var groupname = $group.options[index]

?  I don't know why FF would get this right, but perhaps it allows such 
short-cut access to the "options" property.


Good luck,

  -- Scott




--
http://www.cjordan.us

[jQuery] setting attbitues

[[EMAIL PROTECTED]]

I discovered that if I want to set the class for an object, this is
not the code

$('#' + id).setAttribute("class", "myClass");

What is the correct syntax?  Thanks, - Dave

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Jörn Zaefferer]

Dan G. Switzer, II schrieb:

Jörn,

  

This would make field2 required only if field1 is blank:

rules: {
 field2: { required: "#field1:blank" }
}

But I can't express that either field1 or field2 is required. How would
I express that using pre/post-condition and implies?



I was thinking about this the other day, and I was thinking maybe the best
way to do this might be to allow a function to be declared.

rules: {
field2: { required: function(field){ return (condition); }
}

This would at least add a lot of flexibility for how a field could be
defined. It might also be interested to have a "generic" (or "function")
rule which you can use to define a really form specific throw away
validation method.
  
You can do that already. After implementing the suppurt for expressions, 
support for plain functions was really easy. I can imagine adding a 
method on the fly:


rules: {
field2: function() { return condition; }
}

You couldn't define a default message, but that would be no problem, 
because you can add it to the messages option.

However, one of the problems mapping a rule to a specific form field is it
still doesn't do a could job with either/or rules (i.e. either Field1 or
Field2 must be filled in.) Where do you throw the error message? Which field
do you attach the field to?

This is where having an API is a little more handle, because you really need
to write a customized validation rule and you probably want to handle error
throwing in a very specific way.

This is where exposing a way to hook into the onValidate event and having
ways to throw an error message programmatically would be handy.
  

In general I agree. A hook could help a lot.
But whenever I stumble about an example like this I try to find a 
different approach. Because when I can't figure a good way to validate 
that, how is the user supposed to figure what to do? Isn't there a 
better way to get his correct input?


Maybe, maybe not. I like the approach map24.de is taking for entering 
addresses: There is one field to enter where you want to start, and 
another field to enter where you want to go to. You can search only for 
the start or for a route between both. The server checks its database 
against all know cities and streets and figures what is what. Ten times 
easier then filling out at least three fields for a single address.


--
Jörn Zaefferer

http://bassistance.de

[jQuery] Re: Desperately Lost in Space with the Tabs Plugin

[Digislick]

Hi,

Thanks very much for explaining in more detail. I have just gotten back 
from work now (9:30pm). I will be trying your instructions out later 
because obviously I didn't do the right thing last time. Hopefully I can 
then get it working. Will report back later and let you know :-)


Thanks again :-)



Klaus Hartl wrote:


Digislick schrieb:


Hi again,

I believe I understood where you told me to put the CSS - inline in 
the http://digislick.com/news/events_calendar_example.html page. Is 
that correct? If so, I have tried it (deleted the CSS out in all the 
files named by month and inserted the CSS in the events calendar 
page) and it's not working. I left the body tag in the april.html 
file. I either misunderstood you or this isn't the issue that's 
affecting it. Am uploading the modified pages now. If you have time 
to take a look and check if what I did is what you meant, they will 
be there for the next few days while I try and get this worked out.


Once again - do not load HTML with a body tag into an already existing 
body. Please strip the monthly pages from all of that and leave:


...

Then you will have to initialize the MapMaker after the content has 
been loaded into the tab, e.g. in the onShow callback.


Therefore, in mapevents_sticky.js remove everything from the line with 
the comment /* LOAD SCRIPT */ on and initilize the tabs like:


$('#container-1').tabs({
remote: true,
onShow: mapMaker.init
});


-- Klaus

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Jörn Zaefferer]

Dmitrii 'Mamut' Dimandt schrieb:

Jörn Zaefferer wrote:
  

Dmitrii 'Mamut' Dimandt schrieb:


Jörn Zaefferer wrote:
 
  

I'm gonna take a look at that library for some inspiration. And maybe
copy some validation methods (called rules at yav).

Let me know if you have any specific requests for the jQuery
validation plugin.




That would be the pre-condition, implies and post-condition. Those
definitely rule
  
  

That is an interesting concept that I'm currently trying to understand.

My plugin supports required-dependencies using expressions and
functions, but they have their limit.

This would make field2 required only if field1 is blank:

rules: {
 field2: { required: "#field1:blank" }
}

But I can't express that either field1 or field2 is required. How
would I express that using pre/post-condition and implies?



That I don't know :)

'implies' is best seen with the advanced form in the example
(http://yav.sourceforge.net/en/learnbyexample.html). See how validation
on the last input field changes depending on what's selected in the
combo box.

If you chose "email" the input is validated against one set of rules:

rules[15]='contactType|equal|phone|pre-condition';
rules[16]='contact|regexp|^[0-9]{10}$|post-condition';
rules[17]='15|implies|16|Enter a phone (ten digits)

So if contactType value changes to phone, contact is validated against
^[0-9]{10}$

However:

rules[18]='contactType|equal|e-mail|pre-condition';
rules[19]='contact|regexp|[EMAIL PROTECTED]|post-condition';
rules[20]='18|implies|19|Enter a valid e-mail'

If contactType becomes 'e-mail' contact is validated against [EMAIL PROTECTED]
  
Okay, I can't do that with my expressions. Gotta check how that can be 
implemented.

Same is with the 'Name required' checkbox. If the checkbox is checked,
you must input a name:

rules[11]='nameRequired|equal|checked|pre-condition';
rules[12]='name|required|post-condition';
rules[13]='11|implies|12|name required';
  

While that is easy:

name: { required: "#nameRequired:checked" }

Reuses both JavaScript and jQuery's expressions.

I guess what you want is something like:

rules[1]='field1|equal||pre-condition';
rules[2]='field2|regexp|^a-zA-Z$|post-condition';
rules[3]='1|implies|2|Enter either field 1 or field 2';

rules[4]='field2|equal||pre-condition';
rules[5]='field1|regexp|^a-zA-Z$|post-condition';
rules[6]='4|implies|5|Enter either field 1 or field 2';

Or some such. I'm not sure (I'm guessing from the examples, never used
the validator myself :) )
  

The problem is: How to prevent that the user simply fills out both fields?

--
Jörn Zaefferer

http://bassistance.de

[jQuery] Re: ThickBox question

[Christopher Jordan]

Rob,

Thanks heaps for sharing! I'll look at this in more detail later today, and 
holler if I have questions (if that's okay) :o)


Chris

Rob Desbois wrote:
I also got put off jqModal initially, mainly because the TB styling was 
very nice but jqModal you have to put the effort in to get looking right.

I created my own wrapper function around jqModal:

/* Creates a jqModal window and appends it to the body.
* @param idPrefix The prefix to attach to elements' IDs. The window div 
will have _jqmWindow appended to the prefix, the close button will have 
_jqmClose, and the title span will have _jqmTitle appended. These IDs 
may be used to alter behaviours, styles and content as required.

* @param content The window's HTML content.
* @param jqmOptions The options to pass to $.jqm() when setting the div 
up as a jqModal window.

*/
function CreateJQModalWindow(idPrefix, jqmOptions, content)
{
   $( "" +
 "" +
"" +
   "class='jqmClose'>" +

   "" +
"" +
""+content+"" +
 "" +
  "")
  .jqm(jqmOptions)
  .appendTo("body");
  
   $("#"+idPrefix+"_jqmClose")
  .hover(function() {$(this).addClass("jqmCloseInverse");}, 
function() {$(this).removeClass("jqmCloseInverse");})

  .click(function() {$("#"+idPrefix+"_jqmWindow").jqmHide()});
}

I then use that like this:

CreateJQModalWindow('window1', {closeClass:false, trigger:false, 
modal:true},

   "The HTML content of my window");

I created the prefix option so that I can have multiple windows existing 
on a page (although only one would be visible - it just saves on 
recreating them ecah time). The window can be shown and hidden with:

   $("#window1_jqmWindow").jqmShow();

And to top all of that off, this is my CSS:

div.jqmWindow {position:absolute; top:50%; height:200px; 
margin-top:-100px; left:50%; width:300px; margin-left:-150px; 
background:url(/images/jqmodal-bg.gif) repeat; border:2px solid darkblue}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through 
( form elements, etc.) */
* iframe.jqm {position:absolute; top:0; left:0; z-index:-1; width: 
expression(this.parentNode.offsetWidth + 'px'); height: 
expression(this.parentNode.offsetHeight + 'px')}
.jqmTitle {margin:0; padding:0 3px; font-family:Arial,sans-serif; 
font-size:12px; font-weight:bold; border-bottom:thin solid #aaa; 
line-height:21px; color:#3341bf; background:#e8eaff}

.jqmBody {padding:4px}
.jqmBody * {margin:2px}
.jqmClose {float:right; height:16px; width:16px; margin-top:3px; 
background:url('/images/syncwatch- close.gif')}

.jqmCloseInverse {background:url('/images/syncwatch-close-inverse.gif')}
.jqmOverlay {background-color:#e8eaff}

My jqmodal-bg.gif is just a faint background patterning. The two close 
buttons for normal and hover (inverse) are 16x16 images.
I hope all of that helps! There can be quite a bit more work to use and 
style jqModal, but it is designed to be played with where TB is designed 
to be ready to go and used as-is.


rob


On 4/18/07, *Christopher Jordan* <[EMAIL PROTECTED] 
> wrote:



Rob,

While I was looking into this, I did spend quite a while at the
jQModal site
looking at it. I can't off-hand remember why I didn't choose it.
Maybe you could
share with me a few code snippets showing what you've done with
jQModal. I'm
interested, as I've started hacking up the thickBox code and css to
achieve some
styalistic aims.

Thanks,
Chris

Rob Desbois wrote:
 > No problem.
 > Also, fwiw I ended up migrating to jqModal instead of thickbox.
 > My reasoning was that despite TB being a very good plugin, it's
not that
 > customisable without hacking up the code. Whilst I achieved what I
 > wanted through hacking the plugin, I realised that jqModal was
designed
 > to be a customisable window plugin, whereas TB is supposed to be far
 > closer to Lightbox and is not so easily manipulated in terms of
 > behaviour and content as jqModal.
 >
 > Just my feeling on it, and as I said it is a very good plugin,
but it's
 > worth thinking early on about which one is more suitable for your
situation.
 > Have fun with it!
 >
 > rob.
 >
 > On 4/18/07, *Chris Jordan* < [EMAIL PROTECTED]

 > >> wrote:
 >
 >
 > Rob,
 >
 > That is essentially what I ended up doing. I got busy with
the coding
 > so I didn't have time to update this thread, but that is
exactly what
 > I ended up doing.
 >
 > Thanks for the help though! :o)
 >
 > Cheers,
 > Chris
 >
 > On Apr 18, 3:51 am, Klaus Hartl <[EMAIL PROTECTED]

 > >> wrote:
 >  > Chris Jordan schrieb:
  

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Dmitrii 'Mamut' Dimandt]

>
> I guess what you want is something like:
>
> rules[1]='field1|equal||pre-condition';
> rules[2]='field2|regexp|^a-zA-Z$|post-condition';
> rules[3]='1|implies|2|Enter either field 1 or field 2';
>
> rules[4]='field2|equal||pre-condition';
> rules[5]='field1|regexp|^a-zA-Z$|post-condition';
> rules[6]='4|implies|5|Enter either field 1 or field 2';
>
> Or some such. I'm not sure (I'm guessing from the examples, never used
> the validator myself :) )
>   
Nope. I guess the answer would be something like this, I guess:

rule[1]= 'field1|regexp|^a-zA-Z$';
rule[2]= 'field2|regexp|^a-zA-Z$';
rule[3]= '1|and|2|Either field 1 or field 2 must be filled in';

[jQuery] Re: Release: autocomplete 1.0 alpha

[Dan G. Switzer, II]

Jörn,

>Fully agreed, I'll make that optional. I've got another request for an
>even more sophicistacted highlighting, seems like a good idea to
>implement it not only as a boolean option.

You could also just define that highlight function as the default option for
an onHighlight setting. That way someone could just overwrite the default
behavior.

I'd like to see both a highlight: true/false and onHighligh: function(){}
option. That would provide tons of flexibility.

-Dan

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Dan G. Switzer, II]

Jörn,

>This would make field2 required only if field1 is blank:
>
>rules: {
>  field2: { required: "#field1:blank" }
>}
>
>But I can't express that either field1 or field2 is required. How would
>I express that using pre/post-condition and implies?

I was thinking about this the other day, and I was thinking maybe the best
way to do this might be to allow a function to be declared.

rules: {
field2: { required: function(field){ return (condition); }
}

This would at least add a lot of flexibility for how a field could be
defined. It might also be interested to have a "generic" (or "function")
rule which you can use to define a really form specific throw away
validation method.

However, one of the problems mapping a rule to a specific form field is it
still doesn't do a could job with either/or rules (i.e. either Field1 or
Field2 must be filled in.) Where do you throw the error message? Which field
do you attach the field to?

This is where having an API is a little more handle, because you really need
to write a customized validation rule and you probably want to handle error
throwing in a very specific way.

This is where exposing a way to hook into the onValidate event and having
ways to throw an error message programmatically would be handy.

-Dan

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Dmitrii 'Mamut' Dimandt]

Jörn Zaefferer wrote:
>
> Dmitrii 'Mamut' Dimandt schrieb:
>> Jörn Zaefferer wrote:
>>  
>>> I'm gonna take a look at that library for some inspiration. And maybe
>>> copy some validation methods (called rules at yav).
>>>
>>> Let me know if you have any specific requests for the jQuery
>>> validation plugin.
>>>
>>> 
>> That would be the pre-condition, implies and post-condition. Those
>> definitely rule
>>   
> That is an interesting concept that I'm currently trying to understand.
>
> My plugin supports required-dependencies using expressions and
> functions, but they have their limit.
>
> This would make field2 required only if field1 is blank:
>
> rules: {
>  field2: { required: "#field1:blank" }
> }
>
> But I can't express that either field1 or field2 is required. How
> would I express that using pre/post-condition and implies?
>
That I don't know :)

'implies' is best seen with the advanced form in the example
(http://yav.sourceforge.net/en/learnbyexample.html). See how validation
on the last input field changes depending on what's selected in the
combo box.

If you chose "email" the input is validated against one set of rules:

rules[15]='contactType|equal|phone|pre-condition';
rules[16]='contact|regexp|^[0-9]{10}$|post-condition';
rules[17]='15|implies|16|Enter a phone (ten digits)

So if contactType value changes to phone, contact is validated against
^[0-9]{10}$

However:

rules[18]='contactType|equal|e-mail|pre-condition';
rules[19]='contact|regexp|[EMAIL PROTECTED]|post-condition';
rules[20]='18|implies|19|Enter a valid e-mail'

If contactType becomes 'e-mail' contact is validated against [EMAIL PROTECTED]


Same is with the 'Name required' checkbox. If the checkbox is checked,
you must input a name:

rules[11]='nameRequired|equal|checked|pre-condition';
rules[12]='name|required|post-condition';
rules[13]='11|implies|12|name required';



I guess what you want is something like:

rules[1]='field1|equal||pre-condition';
rules[2]='field2|regexp|^a-zA-Z$|post-condition';
rules[3]='1|implies|2|Enter either field 1 or field 2';

rules[4]='field2|equal||pre-condition';
rules[5]='field1|regexp|^a-zA-Z$|post-condition';
rules[6]='4|implies|5|Enter either field 1 or field 2';

Or some such. I'm not sure (I'm guessing from the examples, never used
the validator myself :) )

[jQuery] Re: Memory problem

[Michael Schwarz]

Sorry, I forgot to mention that I'm using Internet Explorer 6 on
Windows XP. With other web browser I don't see any problem. The
example above will grow with every re-render.

Michael



On 4/19/07, Rob Desbois <[EMAIL PROTECTED]> wrote:

Michael,

The example works for me - what's the problem?

rob.


On 4/19/07, Michael Schwarz [MVP] < [EMAIL PROTECTED]> wrote:
>
> Hi,
>
> I have a very simple page which will be refreshed from time to time. I
> build an example which will be called every 1000 msec to redner a html
> table with a button inside. The button click event is set with the
> bind method. What I'm doing wrong?
>
> Regards,
> Michael
>
>
>
> 
> 
>
> 
>
> function clickhandler() {
> alert("clicked");
> }
>
> function render() {
> var d = new Date();
> var n = d.getTime();
>
> $("button").unbind("click", clickhandler);
>
> var sb = [];
> sb.push("");
> for(var i=0; i<100; i++) {
> sb.push("");
> }
>  sb.push("
" + i + "
" + n +
"
Click button>
");
>
> $("#display").html(sb.join(''));
> $("button").bind("click", clickhandler);
>
> setTimeout(render, 1000);
> }
>
> $(window).ready(render);
>
> 
>
>



--
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.



--
Best regards | Schöne Grüße
Michael

Microsoft MVP - Most Valuable Professional
Microsoft MCAD - Certified Application Developer

http://weblogs.asp.net/mschwarz/
http://www.ajaxpro.info/

Silverlight: http://groups.google.com/group/wpf-everywhere/
Ajax.NET Professional: http://groups.google.com/group/ajaxpro/

Skype: callto:schwarz-interactive
MSN IM: [EMAIL PROTECTED]

[jQuery] Re: Form + BlockUI plugin

[Kush Murod]

Also note when use xxx.block(form) form submits ok

Kush Murod wrote:

I am placing a form into blockUI like so
$.blockUI(form) and then attaching form plugin like so 
.ajaxForm(options);
Form pluging works perfect as long as it is not used with BlockUI, but 
as soon as you insert it into BlockUI submit does not really work

--Kush

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Jörn Zaefferer]

Dmitrii 'Mamut' Dimandt schrieb:

Jörn Zaefferer wrote:
  

I'm gonna take a look at that library for some inspiration. And maybe
copy some validation methods (called rules at yav).

Let me know if you have any specific requests for the jQuery
validation plugin.



That would be the pre-condition, implies and post-condition. Those
definitely rule
  

That is an interesting concept that I'm currently trying to understand.

My plugin supports required-dependencies using expressions and 
functions, but they have their limit.


This would make field2 required only if field1 is blank:

rules: {
 field2: { required: "#field1:blank" }
}

But I can't express that either field1 or field2 is required. How would 
I express that using pre/post-condition and implies?


--
Jörn Zaefferer

http://bassistance.de

[jQuery] Form + BlockUI plugin

[Kush Murod]

Hi guys,

I am placing a form into blockUI like so
$.blockUI(form) and then attaching form plugin like so .ajaxForm(options);
Form pluging works perfect as long as it is not used with BlockUI, but 
as soon as you insert it into BlockUI submit does not really work


--Kush

[jQuery] Re: Release: autocomplete 1.0 alpha

[Jörn Zaefferer]

Dan G. Switzer, II schrieb:

Jörn,

  

The highlight code you're using code break HTML.

  

Could you detail that?



function formatItem(d){
return "" + d[1] + "";
}

If the user would try searching for the word "str", your highlight code
would try to wrap strong tags inside my strong tags.
  

Ok, so I need to exclude html from the search?

Besides, someone may not actually want the highlight behavior. It's
definitely not a behavior I want every time.
  
Fully agreed, I'll make that optional. I've got another request for an 
even more sophicistacted highlighting, seems like a good idea to 
implement it not only as a boolean option.


--
Jörn Zaefferer

http://bassistance.de

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Dmitrii 'Mamut' Dimandt]

Jörn Zaefferer wrote:
> I'm gonna take a look at that library for some inspiration. And maybe
> copy some validation methods (called rules at yav).
>
> Let me know if you have any specific requests for the jQuery
> validation plugin.
>
That would be the pre-condition, implies and post-condition. Those
definitely rule

[jQuery] Re: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Jörn Zaefferer]

SeViR schrieb:


Dmitrii 'Mamut' Dimandt escribió:

SeViR wrote:
  Wow. Thank you for the link to YAV, http://yav.sourceforge.net/ that I
found on the university site. This is amazing!
  
YAV is a fantastic JavaScript Form Validation library with a pair of 
years
of develop. By now, we use this library in join to jQuery, permits 
many relations

between the rules (and, implies, or,...).

But I have waiting a mature form validation plugin of jQuery, the 
actual versions

are very good, but, we prefer to wait for a solid version :)
I'm gonna take a look at that library for some inspiration. And maybe 
copy some validation methods (called rules at yav).


Let me know if you have any specific requests for the jQuery validation 
plugin.


--
Jörn Zaefferer

http://bassistance.de

[jQuery] Re: Autocomplete plugin

[James Trix]

Thanks Guys I will port it to MSSQL tomorrow, Your right about the easy of
use if the data is held in SQL as thats what I used in the first place to
build the list and then exported it out of the database. I will use your
example code once again that you posted a few posts up and will let you know
how I get on. Thanks for every ones help.

On 4/19/07, Priest, James (NIH/NIEHS) [C] <[EMAIL PROTECTED]> wrote:
>
>
> > -Original Message-
> > From: James Trix [mailto:[EMAIL PROTECTED]
> > Sent: Thursday, April 19, 2007 7:31 AM
> > To: jquery-en@googlegroups.com
> > Subject: [jQuery] Re: Autocomplete plugin
> >
> > Hi Dan as you can tell I am still a bit new to all this
> > programming thing I have limited the number of results
> > returned to 10 and set the number of char needed before a
>
> I'd agree with Dan - let the database do the heavy lifting here of
> pulling subsets of your data.  That's one of the best rules to learn in
> this 'programming thing' :)   If you do it now - you'll be better
> prepared in the future when someone asks you to add an addition 50,000
> towns! And you can leverage that data elsewhere in your application if
> you need to.
>
> Jim
>
>
> >
>

[jQuery] Re: Class doesn't support Automation?

[Scott Sauyet]

Chris Jordan wrote:

function DeleteGroup(){
var $group = $("#GroupKeyID")[0];
var index = $group.selectedIndex;
var groupname = $group[index];
$.dump(groupname);
}


Do you have a test page we could look at?

Something looks suspicious there to me.  In the first line, $group is 
defined to be a DOM object, presumably a SELECT one.  In line two, you 
get its selectedIndex, but in line three you are trying to use it as an 
array with a numeric index.  Do you want instead


var groupname = $group.options[index]

?  I don't know why FF would get this right, but perhaps it allows such 
short-cut access to the "options" property.


Good luck,

  -- Scott

[jQuery] Re: XML Problems

[Diego A.]

Thanks for your reply Mike.
Jesse replied a couple of minute before your came through...
I've fixed that problem, my real question is (if you check again), why
test 4 & 5 fail in IE7 (all test pass in FF as they should now that my
typos are gone).

On Apr 19, 2:02 pm, "Mike Alsup" <[EMAIL PROTECTED]> wrote:
> Diego,
>
> I think the problem is in your tests.  Test3 fails because its result
> div has an id of 'Result2' so it never gets updated.
>
> Test5 fails because there is no test element to find:
>
> n = $('test', $('Passed!'));
>
> Mike
>
> > I've setup a page with tests here:
> >http://www.fyneworks.com/jquery/jQuery-XML-Problems/

[jQuery] Re: Memory problem

[Rob Desbois]

Michael,

The example works for me - what's the problem?

rob.

On 4/19/07, Michael Schwarz [MVP] <[EMAIL PROTECTED]> wrote:



Hi,

I have a very simple page which will be refreshed from time to time. I
build an example which will be called every 1000 msec to redner a html
table with a button inside. The button click event is set with the
bind method. What I'm doing wrong?

Regards,
Michael








function clickhandler() {
alert("clicked");
}

function render() {
var d = new Date();
var n = d.getTime();

$("button").unbind("click", clickhandler);

var sb = [];
sb.push("");
for(var i=0; i<100; i++) {
sb.push("");
}
sb.push("
" + i + "
" + n +
"
Click
");

$("#display").html(sb.join(''));
$("button").bind("click", clickhandler);

setTimeout(render, 1000);
}

$(window).ready(render);







--
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: The University of Murcia (Spain) takes jQuery as main JS Library for all new projects

[Rey Bango]

This is excellent news, Jose. Me alegro tanto que ha decidido utilizar 
jQuery! :)


We look forward to seeing the results of your projects and contributions 
to the jQuery effort.


Thanks again!

Rey Bango
jQuery Project Team

SeViR wrote:


Hi there,

recently I presented a seminar of JavaScript programming with jQuery
in The University of Murcia (Spain) and the results are very good.

http://www.um.es/atica/mncs/forja  (sorry in *spanish*)

Ours web developers will use jQuery for all new projects and integrating 
with

the main projects, Virtual Campus SUMA, Access Control KRON, task schedule
manager DUMBO, payment manage system JUSTO, Invertigation Repository 
PAGINA,

etc

So I wait soon contribute to the jQuery project with the new code and 
plugins

developed inside of our work :D

Thanks to John Resig and the jQuery team for this fantastic piece of 
code :D




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