Re: [jQuery] JQuery on Rails

[Yehuda Katz]

It's going to take a different approach than the built-in Rails one that
makes more of an effort to make use of the inherent power of JavaScript.

It's also going to make some thing easier (like sortable lists):

In the view, you'll do <%= sortable_list :url => { ... }, ... %>
In the controller, you'll do processes_sortable { options ... }
In the model, you'll do acts_as_sortable_list

And that's all folks.

-- Yehuda

On 1/5/07, Jon Baer <[EMAIL PROTECTED]> wrote:


Can I ask how the overall approach for this will be?  (ie, will it be a
rails plugin overriding all the helpers?) Or will there be additional
functionality?

Thanks.

- Jon

On Jan 5, 2007, at 5:14 PM, Francisco Brito wrote:

I'm looking forward to this. Seems like a very good opportunity for jQ
promotion especially since proto/culous enjoys the advantage of being
pre-packaged in rails.



On 1/5/07, Yehuda Katz <[EMAIL PROTECTED]> wrote:
>
> I'm going to have something with jQuery 1.1 mid-January.
>
> -- Yehuda
>
> On 1/5/07, Jon Baer < [EMAIL PROTECTED] > wrote:
> >
> > Hi,
> >
> > Just coming back from holidays and playing catch up ...
> >
> > I know there was some discussion a while ago and it seems this was
> > setup:
> >
> > http://trac.visualjquery.com/jQueryRails
> >
> > But is there an update on it?  (Also is there any similar approach to
> > CakePHP 1.2?)  Ive read there were generic adapters but can't tell
> > from the code/svn log.
> >
> > Thanks.
> >
> > - Jon
> >
> > ___
> > jQuery mailing list
> > discuss@jquery.com
> > http://jquery.com/discuss/
> >
>
>
>
> --
> Yehuda Katz
> Web Developer | Wycats Designs
> (ph)  718.877.1325
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>
>


--
Francisco Brito

http://nullisnull.blogspot.com | http://www.flickr.com/photos/darkgoyle |
http://brito.mindsay.com___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/






--
Yehuda Katz
Web Developer | Wycats Designs
(ph)  718.877.1325
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] dynamic loading of jquery.js into my web page

[Andrea Ercolino]

Christof Donat wrote:
> 
>> > Well, I don't know about any guarantees, but it works in all test I did
>> > (with
>> > the loaded script delayed, etc.)
>>
>> I'm trying to apply your jsPAX to my Chili setup, but it works in FF1.5
>> and
>> not in IE7, which does not return any error and does not show the page,
>> just keeps loading indefinitely.
> 
> Have you just downloaded that version? The problem is, that IE7 has a 
> XMLHttpRequest Object that does not need ActiveX, but doesn't work like
> the 
> one of Firefox, Safari, Konqueror and Opera. In the current version I used 
> the ActiveX-XMLHttpRequest every time ActiveX is available - which at
> least 
> works as expected.
> 
> If you just have downloaded it, I put the wrong version online.
> 

Yes, I downloaded it short before. 
Please, tell me when I can download the fixed version, and I'll test again
:-)

-- 
View this message in context: 
http://www.nabble.com/dynamic-loading-of-jquery.js-into-my-web-page-tf2905089.html#a8189949
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] toggle removes objects' original href="go here" function

[Blair McKenzie]

Try
$(document).ready(function() {
$("#download").bind("click",function(){
$("#donate").toggle();
});
});

Blair

On 1/6/07, Hannah Gray <[EMAIL PROTECTED]> wrote:


I'm making a download button which links to a zip file but also needs to
show a hidden div when clicked.  Adding the toggle() or click() seems to
keep the href= link action from bubbling.  I guess this is normally how I
want it to behave... except in this case.  Is there a way to work around
this?


Thanks!


my code is below.

$(document).ready(function() {
$("#download").toggle(function() {
 $("#donate").show('slow');
}, function() {
 $("#donate").hide('fast');
});
});




Hannah Gray
www.geekgrl.net
[EMAIL PROTECTED]


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Bug in Nifty Corner Plugin

[Olaf Bosch]

Paul Bakaus schrieb:

> I originally translated the Nifty plugin without doing a lot of
> testing. I will look at it, see what I can do. Until then, you can
> just use vJustify!

Great News ;)

I have played around with nifty an vJustify, heureka es löpt

Here is my changes:

if(options.indexOf("height") >= 0)
   {
 var maxHeight=0;
 var minHeight = ($.browser.msie && typeof XMLHttpRequest == 
'function') ? 'height' : 'min-height';
 this.each(function(){
if (this.offsetHeight>maxHeight) {maxHeight=this.offsetHeight;}
});
 this.each(function(){
 var t=document.createElement("b");t.className="niftyfill";
 jQuery(t).css(minHeight,((maxHeight-this.offsetHeight) +"px"));
 nc=this.lastChild;
 nc.className=="niftycorners" ? this.insertBefore(t,nc) : 
jQuery(this).append(t);
});
 }
}

Iss this good, forget i was? Tested in FF2 and IE7
Demo:
http://olaf-bosch.de/bugs/jquery/nifty/

-- 
Viele Grüße, Olaf

---
[EMAIL PROTECTED]
http://olaf-bosch.de
www.akitafreund.de
---

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] load() and html() trouble with IE and included scripts

[Mike Alsup]

> In IE, innerHTML (aka .html())  will not retain the 

Re: [jQuery] Events bubbling

[Ⓙⓐⓚⓔ]

the simple way to stop bubbling is to return false.
the only time I needed anything else was to activate the href after
the click got caught.
if (!e) {
var e = window.event
e.cancelBubble = true
} else if (e.stopPropagation)
e.stopPropagation()

is often overkill.

On 1/5/07, Matt Stith <[EMAIL PROTECTED]> wrote:
> Try
> $("#box").children().onemouseout( ...
>
> That might work.
>
>
> On 1/5/07, Fabien Meghazi <[EMAIL PROTECTED] > wrote:
> > Hi all,
> >
> > I'm trying to do a simple thing but I get annoyed by my lack of
> > comprehension about event bubbling and capturing.
> >
> > As you can see here :
> > http://www.amigrave.com/upload/posts/jquery/events.htm#
> >
> > I'm trying to have a div displayed over the link when we click on it.
> > When we mouse over the displayed div, I want it to disapear.
> > My problem is that in the div I have many elements and some links.
> > When the mouse come over a link, the mouseout event of the parent div
> > is triggered.
> > I want to avoid that. How can I do ?
> >
> > PS: Already tried stopPropagation()
> >
> >
> > --
> > Fabien Meghazi
> >
> > Website: http://www.amigrave.com
> > Email: [EMAIL PROTECTED]
> > IM: [EMAIL PROTECTED]
> >
> > ___
> > jQuery mailing list
> > discuss@jquery.com
> > http://jquery.com/discuss/
> >
>
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>
>


-- 
Ⓙⓐⓚⓔ - יעקב   ʝǡǩȩ   ᎫᎪᏦᎬ
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] load() and html() trouble with IE and included scripts

[Jan Vorisek]

I cannot fill innerHTML with script tags and succesfully return it in IE.
After hours of playing I see it as a prime cause .load() bug on IE6.

In jquery load() function there is:

self.html(res.responseText)
self.evalScripts()

In IE, innerHTML (aka .html())  will not retain the 

Re: [jQuery] Accessing span before input

[Søren Haagerup]

Sam Collett wrote:
> 
> I think this may work:
> 
> $("input").blur(function(){
> $(this).prev("span").load("/phonelookup", {value: this.value});
> });
> 
> 

Oh my.. It actually does! I thought I had tried that already.. 
Now my own proposal looks even more ridiculous :-). 

Thanks a lot, Sam!

Best regards
Søren Haagerup
-- 
View this message in context: 
http://www.nabble.com/Accessing-span-before-input-tf2928666.html#a8188199
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] JQuery on Rails

[Jon Baer]

Can I ask how the overall approach for this will be?  (ie, will it be  
a rails plugin overriding all the helpers?) Or will there be  
additional functionality?


Thanks.

- Jon

On Jan 5, 2007, at 5:14 PM, Francisco Brito wrote:

I'm looking forward to this. Seems like a very good opportunity for  
jQ promotion especially since proto/culous enjoys the advantage of  
being pre-packaged in rails.




On 1/5/07, Yehuda Katz <[EMAIL PROTECTED]> wrote:
I'm going to have something with jQuery 1.1 mid-January.

-- Yehuda


On 1/5/07, Jon Baer < [EMAIL PROTECTED] > wrote:
Hi,

Just coming back from holidays and playing catch up ...

I know there was some discussion a while ago and it seems this was
setup:

http://trac.visualjquery.com/jQueryRails

But is there an update on it?  (Also is there any similar approach to
CakePHP 1.2?)  Ive read there were generic adapters but can't tell
from the code/svn log.

Thanks.

- Jon

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/



--
Yehuda Katz
Web Developer | Wycats Designs
(ph)  718.877.1325
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/





--
Francisco Brito

http://nullisnull.blogspot.com | http://www.flickr.com/photos/ 
darkgoyle | http://brito.mindsay.com

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Accessing span before input

[Sam Collett]

On 05/01/07, Søren Haagerup <[EMAIL PROTECTED]> wrote:
>
> Hello everyone!
>
> Consider this code:
>
> 
> 
> 
> 
> 
> 
> Navn:
> 
>
> 
> 
> 
> 
> 
> Telefon:
> 
>
> (...)
> 
>
> When blurring one of the input fields, I want jQuery to load an URL into the
>  just before the input-field, with the value
> of the blurred input field sent as parameter.
>
> My current solution is based on counting the position of an input element
> $("*").each(function(i){
> if ($(this).is("[EMAIL PROTECTED]"))
> phone_pos = i;
> }
>
> and later reacting on that:
> $("*").eq(phone_pos).blur(function(){
> $("*").eq(phone_pos-1).load("/phonelookup", {value :
> $("*").eq(phone_pos).val()});
>
> But I feel that it's a very ugly implementation, with many weaknesses. First
> of all, it loops through all elements on the site. Secondly, it breaks, if
> there are more tags in the site loaded by Ajax.
>
> Any better ideas?
>
>
> Best regards,
> Søren Haagerup

I think this may work:

$("input").blur(function(){
$(this).prev("span").load("/phonelookup", {value: this.value});
});

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] Accessing span before input

[Søren Haagerup]

Hello everyone!

Consider this code:







Navn:







Telefon:


(...)


When blurring one of the input fields, I want jQuery to load an URL into the
 just before the input-field, with the value
of the blurred input field sent as parameter.

My current solution is based on counting the position of an input element
$("*").each(function(i){
if ($(this).is("[EMAIL PROTECTED]"))
phone_pos = i;  
}

and later reacting on that:
$("*").eq(phone_pos).blur(function(){
$("*").eq(phone_pos-1).load("/phonelookup", {value :
$("*").eq(phone_pos).val()});

But I feel that it's a very ugly implementation, with many weaknesses. First
of all, it loops through all elements on the site. Secondly, it breaks, if
there are more tags in the site loaded by Ajax.

Any better ideas?


Best regards,
Søren Haagerup
-- 
View this message in context: 
http://www.nabble.com/Accessing-span-before-input-tf2928666.html#a8187886
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Events bubbling

[Matt Stith]

Try
$("#box").children().onemouseout( ...

That might work.

On 1/5/07, Fabien Meghazi <[EMAIL PROTECTED]> wrote:


Hi all,

I'm trying to do a simple thing but I get annoyed by my lack of
comprehension about event bubbling and capturing.

As you can see here :
http://www.amigrave.com/upload/posts/jquery/events.htm#

I'm trying to have a div displayed over the link when we click on it.
When we mouse over the displayed div, I want it to disapear.
My problem is that in the div I have many elements and some links.
When the mouse come over a link, the mouseout event of the parent div
is triggered.
I want to avoid that. How can I do ?

PS: Already tried stopPropagation()


--
Fabien Meghazi

Website: http://www.amigrave.com
Email: [EMAIL PROTECTED]
IM: [EMAIL PROTECTED]

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] Events bubbling

[Fabien Meghazi]

Hi all,

I'm trying to do a simple thing but I get annoyed by my lack of
comprehension about event bubbling and capturing.

As you can see here :
http://www.amigrave.com/upload/posts/jquery/events.htm#

I'm trying to have a div displayed over the link when we click on it.
When we mouse over the displayed div, I want it to disapear.
My problem is that in the div I have many elements and some links.
When the mouse come over a link, the mouseout event of the parent div
is triggered.
I want to avoid that. How can I do ?

PS: Already tried stopPropagation()


-- 
Fabien Meghazi

Website: http://www.amigrave.com
Email: [EMAIL PROTECTED]
IM: [EMAIL PROTECTED]

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] rounded corners

[Dave Methvin]

Are you using the latest version? It's in jQuery SVN now:
 
http://jquery.com/dev/svn/trunk/plugins/corner/jquery.corner.js?format=txt
 
If a version update doesn't help, can you post a link to a test page?

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Brian Smith
Sent: Friday, January 05, 2007 4:50 PM
To: discuss@jquery.com
Subject: [jQuery] rounded corners


I have tried to use the rounded corners plugin for jquery, and it does work
well IF you allow the height of your div to be rounded to NOT be fixed.  If
I set a min-height in Firefox and a comparable fixed height in IE, and my
content does not fill up the div vertically, then the bottom rounded corners
show up in the middle of the div rather than the bottom. 

Anyone know how to solve this. I need a min height for my content.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] JQuery on Rails

[Francisco Brito]

I'm looking forward to this. Seems like a very good opportunity for jQ
promotion especially since proto/culous enjoys the advantage of being
pre-packaged in rails.



On 1/5/07, Yehuda Katz <[EMAIL PROTECTED]> wrote:


I'm going to have something with jQuery 1.1 mid-January.

-- Yehuda

On 1/5/07, Jon Baer <[EMAIL PROTECTED] > wrote:
>
> Hi,
>
> Just coming back from holidays and playing catch up ...
>
> I know there was some discussion a while ago and it seems this was
> setup:
>
> http://trac.visualjquery.com/jQueryRails
>
> But is there an update on it?  (Also is there any similar approach to
> CakePHP 1.2?)  Ive read there were generic adapters but can't tell
> from the code/svn log.
>
> Thanks.
>
> - Jon
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>



--
Yehuda Katz
Web Developer | Wycats Designs
(ph)  718.877.1325
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/






--
Francisco Brito

http://nullisnull.blogspot.com | http://www.flickr.com/photos/darkgoyle |
http://brito.mindsay.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] rounded corners

[Brian Smith]

I have tried to use the rounded corners plugin for jquery, and it does work
well IF you allow the height of your div to be rounded to NOT be fixed.  If
I set a min-height in Firefox and a comparable fixed height in IE, and my
content does not fill up the div vertically, then the bottom rounded
corners  show up in the middle of the div rather than the bottom.

Anyone know how to solve this. I need a min height for my content.
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Any way to trigger a click by script?

[Sean O]

I've gotten the onclick event to fire using .click(), but only testing using
an alert("clicked").

I don't mind kludging it this way... what can i put in the onClick of the
 tag to make it... click?

   $("#goog").trigger("click");

http://google.com Link to google 

click() and this.click() don't work...



SEAN O



Jonathan Sharp wrote:
> 
> Hey Sean,
> 
> The problem you're experiencing is that you can't trigger (no browser
> support) the default link action via javascript. .click() will trigger the
> "onclick" event but not the default you're expecting.
> 
> Cheers,
> -Jonathan
> 
> 
> On 1/5/07, Sean O <[EMAIL PROTECTED]> wrote:
>>
>>
>> Hey Chris,
>>
>>
>> Tried replacing $(function() { with $(document).ready(function(){, but
>> both
>> have same effect (no clicky).
>> It's that user mouse-clicking (or any other way to simulate the
>> activation
>> of that   tag) that I'm after.
>>
>>
>> 
>> SEAN O
>>
>>
>>
>> Christopher Jordan-2 wrote:
>> >
>> > Have you tried $(document).ready(function(){
>> > // put the code to display your image here
>> > });
>> >
>> > Someone correct me if I'm wrong, but .click() is specifically tied to
>> > the user clicking the mouse button.
>> >
>> > I think the document ready code above is the sort of thing you're
>> > looking for.
>> >
>> > Hope this helps!
>> >
>> > Cheers,
>> > Chris
>> >
>> > Sean O wrote:
>> >> Hi,
>> >>
>> >>
>> >> I'm trying to simulate a click of a link on my page. (to open a jpg in
>> >> greybox on page load)
>> >> How do I do it?
>> >>
>> >> I tried click(), but it doesn't seem to do anything.
>> >>
>> >>  $(function() {
>> >>  $("#imglink").css("background","yellow").click();
>> >>  });
>> >>
>> >>   myimg.jpg My
>> >> Image 
>> >>
>> >> The background changes (for testing), but the click event is not
>> >> triggered.
>> >> Tips?
>> >>
>> >>
>> >> Thanks,
>> >>
>> >> 
>> >> SEAN O
>> >>
>> >
>> > --
>> > http://www.cjordan.info
>> >
>> >
>> > ___
>> > jQuery mailing list
>> > discuss@jquery.com
>> > http://jquery.com/discuss/
>> >
>> >
>>
>> --
>> View this message in context:
>> http://www.nabble.com/Any-way-to-trigger-a-click-by-script--tf2926200.html#a8180780
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Any-way-to-trigger-a-click-by-script--tf2926200.html#a8185338
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] break in $.each

[Aaron Heimlich]

On 1/5/07, Jörn Zaefferer <[EMAIL PROTECTED]> wrote:


Thats intersting. Could you please file this as a bug report (component
docs)? Thanks.



Done!

http://jquery.com/dev/bugs/bug/754/

--
Aaron Heimlich
Web Developer
[EMAIL PROTECTED]
http://aheimlich.freepgs.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jquery-modalContent Plugin 0.11 released

[Ámon Tamás]

Brandon Aaron wrote:
> On 1/5/07, Ámon Tamás <[EMAIL PROTECTED]> wrote:
>> Hello,
>>
>> I get the following error:
>>
>> $(document).outerHeight is not a function (line 55)
>> Is this a bug or a feature?
> 
> Please make sure you have the dimensions plugin.
> http://jquery.com/dev/svn/trunk/plugins/dimensions/dimensions.js?format=txt
> 

Ups. :) I forget it.

But I have an other problem. The content come dinamicaly from 
javascript. I make something like this:

-
var aa = document.createElement("a");
aa.href="javascript:void(0);";
aa.class="close";
$(aa).click(function(){jQuery.modalContent.modalContentClose();});
$(aa).html("Bezaras");
$(div).append(aa);
-

But it is not close the picture
$(aa).click(function(){jQuery.modalContent.modalContentClose();});

What I must to make with this line?

-- 
Ámon Tamás
http://linkfelho.amon.hu


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Any way to trigger a click by script?

[Sean O]

Jonathan,

I did see that post while researching this earlier.

Both methods in that post have a weird effect... causing Firefox to not
"see" the file!

Firefox can't find the file at /R:/Server2Go
v1.3.0/htdocs/sandbox/clicksim/function (h) {return h == undefined ?
this.length ? this[0][n] : null : this.attr(n, h);}.



Jonathan Sharp wrote:
> 
> Reference this post:
> 
> http://www.nabble.com/%24%28%27a%27%29-0-.click%28%29-not-working--tf2896856.html#a8092696
> 
> Cheers,
> -Jonathan
> 
> 
> On 1/5/07, Sean O <[EMAIL PROTECTED]> wrote:
>>
>>
>> Hi,
>>
>>
>> I'm trying to simulate a click of a link on my page. (to open a jpg in
>> greybox on page load)
>> How do I do it?
>>
>> I tried click(), but it doesn't seem to do anything.
>>
>> $(function() {
>> $("#imglink").css("background","yellow").click();
>> });
>>
>>  myimg.jpg My Image 
>>
>> The background changes (for testing), but the click event is not
>> triggered.
>> Tips?
>>
>>
>> Thanks,
>>
>> 
>> SEAN O
>> --
>> View this message in context:
>> http://www.nabble.com/Any-way-to-trigger-a-click-by-script--tf2926200.html#a8180306
>> Sent from the JQuery mailing list archive at Nabble.com.
>>
>>
>> ___
>> jQuery mailing list
>> discuss@jquery.com
>> http://jquery.com/discuss/
>>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Any-way-to-trigger-a-click-by-script--tf2926200.html#a8184627
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] setting an attribute... I *thought* this was how to doit...

[Christopher Jordan]

Awesome, Mike! Thanks for the clear explanation. :o)

Cheers,
Chris

Michael Geary wrote:

Chris, it's like this... ;-)
 
$() returns a jQuery object, which is an array of DOM elements with 
jQuery methods that apply either to the entire array or to the first 
element in the array, depending on the method.
 
One of those methods is .each(), which loops through the DOM element 
array and calls your function on each one, setting "this" to the 
individual DOM element.
 
So, inside a $().each( ... ) function, "this" refers to a specific DOM 
element. You can call DOM methods on that element and access its 
attributes and properties using ordinary JavaScript.
 
You can wrap a DOM element with $(element) to get a jQuery object 
containing that single DOM element. You can then call jQuery methods 
on that object.
 
In many cases, you can use either one interchangeably. Inside an 
each() function, these would do the same thing:
 
   alert( this.innerHTML );
 
   alert( $(this).html() );
 
as would these:
 
   alert( this.id );
 
   alert( $(this).attr('id') );
 
Naturally, the first one of each of these pairs is faster and is 
recommended in most cases.
 
-Mike


Mike, thanks so much for the advice! :o)

I guess I'm still fuzzy on when I can use 'this' as opposed to
'$(this)'. I would love to use this.myAttr, but didn't think I
could. I really, really appreciate you re-writing my code snippet
to show me what you're talking about. I know that the 'this' vs.
'$(this)' discussion was had not too long ago, but I didn't (or
couldn't) pay too much attention at the time. If you'd rehash it
for me, or point me to the old thread, I'd appreciate that too! :o)

Cheers,
Chris



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
  


--
http://www.cjordan.info

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jquery-modalContent Plugin 0.11 released

[Brandon Aaron]

On 1/5/07, Ámon Tamás <[EMAIL PROTECTED]> wrote:
> Hello,
>
> I get the following error:
>
> $(document).outerHeight is not a function (line 55)
> Is this a bug or a feature?

Please make sure you have the dimensions plugin.
http://jquery.com/dev/svn/trunk/plugins/dimensions/dimensions.js?format=txt

--
Brandon Aaron

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jquery-modalContent Plugin 0.11 released

[Felix Geisendörfer]

If I remember correctly this plugin depends on the dimensions plugin and 
it seems like you've not included it.


-- Felix Geisendörfer aka the_undefined
--
http://www.thinkingphp.org
http://www.fg-webdesign.de


Ámon Tamás wrote:

Hello,

I get the following error:

$(document).outerHeight is not a function (line 55)
Is this a bug or a feature?

(I have firefox 2.0)

Gavin M. Roy wrote:
  

I've released 0.11 of the jquery-modalContent plugin with the following changes:
 
2006-12-19 patch from Tim Saker <[EMAIL PROTECTED] >

  1) Keyboard events are now only permitted on visible elements belonging to 
the modal layer (child elements). Attempting to place focus on any other page 
element will cause focus to be transferred back to the first (ordinal) visible 
child element of the modal layer.

  2) The modal overlay shading now covers the entire height of the document 
except for a small band at the bottom, which is the height of a scrollbar (a 
separate thread to be opened on this problem with dimension.js).

  3) I removed the code that disables and reenables the scrollbars.  This is 
just a suggestion really, realizing it could be one of those little things that 
causes fellow developers to become unnecessary foes ;=).  Personally, I found 
it an annoying behaviour to remove a visible scrollbar causing the page 
elements to shift right upon modal popup, then back after closure. If the 
intent was to prevent scrolling it doesn't anyway since you can still page down 
with the keyboard. Maybe it should be a boolean option passed in the function 
signature?


2007-01-03 gmr
  1) Updated to set the top of the background div to 0
  2) Add 50px to the background div (ugly hack until dimensions.js returns the 
proper height
  3) Removed the .focus from the $('#modalContent .focus') selector since that 
required something with a class of focus.

  4) Created a function for reaize and bound and unbound that so it doesnt 
clobber other resize functions on unbinding.
  5) Created a function for binding the .close class and bound/unbound click 
using it.  Close now will work on any clickable element including a map area.

  6) Renamed animation commands to match jQuery's.

It is available at http://jquery.glyphix.com - Thank you to everyone who has 
made suggestions and given feedback on the plugin to make it better.


Regards,

Gavin




___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/




  
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jquery-modalContent Plugin 0.11 released

[Ámon Tamás]

Hello,

I get the following error:

$(document).outerHeight is not a function (line 55)
Is this a bug or a feature?

(I have firefox 2.0)

Gavin M. Roy wrote:
> I've released 0.11 of the jquery-modalContent plugin with the following 
> changes:
>  
> 2006-12-19 patch from Tim Saker <[EMAIL PROTECTED] >
>   1) Keyboard events are now only permitted on visible elements belonging to 
> the modal layer (child elements). Attempting to place focus on any other page 
> element will cause focus to be transferred back to the first (ordinal) 
> visible child element of the modal layer.
> 
>   2) The modal overlay shading now covers the entire height of the document 
> except for a small band at the bottom, which is the height of a scrollbar (a 
> separate thread to be opened on this problem with dimension.js).
> 
>   3) I removed the code that disables and reenables the scrollbars.  This is 
> just a suggestion really, realizing it could be one of those little things 
> that causes fellow developers to become unnecessary foes ;=).  Personally, I 
> found it an annoying behaviour to remove a visible scrollbar causing the page 
> elements to shift right upon modal popup, then back after closure. If the 
> intent was to prevent scrolling it doesn't anyway since you can still page 
> down with the keyboard. Maybe it should be a boolean option passed in the 
> function signature?
> 
> 
> 2007-01-03 gmr
>   1) Updated to set the top of the background div to 0
>   2) Add 50px to the background div (ugly hack until dimensions.js returns 
> the proper height
>   3) Removed the .focus from the $('#modalContent .focus') selector since 
> that required something with a class of focus.
> 
>   4) Created a function for reaize and bound and unbound that so it doesnt 
> clobber other resize functions on unbinding.
>   5) Created a function for binding the .close class and bound/unbound click 
> using it.  Close now will work on any clickable element including a map area.
> 
>   6) Renamed animation commands to match jQuery's.
> 
> It is available at http://jquery.glyphix.com - Thank you to everyone who has 
> made suggestions and given feedback on the plugin to make it better.
> 
> 
> Regards,
> 
> Gavin
> 
> 
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/


-- 
Ámon Tamás
http://linkfelho.amon.hu


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] setting an attribute... I *thought* this was how to doit...

[Michael Geary]

Chris, it's like this... ;-)
 
$() returns a jQuery object, which is an array of DOM elements with jQuery
methods that apply either to the entire array or to the first element in the
array, depending on the method.
 
One of those methods is .each(), which loops through the DOM element array
and calls your function on each one, setting "this" to the individual DOM
element.
 
So, inside a $().each( ... ) function, "this" refers to a specific DOM
element. You can call DOM methods on that element and access its attributes
and properties using ordinary JavaScript.
 
You can wrap a DOM element with $(element) to get a jQuery object containing
that single DOM element. You can then call jQuery methods on that object.
 
In many cases, you can use either one interchangeably. Inside an each()
function, these would do the same thing:
 
   alert( this.innerHTML );
 
   alert( $(this).html() );
 
as would these:
 
   alert( this.id );
 
   alert( $(this).attr('id') );
 
Naturally, the first one of each of these pairs is faster and is recommended
in most cases.
 
-Mike



Mike, thanks so much for the advice! :o)

I guess I'm still fuzzy on when I can use 'this' as opposed to '$(this)'. I
would love to use this.myAttr, but didn't think I could. I really, really
appreciate you re-writing my code snippet to show me what you're talking
about. I know that the 'this' vs. '$(this)' discussion was had not too long
ago, but I didn't (or couldn't) pay too much attention at the time. If you'd
rehash it for me, or point me to the old thread, I'd appreciate that too!
:o)

Cheers,
Chris

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] setting an attribute... I *thought* this was how to doit...

[Christopher Jordan]

Mike, thanks so much for the advice! :o)

I guess I'm still fuzzy on when I can use 'this' as opposed to 
'$(this)'. I would love to use this.myAttr, but didn't think I could. I 
really, really appreciate you re-writing my code snippet to show me what 
you're talking about. I know that the 'this' vs. '$(this)' discussion 
was had not too long ago, but I didn't (or couldn't) pay too much 
attention at the time. If you'd rehash it for me, or point me to the old 
thread, I'd appreciate that too! :o)


Cheers,
Chris

Michael Geary wrote:

$(function(){

$("div.OrderEntryListRow").not(".Selected").each(function(i){
alert("before: " + $(this).attr("id"));
$(this).attr("id", "Row_" + (i+1));
$(this).html($(this).html() + ': ' + (i+1));
alert("after: " + $(this).attr("id"));
});

});



Any time you see that much repetition in a piece of code, you should think,
"That might be expensive - let's do it once instead of many times."

So the first response would be to call $(this) only once:

$("div.OrderEntryListRow").not(".Selected").each(function(i){
var $this = $(this);
alert( "before: " + $this.attr("id") );
$this.attr( "id", "Row_" + (i+1) );
$this.html( $this.html() + ': ' + (i+1) );
alert( "after: " + $this.attr("id") );
});

But we can do even better here. There's no reason to use .attr() and .html()
at all:

$("div.OrderEntryListRow").not(".Selected").each(function(i){
alert( "before: " + this.id );
this.id = "Row_" + (i+1);
this.innerHTML += ': ' + (i+1);
alert( "after: " + this.id );
});

That is both faster and much simpler.

-Mike


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

  


--
http://www.cjordan.info

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] setting an attribute... I *thought* this was how to doit...

[Michael Geary]

> $(function(){
> 
> $("div.OrderEntryListRow").not(".Selected").each(function(i){
> alert("before: " + $(this).attr("id"));
> $(this).attr("id", "Row_" + (i+1));
> $(this).html($(this).html() + ': ' + (i+1));
> alert("after: " + $(this).attr("id"));
> });
> 
> });

Any time you see that much repetition in a piece of code, you should think,
"That might be expensive - let's do it once instead of many times."

So the first response would be to call $(this) only once:

$("div.OrderEntryListRow").not(".Selected").each(function(i){
var $this = $(this);
alert( "before: " + $this.attr("id") );
$this.attr( "id", "Row_" + (i+1) );
$this.html( $this.html() + ': ' + (i+1) );
alert( "after: " + $this.attr("id") );
});

But we can do even better here. There's no reason to use .attr() and .html()
at all:

$("div.OrderEntryListRow").not(".Selected").each(function(i){
alert( "before: " + this.id );
this.id = "Row_" + (i+1);
this.innerHTML += ': ' + (i+1);
alert( "after: " + this.id );
});

That is both faster and much simpler.

-Mike


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] [Newbie] dynamic text loads...

[Alex Cook]

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Birgit Pauli-Haack
Subject: Re: [jQuery] [Newbie] dynamic text loads...

Now I have another question: how to I get the original text back into
the


Boxtext. 


after I unhover from the particular link?

Birgit

-

Sorry Birgit I've been busy this week and am just now catching up on
email.

Take a look at the API docs for the .hover() function.  You can pass it
two functions, one for over and one for out.  In the first function
rather then replacing the text within the box you want to hide it, then
in the second function you simply show it again.  Something like...

$("[EMAIL PROTECTED]").hover(
function () { 
$("#boxtext").wrap("");
$("#boxtext").append("" +
texts[this.id] + "");
},
function () {
$("div.new-boxtext").remove();
ogText = $("#boxtext div.og-boxtext").html();
$("#boxtext div.og-boxtext").remove();
$("#boxtext").html(ogText);
}
);

Again, UNTESTED, but should be a decent start.

-ALEX

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Selectors..

[Jörn Zaefferer]

Ⓙⓐⓚⓔ schrieb:
> what happened to filter with a function param??? that sounded like a
> work-around for the regex.
>   
That is available and documented in the latest revision.

-- 
Jörn Zaefferer

http://bassistance.de


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] break in $.each

[Jörn Zaefferer]

Aaron Heimlich schrieb:
> I just took a look at the code for $.each and noticed that is passes 
> two arguments to the callback, the name/index of the current item and 
> the item itself (in that order).
Thats intersting. Could you please file this as a bug report (component 
docs)? Thanks.

-- 
Jörn Zaefferer

http://bassistance.de


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Effects question

[Jörn Zaefferer]

Hodicska Gergely schrieb:
> May I ask you to explain why is this necessary. (We user earlier 
> prototype and scriptaculos did not use this approach.) (Sorry for 
> mentioning prototype on this mail list, I'm just curious about this topic.)
>   
Ok, it's currently necessary in jQuery. You are lucky, jQuery is not the 
end of the world. After thinking about it again, the display-block 
limiation is there to animate width and height of elements. But I guess 
it's not necessary if only opacity is animated.

Feel free to create a bug report for this problem.

-- 
Jörn Zaefferer

http://bassistance.de


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] dynamic loading of jquery.js into my web page

[Christof Donat]

Hi,

> > Well, I don't know about any guarantees, but it works in all test I did
> > (with
> > the loaded script delayed, etc.)
>
> I'm trying to apply your jsPAX to my Chili setup, but it works in FF1.5 and
> not in IE7, which does not return any error and does not show the page,
> just keeps loading indefinitely.

Have you just downloaded that version? The problem is, that IE7 has a 
XMLHttpRequest Object that does not need ActiveX, but doesn't work like the 
one of Firefox, Safari, Konqueror and Opera. In the current version I used 
the ActiveX-XMLHttpRequest every time ActiveX is available - which at least 
works as expected.

If you just have downloaded it, I put the wrong version online.

Christof

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Binding a function to a variable (Newbie question)

[Dan Eastwell]

Thanks greatly for that, Klaus,

It worked perfectly, and more than that, I understand now why it was going
wrong. The concept of calling a function to return a function is a great
tool, I can see.

Many thanks,

Dan.

On 1/5/07, Klaus Hartl <[EMAIL PROTECTED]> wrote:




Dan Eastwell schrieb:
> Hi all,
>
> I've just started using jquery, and as you can tell from my blog, very
> close to just having started javascript, but I'm determined to do things
> properly.
>
> I've written a post function that, for the sake of argument, pops an
> alert when you submit a form.
>
> $(document).ready(function(){
> initialiseForm();
> });
>
> function initialiseForm() {
> $("form#fPollX").bind("submit", post());
> }
>
> function post() {
>  alert('hello');
>  return false;
> }
>
> This works fine. Now I want to abstract it out so that any form can (for
> this version anyway) return its own message, based (currently) on a
> switch in post(). Either or neither form or both may be on the page.
>
> So now I've tried:
>
> $(document).ready(function(){
> initialiseForm("fPollX");
> initialiseForm("fPollY");
> });
>
> function initialiseForm(formID) {
> if (!document.getElementById) return false;
> if(document.getElementById(formID)){
> theForm = "form#" + formID;
> $(theForm).bind("submit", post(formID));
> }
> }
>
> function post(formName) {
> switch(formName){
> case "fPollX":
> alert('hello X ' + formName);
> return false;
> break;
> case "fPollY":
> alert('hello Y ' + formName);
> return false;
> break;
> default:
> return false;
> }
> }
>
> The problem with this, I think is the fact I'm trying to 'bind' a
> function to a variable using the $( ) function. In this case, the post()
> function isn't called, it just runs ( e.g. alerting "hello X fPollX")
> the correct case, if the form is on the page).
>
> The question here is either: how do I bind a function to a submit event,
> if I don't know exactly what the form's going to be called in the
function?

Create a function that returns a function - that saves you the hardcoded
variables in the switch statement and makes the code a lot shorter and
flexible:

function getPost(formId) {
 return function() {
 alert('hello X ' + formId);
 return false;
 };
}

function initialiseForm(formId) {
 $(formId).bind('submit', getPost(formId));
}

initialiseForm('#fPollX');

I don't think that you need to check for document.getElementById, if you
are using jQuery anyway you can pretty much assume that. jQuery itself
should fail gracefully in these legacy browsers that don't support that...

You also shouldn't use a type selector together with an id
("form#yourId"), that slows the whole query down (use "#yourId").

Also note that you have to pass in a function *reference* to the bind
function, not the call itself. In your first example you used "post()"
(which calls the function immediatly) instead of "post".


-- Klaus

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/





--
Daniel Eastwell

Portfolio and articles:
http://www.thoughtballoon.co.uk

Blog:
http://www.thoughtballoon.co.uk/blog
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Any way to trigger a click by script?

[Jonathan Sharp]

Hey Sean,

The problem you're experiencing is that you can't trigger (no browser
support) the default link action via javascript. .click() will trigger the
"onclick" event but not the default you're expecting.

Cheers,
-Jonathan


On 1/5/07, Sean O <[EMAIL PROTECTED]> wrote:



Hey Chris,


Tried replacing $(function() { with $(document).ready(function(){, but
both
have same effect (no clicky).
It's that user mouse-clicking (or any other way to simulate the activation
of that  tag) that I'm after.



SEAN O



Christopher Jordan-2 wrote:
>
> Have you tried $(document).ready(function(){
> // put the code to display your image here
> });
>
> Someone correct me if I'm wrong, but .click() is specifically tied to
> the user clicking the mouse button.
>
> I think the document ready code above is the sort of thing you're
> looking for.
>
> Hope this helps!
>
> Cheers,
> Chris
>
> Sean O wrote:
>> Hi,
>>
>>
>> I'm trying to simulate a click of a link on my page. (to open a jpg in
>> greybox on page load)
>> How do I do it?
>>
>> I tried click(), but it doesn't seem to do anything.
>>
>>  $(function() {
>>  $("#imglink").css("background","yellow").click();
>>  });
>>
>>  My
>> Image
>>
>> The background changes (for testing), but the click event is not
>> triggered.
>> Tips?
>>
>>
>> Thanks,
>>
>> 
>> SEAN O
>>
>
> --
> http://www.cjordan.info
>
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>

--
View this message in context:
http://www.nabble.com/Any-way-to-trigger-a-click-by-script--tf2926200.html#a8180780
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Any way to trigger a click by script?

[Rafael Santos]

hmm.. according to the docs it should work.
have you tried

$(that).trigger("click")


2007/1/5, Sean O <[EMAIL PROTECTED]>:



Hey Chris,


Tried replacing $(function() { with $(document).ready(function(){, but
both
have same effect (no clicky).
It's that user mouse-clicking (or any other way to simulate the activation
of that  tag) that I'm after.



SEAN O



Christopher Jordan-2 wrote:
>
> Have you tried $(document).ready(function(){
> // put the code to display your image here
> });
>
> Someone correct me if I'm wrong, but .click() is specifically tied to
> the user clicking the mouse button.
>
> I think the document ready code above is the sort of thing you're
> looking for.
>
> Hope this helps!
>
> Cheers,
> Chris
>
> Sean O wrote:
>> Hi,
>>
>>
>> I'm trying to simulate a click of a link on my page. (to open a jpg in
>> greybox on page load)
>> How do I do it?
>>
>> I tried click(), but it doesn't seem to do anything.
>>
>>  $(function() {
>>  $("#imglink").css("background","yellow").click();
>>  });
>>
>>  My
>> Image
>>
>> The background changes (for testing), but the click event is not
>> triggered.
>> Tips?
>>
>>
>> Thanks,
>>
>> 
>> SEAN O
>>
>
> --
> http://www.cjordan.info
>
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>

--
View this message in context:
http://www.nabble.com/Any-way-to-trigger-a-click-by-script--tf2926200.html#a8180780
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/





--
Rafael Santos Sà :: webdeveloper
www.rafael-santos.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Any way to trigger a click by script?

[Sean O]

Hey Chris,


Tried replacing $(function() { with $(document).ready(function(){, but both
have same effect (no clicky).
It's that user mouse-clicking (or any other way to simulate the activation
of that  tag) that I'm after.



SEAN O



Christopher Jordan-2 wrote:
> 
> Have you tried $(document).ready(function(){
> // put the code to display your image here
> });
> 
> Someone correct me if I'm wrong, but .click() is specifically tied to 
> the user clicking the mouse button.
> 
> I think the document ready code above is the sort of thing you're 
> looking for.
> 
> Hope this helps!
> 
> Cheers,
> Chris
> 
> Sean O wrote:
>> Hi,
>>
>>
>> I'm trying to simulate a click of a link on my page. (to open a jpg in
>> greybox on page load)
>> How do I do it?
>>
>> I tried click(), but it doesn't seem to do anything.
>>
>>  $(function() {
>>  $("#imglink").css("background","yellow").click();
>>  });
>>
>>  My
>> Image
>>
>> The background changes (for testing), but the click event is not
>> triggered.
>> Tips?
>>
>>
>> Thanks,
>>
>> 
>> SEAN O
>>   
> 
> -- 
> http://www.cjordan.info
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Any-way-to-trigger-a-click-by-script--tf2926200.html#a8180780
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Binding a function to a variable (Newbie question)

[Klaus Hartl]

Dan Eastwell schrieb:
> Hi all,
> 
> I've just started using jquery, and as you can tell from my blog, very 
> close to just having started javascript, but I'm determined to do things 
> properly.
> 
> I've written a post function that, for the sake of argument, pops an 
> alert when you submit a form.
> 
> $(document).ready(function(){
> initialiseForm();
> });
> 
> function initialiseForm() {
> $("form#fPollX").bind("submit", post());
> }
> 
> function post() {
>  alert('hello');
>  return false;
> }
> 
> This works fine. Now I want to abstract it out so that any form can (for 
> this version anyway) return its own message, based (currently) on a 
> switch in post(). Either or neither form or both may be on the page.
> 
> So now I've tried:
> 
> $(document).ready(function(){
> initialiseForm("fPollX");
> initialiseForm("fPollY");
> });
> 
> function initialiseForm(formID) {
> if (!document.getElementById) return false;
> if(document.getElementById(formID)){
> theForm = "form#" + formID;
> $(theForm).bind("submit", post(formID));
> }
> }
> 
> function post(formName) {
> switch(formName){
> case "fPollX":
> alert('hello X ' + formName);
> return false;
> break;
> case "fPollY":
> alert('hello Y ' + formName);
> return false;
> break;
> default:
> return false;
> }   
> }
> 
> The problem with this, I think is the fact I'm trying to 'bind' a 
> function to a variable using the $( ) function. In this case, the post() 
> function isn't called, it just runs ( e.g. alerting "hello X fPollX") 
> the correct case, if the form is on the page).
> 
> The question here is either: how do I bind a function to a submit event, 
> if I don't know exactly what the form's going to be called in the function?

Create a function that returns a function - that saves you the hardcoded 
variables in the switch statement and makes the code a lot shorter and 
flexible:

function getPost(formId) {
 return function() {
 alert('hello X ' + formId);
 return false;
 };
}

function initialiseForm(formId) {
 $(formId).bind('submit', getPost(formId));
}

initialiseForm('#fPollX');

I don't think that you need to check for document.getElementById, if you 
are using jQuery anyway you can pretty much assume that. jQuery itself 
should fail gracefully in these legacy browsers that don't support that...

You also shouldn't use a type selector together with an id 
("form#yourId"), that slows the whole query down (use "#yourId").

Also note that you have to pass in a function *reference* to the bind 
function, not the call itself. In your first example you used "post()" 
(which calls the function immediatly) instead of "post".


-- Klaus

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Any way to trigger a click by script?

[Jonathan Sharp]

Reference this post:

http://www.nabble.com/%24%28%27a%27%29-0-.click%28%29-not-working--tf2896856.html#a8092696

Cheers,
-Jonathan


On 1/5/07, Sean O <[EMAIL PROTECTED]> wrote:



Hi,


I'm trying to simulate a click of a link on my page. (to open a jpg in
greybox on page load)
How do I do it?

I tried click(), but it doesn't seem to do anything.

$(function() {
$("#imglink").css("background","yellow").click();
});

My Image

The background changes (for testing), but the click event is not
triggered.
Tips?


Thanks,


SEAN O
--
View this message in context:
http://www.nabble.com/Any-way-to-trigger-a-click-by-script--tf2926200.html#a8180306
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Any way to trigger a click by script?

[Christopher Jordan]

Have you tried $(document).ready(function(){
   // put the code to display your image here
});

Someone correct me if I'm wrong, but .click() is specifically tied to 
the user clicking the mouse button.


I think the document ready code above is the sort of thing you're 
looking for.


Hope this helps!

Cheers,
Chris

Sean O wrote:

Hi,


I'm trying to simulate a click of a link on my page. (to open a jpg in
greybox on page load)
How do I do it?

I tried click(), but it doesn't seem to do anything.

$(function() {
$("#imglink").css("background","yellow").click();
});

My 
Image

The background changes (for testing), but the click event is not triggered.
Tips?


Thanks,


SEAN O
  


--
http://www.cjordan.info

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] Any way to trigger a click by script?

[Sean O]

Hi,


I'm trying to simulate a click of a link on my page. (to open a jpg in
greybox on page load)
How do I do it?

I tried click(), but it doesn't seem to do anything.

$(function() {
$("#imglink").css("background","yellow").click();
});

My 
Image

The background changes (for testing), but the click event is not triggered.
Tips?


Thanks,


SEAN O
-- 
View this message in context: 
http://www.nabble.com/Any-way-to-trigger-a-click-by-script--tf2926200.html#a8180306
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] tabs plugin - how to start with all content blocks hidden?

[Klaus Hartl]

Brian Litzinger schrieb:
> I'm trying to use the tabs plugin, but I want all the content areas hidden
> until one of the tabs is clicked. I tried it with CSS, but the content areas
> remain hidden even when the tab is clicked. Is there support for this?

No, not yet. I would have to add an option for that and don't know how 
well that's playing together with the history and all the other stuff...


-- Klaus

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] toggle removes objects' original href="go here" function

[Hannah Gray]

I'm making a download button which links to a zip file but also needs  
to show a hidden div when clicked.  Adding the toggle() or click()  
seems to keep the href= link action from bubbling.  I guess this is  
normally how I want it to behave... except in this case.  Is there a  
way to work around this?



Thanks!


my code is below.

$(document).ready(function() {
$("#download").toggle(function() {
$("#donate").show('slow');
}, function() {
$("#donate").hide('fast');
});
});




Hannah Gray
www.geekgrl.net
[EMAIL PROTECTED]
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] setting an attribute... I *thought* this was how to do it...

[Christopher Jordan]

Yeah, that's probably it. IE thinks ID and id are different. Which is 
perfectly fine. I just didn't realize that IE cared about case.


Thanks again for helping me find the fix. :o)

Chris

Dave Methvin wrote:

> The former didn't care about case, while the latter did.
> What's up with that, I'd like to know!
 
Well, Microsoft's docs say that's the way it's supposed to work. I 
didn't look for w3c docs. It looks like you created a new "ID" 
attribute but there was still the original "id" attribute there.
 
http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/setattribute.asp
 
http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/getattribute.asp
 



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/
  


--
http://www.cjordan.info

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Binding a function to a variable (Newbie question)

[Dan Eastwell]

I've fixed my own problem with a hack of a kind. which is a bit
disappointing as I'm not sure what was causing it. I changed the values
called to be 'form#fPollX', in order to pass that straight to the $() jQuery
function and stripped the id value off the end. In order to pass that value
to the function, the function's declared in the bind(), so it's a local
variable.

Terrible I'm sure - if that's bad practice, I'd love to know why.

Cheers,

Dan.

$(document).ready(function(){
   initialiseForm("form#fPollX");
   initialiseForm("form#fPollY");
});

function initialiseForm(formID) {
   if (!document.getElementById) return false;
   var theForm = formID.split("#")[1];
   if(document.getElementById(theForm)){
   $(formID).bind("submit", function post() {
  switch(formName){
  case "fPollX":
   alert('hello X ' + formName);
   return false;
   break;
  case "fPollY":
   alert('hello Y ' + formName);
   return false;
   break;
  default:
   return false;
 }
   });
   }
}

--
Daniel Eastwell

Portfolio and articles:
http://www.thoughtballoon.co.uk

Blog:
http://www.thoughtballoon.co.uk/blog
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] tabs plugin - how to start with all content blocks hidden?

[Brian Litzinger]

I'm trying to use the tabs plugin, but I want all the content areas hidden
until one of the tabs is clicked. I tried it with CSS, but the content areas
remain hidden even when the tab is clicked. Is there support for this?
-- 
View this message in context: 
http://www.nabble.com/tabs-plugin---how-to-start-with-all-content-blocks-hidden--tf2925872.html#a8179196
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] setting an attribute... I *thought* this was how to do it...

[Joan Piedra]

I tried it, and this worked for me.

$(function(){

   $("div.OrderEntryListRow").not(".Selected").each(function(i){
   alert("before: " + $(this).attr("id"));
   $(this).attr("id", "Row_" + (i+1));
   $(this).html($(this).html() + ': ' + (i+1));
   alert("after: " + $(this).attr("id"));
   });

});

1
2
3
4
5
Selected
selected

Btw, in xhtml you _have to_ use lowercase for tags and attributes.

Cheers!



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


 Hi folks,

I've got another simple question. Is this not how you set an element's
attribute?
[from inside an .each()]

$(this).attr("AttributeName", "Value");

I thought that worked... I thought it had worked for me in the past.

Is there any reason that this wouldn't work:

var i = 1;
$("div.OrderEntryListRow").not(".Selected").each(function(){
alert("before: " + $(this).attr("ID"));
$(this).attr("ID", "Row_" + i);
alert("after: " + $(this).attr("ID"));
i++;
});

In this sample code above, the before and after alerts are identical. Is
there something else I'm missing?

I think I've got the above idea correct, but wanted to get some different
eyes to look at it with me.

Thanks,
Chris

--
http://www.cjordan.info


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/






--
Joan Piedra || Frontend webdeveloper
http://joanpiedra.com/
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] best practice OOP for use with jQuery

[Andreas Wahlin]

ah yes of course, scoping, thanx :)

Andreas

On Jan 5, 2007, at 14:03 , Mike Alsup wrote:

>> hmmm, is it necessary to use this.functionName?
>
> Yes, if you want the function to be public.  Otherwise, no.
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] setting an attribute... I *thought* this was how to do it...

[Dave Methvin]

> The former didn't care about case, while the latter did. 
> What's up with that, I'd like to know!
 
Well, Microsoft's docs say that's the way it's supposed to work. I didn't
look for w3c docs. It looks like you created a new "ID" attribute but there
was still the original "id" attribute there.
 
http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/setattribu
te.asp
 
 
http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/getattribu
te.asp
 
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Selectors..

[Brandon Aaron]

On 1/5/07, spinnach <[EMAIL PROTECTED]> wrote:
> ..should we add this as a feature or enhancement ticket?

Please feel free to create a ticket (probably enhancement) for this if
you feel it is something you would like to see in the core.

--
Brandon Aaron

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] Binding a function to a variable (Newbie question)

[Dan Eastwell]

Hi all,

I've just started using jquery, and as you can tell from my blog, very close
to just having started javascript, but I'm determined to do things properly.

I've written a post function that, for the sake of argument, pops an alert
when you submit a form.

$(document).ready(function(){
   initialiseForm();
});

function initialiseForm() {
$("form#fPollX").bind("submit", post());
}

function post() {
alert('hello');
return false;
}

This works fine. Now I want to abstract it out so that any form can (for
this version anyway) return its own message, based (currently) on a switch
in post(). Either or neither form or both may be on the page.

So now I've tried:

$(document).ready(function(){
   initialiseForm("fPollX");
   initialiseForm("fPollY");
});

function initialiseForm(formID) {
   if (!document.getElementById) return false;
   if(document.getElementById(formID)){
   theForm = "form#" + formID;
   $(theForm).bind("submit", post(formID));
   }
}

function post(formName) {
   switch(formName){
   case "fPollX":
   alert('hello X ' + formName);
   return false;
   break;
   case "fPollY":
   alert('hello Y ' + formName);
   return false;
   break;
   default:
   return false;
   }
}

The problem with this, I think is the fact I'm trying to 'bind' a function
to a variable using the $( ) function. In this case, the post() function
isn't called, it just runs ( e.g. alerting "hello X fPollX") the correct
case, if the form is on the page).

The question here is either: how do I bind a function to a submit event, if
I don't know exactly what the form's going to be called in the function?

Many thanks in advance for your help,

All the best,

Dan.

--
Daniel Eastwell

Portfolio and articles:
http://www.thoughtballoon.co.uk

Blog:
http://www.thoughtballoon.co.uk/blog
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] dynamic loading of jquery.js into my web page

[Andrea Ercolino]

Christof Donat wrote:
> 
> Well, I don't know about any guarantees, but it works in all test I did
> (with 
> the loaded script delayed, etc.)
> 

Hi Christof.

I'm trying to apply your jsPAX to my Chili setup, but it works in FF1.5 and
not in IE7, which does not return any error and does not show the page, just
keeps loading indefinitely.

Andrea

-- 
View this message in context: 
http://www.nabble.com/dynamic-loading-of-jquery.js-into-my-web-page-tf2905089.html#a8177701
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] best practice OOP for use with jQuery

[Mike Alsup]

> hmmm, is it necessary to use this.functionName?

Yes, if you want the function to be public.  Otherwise, no.

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Selectors..

[spinnach]

..should we add this as a feature or enhancement ticket?

Yehuda Katz wrote:
> Yep. That's one workaround. I personally like the idea of [EMAIL 
> PROTECTED]|z] though.
> 
> -- Yehuda
> 
> On 1/4/07, *Ⓙⓐⓚⓔ* < [EMAIL PROTECTED] > wrote:
> 
> what happened to filter with a function param??? that sounded like a
> work-around for the regex.
> 
> 
> On 1/4/07, Yehuda Katz <[EMAIL PROTECTED] >
> wrote:
>  > Allowing Regex is a non-trivial problem. These solutions, which
> target
>  > specific use-cases, are much more likely.
>  >
>  > -- Yehuda
>  >
>  >
> 
> ___
> jQuery mailing list
> discuss@jquery.com 
> http://jquery.com/discuss/
> 
> 
> 
> 
> -- 
> Yehuda Katz
> Web Developer | Wycats Designs
> (ph)  718.877.1325
> 
> 
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] best practice OOP for use with jQuery

[Andreas Wahlin]

hmmm, is it necessary to use this.functionName? I just
jQuery.plugin = function() {
  var self = this;
  function funcName() {
  }
}; <-- small note

is this bad?

also, as a small note, I close with a semicolon, since you assign the  
plugin "variable" the whole function, this seems like correct behaviour?


Andreas

On Jan 4, 2007, at 22:38 , Felix Geisendörfer wrote:


- Use your object function (jQuery.foo) only as a constructor, try to
put all methods into jQuery.foo.prototype (less stuff in  
cunstructor ->

better OO design)
Obviously you can't access "self" from your methods, so you have to
design everything well enough to be able to work without "self"
Hmm but I wonder if it wouldn't be more pragmatic here to define  
all functions in the constructor because having access to self  
everywhere is a very nice option to have. I'm often doing this when  
creating JS objects, and something like this could keep the code  
quite readable:


jQuery.foo = function(element) {
var self = this;

this.constructor = function()
{
// Access self in callbacks, eg.
$(element).click(function(event)
{
self.handle(event);
});
}

this.handle = function()
{
alert('Hey, who clicked on me?');
}

this.constructor();
}

What do you think? (constructor might not work as a function name  
due to a keyword conflict in JS, but you get the idea)


Personally I prefer wrapping all of my class code inside a function  
over using prototype to extend it.


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


Jörn Zaefferer wrote:

Briz schrieb:


I'm mostly interested in how to cleanly and reliably deal with scope
issues in callbacks.


I haven't read every detail of your example. Some suggestions:

- Do not extend Object.prototype. That can give you quite a lot of  
trouble

- Try to gather all necessary callbacks inside the plugin method
(jQuery.fn.foo) or the constructor (jQuery.foo) and delegate to  
methods

of your object inside the callbacks, while keeping the anonymous
functions for the callbacks as small as possible
- Avoid using each() in your code, and use a small plugin instead,
heavily reduces the need for anonymous functions inside your  
object's code

- Use your object function (jQuery.foo) only as a constructor, try to
put all methods into jQuery.foo.prototype (less stuff in  
cunstructor ->

better OO design)

A bit additional explanation. The code structure would look like  
this:


jQuery.foo = function(element) {
// constructor code here
var self = this;
// access self in callbacks, eg.
$(element).click(function(event) {
self.handle(event);
});
}
jQuery.foo.prototype = {
// methods here, like handle()
}

Obviously you can't access "self" from your methods, so you have to
design everything well enough to be able to work without "self".

Hope that helps.



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] IE ajax problems with post instead of get

[Andreas Wahlin]

I'm trying to do a $.getJSON, and in FF it works just marvelous and  
does a GET request. The exact same code in IE seems to trigger a POST  
request, which is bad news for us since the java-server side seems to  
read in the parameter twice (one from the ajax call itself, and one  
from the form-element), resulting in an array instead of a value for  
the parameter.

So, short question really, anyone else know about this behaviour of  
IE doing POST instead of GET för ajax stuff?

Andreas



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] slideUp/Down flicker with 1.0.4

[Dan Atkinson]

Er... I didn't say that.
-- 
View this message in context: 
http://www.nabble.com/slideUp-Down-flicker-with-1.0.4-tf2919581.html#a8176392
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] slideUp/Down flicker with 1.0.4

[Dan Atkinson]

Yes. I agree.
-- 
View this message in context: 
http://www.nabble.com/slideUp-Down-flicker-with-1.0.4-tf2919581.html#a8175956
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] slideUp/Down flicker with 1.0.4

[Mika Tuupola]

On Jan 4, 2007, at 17:22, Brandon Aaron wrote:

> I'm not actually able to reproduce the flicker on Firefox 2 on mac or
> Firefox 1.5 on pc with either link. However, I do believe it is
> possible to have a flicker if the system is bogged down and here is
> why.

The flicker only happens with link using jQuery 1.0.4. Mac FF  
2.0.0.1. Safari seems to be ok with me.

http://www.appelsiini.net/~tuupola/jquery/slideupdown/slideupdown5.html

> What you are seeing is that during a 'show' operation, the element is
> set to display: block, caches the original height and then resets the
> height to 0 to being the animation to its original height.

This sound correct. When calling slideDown it first quickly shows  
full contents. Then hides it again before doing the slideDown.

-- 
Mika Tuupola
http://www.appelsiini.net/~tuupola/



___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Bug in Nifty Corner Plugin

[Joel Birch]

On 05/01/2007, at 7:12 PM, Paul Bakaus wrote:

> Until then, you can
> just use vJustify!
>
> -Paul

I just used vjustify and found that (for my purposes at least) the  
plugin works better if it sets the min-height instead of the height.  
This way the elements can still expand if the text is sized up or a  
resizing the window with a liquid layout causes the content to flow  
further vertically.

The plugin with my slight changes follows:

jQuery.fn.vjustify=function() {
var maxHeight=0;
var minHeight = ($.browser.msie && typeof XMLHttpRequest ==  
'function') ? 'height' : 'min-height';
this.each(function(){
if (this.offsetHeight>maxHeight) {maxHeight=this.offsetHeight;}
});
this.each(function(){
$(this).css(minHeight,(maxHeight + "px"));
if (this.offsetHeight>maxHeight) {

$(this).css(minHeight,((maxHeight-(this.offsetHeight-maxHeight)) 
+"px"));
}
});
};

Just throwing this out there. Only tested on Mac FF.
Joel.

___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Thickbox to be updated?

[agent2026]

Hi Sam,

As far as I could tell the overlay issue was there from from the beginning,
and isn't related to a newer version of jQuery.  You will also have issues
here if you add any margin to the body of your page.  I tried to sort this
with my mod, but gave in and dumped my margins in the end. 

The transparency works in IE6 by the way, just not in the standalone.

Adam



Sam Collett wrote:
> 
> Is this likely to be updated? The last version was for 1.0.2 of jQuery
> and I have come across a few bugs with it. For instance, I tried it on
> a page with little content and the overlay did not cover everything
> (i.e. white background at the bottom). Also, if you shrink the browser
> (tested on Firefox 2), click a thickbox link and resize, the overlay
> doesn't cover everything. There is also no transparency in IE 6
> (although I am running it standalone)
> 
> I browsed the SVN repository and do not see it there (I thought it
> might have been as the demo is hosted on the jQuery site).
> 
> There was a mod by agent2026 posted at the start of December, which
> works fine for me (still has the transparency issue though).
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Thickbox-to-be-updated--tf2920866.html#a8175037
Sent from the JQuery mailing list archive at Nabble.com.


___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

[jQuery] multiple q:s - tab plugin and more

[Stefan Holmberg]

fellows,

finally my jquery driven findfreefonts.net site is updated - I had a picture
in my mind of how it should look and work with regards to navigation etc
(pretty much like how I do regular Windows apps). And I am getting closer.

So, flicker free "ajax paging" was the big thing to fix - and not the actual
paging but rather getting history (back etc) to work. 

Now to the questions:

First some on Klaus tab plugin and history. 
***
I couldn't get the history thing to work as I wanted - cause as I have
mentioned before when you step to page 2 and then click on a font (goes to
another page), then clicks "back" - you come back to page 1 - i.e the ajaxed
page2 is not what is shown.

So I needed some custom "history management" allowinf for constructs like
list.aspx#page-3, list.aspx#page-2 etc. Also I needed 
list.aspx#search (activates the search tab) and  list.aspx#result (same as
#page-1). 

The "problem" with Klaus plugin (problem for ME and MY scenario - otherwise
it's excellent piece of work )
 is that it's so tied to  #thetabtoactivate  . As it sets the location hash
when clicking on a tab I couldn't
implement my own scheme here. 
Someone smarter than me might see some way to "fix" the plugin to work as I
wanted it - and someone even more smarter ( = I mean you Klaus, hehe :) )
might be able to see some pattern to change the code to allow for more
flexible hash management. Note, Klaus, I am not asking you to - just
suggesting a need and also asking if more people see the need for it.

The way I solved it - was to use Mikage's history plugin instead and read
the hash :

(pseudocode)

if ( hash == 'search' )
TriggerTab(1);
if ( hash == 'results' )
TriggerTab(2);
if ( hash == 'page-xxx' )
GetPageNumberByUsingAjax(xxx);


And the second part of the solution but I turned to non-jquery (forgive
me...LOL) BarelyFitz tab control.
It does not "mess" with the hash - which was what I needed.

Flickerfree Klaus tab plugin 
***
I learned one more thing from BarelyFitz - and tried it with Klaus's as well
and wanted to share it with you:

in the head section - hide the tab

document.write('

Re: [jQuery] Bug in Nifty Corner Plugin

[Paul Bakaus]

Hi there,

I originally translated the Nifty plugin without doing a lot of
testing. I will look at it, see what I can do. Until then, you can
just use vJustify!

-Paul

2007/1/5, Olaf Bosch <[EMAIL PROTECTED]>:
> Dave Methvin schrieb:
>
> > If you are just using Nifty (9KB!) for same-height, this is a lot less code:
> >
> > http://michael.futreal.com/jquery/vjustify/
>
> Ah, thats looks good. I have selected nifty because of same height!
>
> > The jQuery corner plugin has more options for corner decorations:
>
> o.k. i would play with this and vjustyfy, thank you
>
>
>
> --
> Viele Grüße, Olaf
>
> ---
> [EMAIL PROTECTED]
> http://olaf-bosch.de
> www.akitafreund.de
> ---
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>


-- 
--
Paul Bakaus
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/