Re: [jQuery] Taconite Plugin - New and Improved!

[Ⓙⓐⓚⓔ]

Mike,  I read your docs, I was very impressed. I assumed your plugin would
be big! WHAT A SURPRISE! The code is so beautiful and small! I look forward
to using it!


On 2/6/07, Mike Alsup <[EMAIL PROTECTED]> wrote:


I've just rewritten my Taconite Plugin and added some pretty cool
features.  If you're not familiar with Taconite, it's an easy way to
effect multiple client-side updates with the results of a single ajax
call.  With this latest version there is absolutely no code required
to process command documents returned from the server.  The plugin
detects taconite responses and automatically processes them for you.

Other changes:

- Available commands now include almost everything in the jQuery API
- Vastly improved logging/debug support
- Fully extensible

Full details and examples can be found at:
http://www.malsup.com/jquery/taconite/

Mike

PS: For anyone using my old xmlExec plugin, this is a drop-in replacement.

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





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

Re: [jQuery] jqModal updated -- dialog customization galore

[Klaus Hartl]

Brice Burgess schrieb:
> Klaus Hartl wrote:
>> The first idea I have now is instead of hiding these elements by 
>> display: none hide them offscreen (top: -500px, left: -500px) instead. 
> Klaus,
> 
>   Excellent idea! I've included code which looks like:
> 
> 
> 
> div.imgCache{position:absolute;left:-8000px; top: -8000px;} 
> div.imgCache img{display:block;}
> 
> 
>   
>   
> .
> 
> The plugin page has been updated to with the caching fix, as well as 
> demonstration on how to use it (exterior of plugin).
> 
> http://dev.iceburg.net/jquery/jqModal/?y
> 
> Thanks for the suggestion.

Cool! But don't forget to add the type atribute and maybe limit the 
media to screen (plus projection for Opera in full screen mode):


@media projection, screen {
 div.imgCache { position: absolute; left: -8000px; top: -8000px; }
 div.imgCache img { display:block; }
}
@media print {
 div.imgCache { display: none; }
}


Not sure if it's necessary to hide the caching in print...


-- Klaus

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

Re: [jQuery] Taconite Plugin - New and Improved!

[David]

hi Mike,

Thanks for the great plugin. It's one of the coolest things I've seen
for a while.

Is there a way to reapply handlers after executing a Taconite request?
For example, there may be click handlers that are applied to all the 
elements on a page. When you make XML request and Taconite does it's
magic, how would you reapply those click handlers to the loaded content?

Regards,

David

Mike Alsup wrote:
> I've just rewritten my Taconite Plugin and added some pretty cool
> features.  If you're not familiar with Taconite, it's an easy way to
> effect multiple client-side updates with the results of a single ajax
> call.  With this latest version there is absolutely no code required
> to process command documents returned from the server.  The plugin
> detects taconite responses and automatically processes them for you.
>
> Other changes:
>
> - Available commands now include almost everything in the jQuery API
> - Vastly improved logging/debug support
> - Fully extensible
>
> Full details and examples can be found at:
> http://www.malsup.com/jquery/taconite/
>
> Mike
>
> PS: For anyone using my old xmlExec plugin, this is a drop-in replacement.
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>
>
>   
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Pending Release: jAssistant, a pop-out, tabbed, dialog window for jQuery

[limodou]

Center is not working as old version, and it's not in center at all.

jQuery.browser.firefox seems should be jQuery.browser.mozilla

Drag can be only in browser client area, can not outside the client
area, and the scrollbar will disappear and won't come back after close
the window.

There are blank area at the bottom of the window, so the jAssistant
will not fill up the whole div according the height parameter.

Can ajax be triggered after I click the tab, but not do ajaxing at
showing the window?

Thanks.

-- 
I like python!
UliPad <>: http://wiki.woodpecker.org.cn/moin/UliPad
My Blog: http://www.donews.net/limodou

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

Re: [jQuery] $().load() can not load script in a page with IE

[Thinker]

John Resig wrote:
> Hi -
>
> Can you provide an example of what's failing? We'll need some
> sample code in order to debug what's going on.
>
> --John

test.html will load test2.html and supposed to run alert("Hello!!!").
But,
it is not actually (in IE).

test.html
{{{

http://jquery.com/src/jquery-latest.js";>


$(document).ready(function() {
$("#load_here").load("test2.html");
});






}}}

test2.html
{{{

alert("Hello!!!");

 Hello
}}}


-- 
Thinker Li - [EMAIL PROTECTED] [EMAIL PROTECTED]
http://heaven.branda.to/~thinker/GinGin_CGI.py


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

Re: [jQuery] $().load() can not load script in a page with IE

[John Resig]

Hi -

Can you provide an example of what's failing? We'll need some sample
code in order to debug what's going on.

--John

On 2/7/07, Thinker <[EMAIL PROTECTED]> wrote:
> -BEGIN PGP SIGNED MESSAGE-
> Hash: SHA1
>
> Hi All,
> I just study jQuery for a couple of days. jQuery is very nice way
> to improve
> readability of javascript code and more effective programming style.
> By the way,
> I find jQuery does not run script in a page when I load a page with
> $.load() with IE.
> I have work around a patch to fix it, and submit a bug report. But,
> there is no any
> response from the develop team. I don't know if it is a know issue,
> or you have fixing?
>
> - --
> Thinker Li - [EMAIL PROTECTED] [EMAIL PROTECTED]
> http://heaven.branda.to/~thinker/GinGin_CGI.py
> -BEGIN PGP SIGNATURE-
> Version: GnuPG v1.4.6 (FreeBSD)
> Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org
>
> iD8DBQFFypni1LDUVnWfY8gRAmyCAKCs51thgHPkh5WEIVfxtkSc7EmthgCgsw+n
> QiuhEKEhQOed2/1ZhXJJbFY=
> =P9o2
> -END PGP SIGNATURE-
>
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>

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

[jQuery] $().load() can not load script in a page with IE

[Thinker]

-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1

Hi All,
I just study jQuery for a couple of days. jQuery is very nice way
to improve
readability of javascript code and more effective programming style.
By the way,
I find jQuery does not run script in a page when I load a page with
$.load() with IE.
I have work around a patch to fix it, and submit a bug report. But,
there is no any
response from the develop team. I don't know if it is a know issue,
or you have fixing?

- --
Thinker Li - [EMAIL PROTECTED] [EMAIL PROTECTED]
http://heaven.branda.to/~thinker/GinGin_CGI.py
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.6 (FreeBSD)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org

iD8DBQFFypni1LDUVnWfY8gRAmyCAKCs51thgHPkh5WEIVfxtkSc7EmthgCgsw+n
QiuhEKEhQOed2/1ZhXJJbFY=
=P9o2
-END PGP SIGNATURE-


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

Re: [jQuery] Pending Release: jAssistant, a pop-out, tabbed, dialog window for jQuery

[Benjamin Sterling]

Just fyi, I tested your download example and the only issue I so was the
tabs in firefox and the text getting cut off.  I would assume there may be
an issue with:

start: "center"

Just my 2 cents

--
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] question about selectors

[Mike Alsup]

> Another method (which I use in a form validation library) is to disable
> & visually dim the form's submit button(s). E.g;

That won't work in IE.  You can still submit a form using  on a
text input.

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

Re: [jQuery] Form validation

[Joan Piedra]

Does anyone know if the jQuery validate plugin works with jQuery 1.1.1?
I've try it, but I didn't work for me, and it looks like jquery with the
compat plugin does not work either.


On 2/6/07, Giuliano Marcangelo <[EMAIL PROTECTED]> wrote:


Alexandre,

take a look at what Jorn cooked up some while back

http://fuzz.bassistance.de/jQueryFormValidation/validateTest.html


On 06/02/07, Alexandre Plennevaux <[EMAIL PROTECTED]> wrote:

>  hello,
>
> i used to use this very nice library for form validation, back in those
> days when i was using prototype: 
http://tetlaw.id.au/view/javascript/really-easy-field-validation
>
> 
>
> I would like to know if there is anything similar available for jquery?
>
> Basically, you only need to add a specific class so that the
> corresponding validation is performed, and if faulty, it uses the title
> attribute value as error message.
>
> For instance, you can choose between these built-in classes (or develop
> additional validation rules)
>
>  required (not blank)
> validate-number (a valid number)
> validate-digits (digits only)
> validate-alpha (letters only)
> validate-alphanum (only letters and numbers)
> validate-date (a valid date value)
> validate-email (a valid email address)
> validate-url (a valid URL)
> validate-date-au (a date formatted as; dd/mm/)
> validate-currency-dollar (a valid dollar value)
> validate-selection (first option e.g. 'Select one...' is not selected
> option)
> validate-one-required (At least one textbox/radio element must be
> selected in a group
>
>
> Among the options, it allows to validate onblur or on submit.
> The demo is here: http://tetlaw.id.au/upload/dev/validation/index.html
>
> I saw a few form plugins in the plugin section, but they are in alpha
> stages , so i would like to know what you would advise out of your own
> personal experience.
>
> Thank you,
>
> Alexandre
>
>
>
> Alexandre Plennevaux - LAb[au] asbl.vzw / MediaRuimte
> Lakensestraat/Rue de Laeken 104
> B-1000 Brussel-Bruxelles-Brussels
> Belgie-Belgique-Belgium
>
> Tel:+32(0)2.219.65.55
> Fax:+32(0)2.426.69.86
> Mobile:+32(0)476.23.21.42
> http://www.lab-au.com
> http://www.mediaruimte.be
>
> __
>
>
> The information in this e-mail is intended only for the addressee named
> above.  If you are not that addressee, please note that any disclosure,
> distribution or copying of this e-mail is prohibited.
> Because e-mail can be electronically altered, the integrity of this
> communication cannot be guaranteed.
>
>
> __
>
>
> --
> Ce message Envoi est certifié sans virus connu.
> Analyse effectuée par AVG.
> Version: 7.5.441 / Base de données virus: 268.17.27/671 - Date:
> 5/02/2007 16:48
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>

___
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] question about selectors

[Brice Burgess]

Mike Alsup wrote:
>> Another question: i want to disable the submit event of the form, yet my 
>> code doesn't work "form.unbind is not a function"
> You can only unbind handlers that you've added.  But in this case the
> answer is to add a handler that simple returns false.
>
> $('#myForm').submit(function() { return false; })
Another method (which I use in a form validation library) is to disable 
& visually dim the form's submit button(s). E.g;

If !valid {submit.attr('disabled', true).css('opacity',0.5);}

If valid{submit.attr('disabled', false).css('opacity',1);}

--- clicking a button/input that is disabled will have no effect, thus 
submit event will not fire. You can combine this w/ Mike's method 
(intercepting the form's submit event) for a foolproof solution [that 
is, if JS is enabled]

~ Brice

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

Re: [jQuery] question about selectors

[Mike Alsup]

> Another question: i want to disable the submit event of the form, yet my code 
> doesn't work "form.unbind is not a function"

Alexandre,

You can only unbind handlers that you've added.  But in this case the
answer is to add a handler that simple returns false.

$('#myForm').submit(function() { return false; });

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

Re: [jQuery] Pending Release: jAssistant, a pop-out, tabbed, dialog window for jQuery

[Luke Lutman]

Hrm ... I tried the demo, but didn't have much luck.

In Safari (2.0.2, OS X 10.4), nothing happens when I click the 'Show 
jAssistant' button.

In Firefox (2.0), jAssistant pops up, but if I scroll the window, it 
moves up so that it's halfway cut off. If I scroll up, jAssistant keeps 
moving up too!

Luke

Lquid wrote:
> I have just updated the test site(http://www.xtrafile.com/jAssistant) with
> the new beta version.
> The following changes have been made:
> 
> Added: jAssistant is now constrianed to the current window.
> Added: jAssistant will scroll when a user or script scrolls the page.
> Added: onLoad and onUnload callbacks added.
> Added: jAssistant.js is nearly fully commented.
> Changed: Settings hash settings simplified.
> Changed: Tab switching function is no longer eval'd
> Removed: Unnecessary code.
> Fixed: Now works in IE and Opera( i can't test in safari but it should work)
> Fixed: AJAX Errors
> Fixed: Small CSS issues
> 
> The demo has also been updated with the new code.
> Please any more reports are really appreciated.
> -Lquid
> 
> 
> Lquid wrote:
>> I am working on my first jQuery Plugin, jAssistant.
>> It is an floating pane like the one found in IPB but it looks way better
>> and supports themes( 4 are working currently ).
>> It supports a native tabs solution and direct, ajax, or element based
>> content loading.
>>
>> The site to download/test it is: http://www.xtrafile.com/jAssistant
>> As i said this is a pending release and i hope to get some bug reports and
>> suggestions before i release it as stable.
>>
>> Here is what it looks like: 
>> http://www.xtrafile.com/alpha/imagedirect.php?file=tRWQzb0E29Wc 
>>
>> All comments/ suggestions are appreciated.
>> -Lquid
>>
> 


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

Re: [jQuery] jquery form plugin submitting 3 times

[Mike Alsup]

Tom,

You're binding the form every time the "formTurn" div is clicked.

Mike

On 2/7/07, Tom Shafer <[EMAIL PROTECTED]> wrote:
> I am using the jquery form plugin and it seems to submit 3 times. I
> have looked at the php code and it should be only submitting it once.
> Here is the code
>
> // $('#formTurn').click(function() {
> $('#TB_window #yourTurnForm').ajaxForm({
> dataType:  'json',
> target: '#TB_window #output',
> success:   processyourTurnForm
> });
> });
> function processyourTurnForm(data) {
> $("#formTurn").fadeOut("fast")
> $(data.message).appendTo("#TB_window #TB_output")
> }
>
> // ]]>
> 
> Here is the page it is running on. Click on the your turn link.
>
> http://www.tjshafer.com/mytimes/
>
> Thanks
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>

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

Re: [jQuery] question about selectors

[Alexandre Plennevaux]

 Thank you Mike,

Another question: i want to disable the submit event of the form, yet my code 
doesn't work "form.unbind is not a function"

var $this = jQuery(this);
var form = $this[0].form;
form.unbind("submit");


Thanks a lot!

alexandre

-Original Message-
From: Mike Alsup [mailto:[EMAIL PROTECTED] 
Sent: jeudi 8 février 2007 2:57
To: [EMAIL PROTECTED]; jQuery Discussion.
Subject: Re: [jQuery] question about selectors

> say i have an input, how can i reach its containing form element ?

Hi Alexandre,

All form elements have a 'form' property so if you have a ref to the input 
element you can just do this:

var form = myInput.form;

Or to use jQuery:

var form = $('#myInput')[0].form;

Mike

-- 
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.441 / Base de données virus: 268.17.29/673 - Date: 6/02/2007 17:52
 


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

Re: [jQuery] jquery form plugin submitting 3 times

[Ⓙⓐⓚⓔ]

I hit your site with firefox 2 .. and I see 1 submit for each "your turn"
click.

But you have problems with the encoding!
(they’re
looks pretty bad!

On 2/7/07, Tom Shafer <[EMAIL PROTECTED]> wrote:


I am using the jquery form plugin and it seems to submit 3 times. I
have looked at the php code and it should be only submitting it once.
Here is the code

//

Here is the page it is running on. Click on the your turn link.

http://www.tjshafer.com/mytimes/

Thanks

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





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

Re: [jQuery] Pending Release: jAssistant, a pop-out, tabbed, dialog window for jQuery

[limodou]

On 2/8/07, limodou <[EMAIL PROTECTED]> wrote:
> Why the site cann't scroll?
>
I'm sorry, I can scroll now. I must be too impatient. :o)

-- 
I like python!
UliPad <>: http://wiki.woodpecker.org.cn/moin/UliPad
My Blog: http://www.donews.net/limodou

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

Re: [jQuery] Pending Release: jAssistant, a pop-out, tabbed, dialog window for jQuery

[limodou]

Why the site cann't scroll?

-- 
I like python!
UliPad <>: http://wiki.woodpecker.org.cn/moin/UliPad
My Blog: http://www.donews.net/limodou

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

Re: [jQuery] Pending Release: jAssistant, a pop-out, tabbed, dialog window for jQuery

[limodou]

On 2/8/07, Lquid <[EMAIL PROTECTED]> wrote:
>
> I have just updated the test site(http://www.xtrafile.com/jAssistant) with
> the new beta version.
> The following changes have been made:
>
> Added: jAssistant is now constrianed to the current window.
> Added: jAssistant will scroll when a user or script scrolls the page.
> Added: onLoad and onUnload callbacks added.
> Added: jAssistant.js is nearly fully commented.
> Changed: Settings hash settings simplified.
> Changed: Tab switching function is no longer eval'd
> Removed: Unnecessary code.
> Fixed: Now works in IE and Opera( i can't test in safari but it should work)
> Fixed: AJAX Errors
> Fixed: Small CSS issues
>
> The demo has also been updated with the new code.
> Please any more reports are really appreciated.
> -Lquid
>

Great! thanks. I'll try it.

-- 
I like python!
UliPad <>: http://wiki.woodpecker.org.cn/moin/UliPad
My Blog: http://www.donews.net/limodou

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

Re: [jQuery] Pending Release: jAssistant, a pop-out, tabbed, dialog window for jQuery

[Lquid]

I have just updated the test site(http://www.xtrafile.com/jAssistant) with
the new beta version.
The following changes have been made:

Added: jAssistant is now constrianed to the current window.
Added: jAssistant will scroll when a user or script scrolls the page.
Added: onLoad and onUnload callbacks added.
Added: jAssistant.js is nearly fully commented.
Changed: Settings hash settings simplified.
Changed: Tab switching function is no longer eval'd
Removed: Unnecessary code.
Fixed: Now works in IE and Opera( i can't test in safari but it should work)
Fixed: AJAX Errors
Fixed: Small CSS issues

The demo has also been updated with the new code.
Please any more reports are really appreciated.
-Lquid


Lquid wrote:
> 
> I am working on my first jQuery Plugin, jAssistant.
> It is an floating pane like the one found in IPB but it looks way better
> and supports themes( 4 are working currently ).
> It supports a native tabs solution and direct, ajax, or element based
> content loading.
> 
> The site to download/test it is: http://www.xtrafile.com/jAssistant
> As i said this is a pending release and i hope to get some bug reports and
> suggestions before i release it as stable.
> 
> Here is what it looks like: 
> http://www.xtrafile.com/alpha/imagedirect.php?file=tRWQzb0E29Wc 
> 
> All comments/ suggestions are appreciated.
> -Lquid
> 

-- 
View this message in context: 
http://www.nabble.com/Pending-Release%3A-jAssistant%2C-a-pop-out%2C-tabbed%2C-dialog-window-for-jQuery-tf3172610.html#a8858362
Sent from the JQuery mailing list archive at Nabble.com.


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

Re: [jQuery] question about selectors

[Luke Lutman]

You could do:

var form = $('#my-input').parents('form');

Or, form elements all have a 'form' property, so you could also do:

var form = $('#my-input')[0].form;

Cheers,
Luke

Alexandre Plennevaux wrote:
> A quick question:
>  
> say i have an input, how can i reach its containing form element ?
>  
> thanks :)
>  
> alexandre 
>  
> 
> --
> Ce message Envoi est certifié sans virus connu.
> Analyse effectuée par AVG.
> Version: 7.5.441 / Base de données virus: 268.17.29/673 - Date: 
> 6/02/2007 17:52
> 
> 
> 
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/


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

Re: [jQuery] question about selectors

[Matt Grimm]

The DOM way:
$('#input')[0].form; 
 
jQuery ways (depending on your markup structure):
$('#input').parents('form');
$('#input').parent('form'); 
 
m.
 



From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Alexandre 
Plennevaux
Sent: Wednesday, February 07, 2007 4:47 PM
To: 'jQuery Discussion.'
Subject: [jQuery] question about selectors


A quick question:
 
say i have an input, how can i reach its containing form element ?
 
thanks :)
 
alexandre 
 


--
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.441 / Base de données virus: 268.17.29/673 - Date: 6/02/2007 17:52


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

Re: [jQuery] question about selectors

[Mike Alsup]

> say i have an input, how can i reach its containing form element ?

Hi Alexandre,

All form elements have a 'form' property so if you have a ref to the
input element you can just do this:

var form = myInput.form;

Or to use jQuery:

var form = $('#myInput')[0].form;

Mike

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

[jQuery] jquery form plugin submitting 3 times

[Tom Shafer]

I am using the jquery form plugin and it seems to submit 3 times. I  
have looked at the php code and it should be only submitting it once.  
Here is the code

//

Here is the page it is running on. Click on the your turn link.

http://www.tjshafer.com/mytimes/

Thanks

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

[jQuery] question about selectors

[Alexandre Plennevaux]

A quick question:
 
say i have an input, how can i reach its containing form element ?
 
thanks :)
 
alexandre 
 

-- 
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.441 / Base de données virus: 268.17.29/673 - Date: 6/02/2007 17:52
 
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Please Help

[Karl Swedberg]

Not a problem, Brad. If you have any other questions, don't hesitate  
to ask.



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



On Feb 7, 2007, at 7:04 PM, Bradley Holloway wrote:


Hi Karl,
Thank you so very much for your helpI am fairly new to JS and  
really appreciate your help!


Brad Holloway
- Original Message -
From: Karl Swedberg
To: jQuery Discussion.
Sent: Wednesday, February 07, 2007 2:13 PM
Subject: Re: [jQuery] Please Help

Hi Bradley,

A few suggestions:

1. wrap the  and the following  in something like id="view_hide_container">


2. use .hover():

  $("#view_hide_container").hover(function() {
$('div.view_hide').slideDown(250);
  }, function() {
$('div.view_hide').slideUp(250);
  });


3. put "return false" in a click handler instead of the .hover()  
method.

  $('#view_hide').click(function() { return false;});

4. wrap it all in $(document).ready()

$(document).ready(function() {
  $("#view_hide_container").hover(function() {
$('div.view_hide').slideDown(250);
  }, function() {
$('div.view_hide').slideUp(250);
  });
  $('#view_hide').click(function() {return false; });
});

5. stick it in a separate file; then include it in the page's  
, after the include for jquery.js


Hope that helps.

cheers,

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



On Feb 7, 2007, at 3:15 PM, Bradley Holloway wrote:

I am trying to keep the gray box open until the mouse is outside  
of that box.I want to be able to click the Test  
Link..Please help.Thanks!!  My code is below:





id="view_hide" >Show / Hide



This is what I want to be over you!!
Test Link





Link 1


  Link 2


  Link 3


  Link 4
   
   



$
(
 function ()
 {

Re: [jQuery] jQuery operations on ajax data

[Ⓙⓐⓚⓔ]

normally async, but with the $.ajax function you can override all sorts of
stuff!

my opinion is that sync is amost never the way to go, With a proper callback
and re-binding to catch the new elements there should be no reason for sync.


On 2/7/07, Paul <[EMAIL PROTECTED]> wrote:


 Gotcha, thanks for clarifying.



Are all the ajax methods asynchronous?  (.get, .post etc)


 --

*From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] *On
Behalf Of *Dan G. Switzer, II
*Sent:* Wednesday, February 07, 2007 3:38 PM
*To:* 'jQuery Discussion.'
*Subject:* Re: [jQuery] jQuery operations on ajax data



Paul,



I was just pointing out that you only really need to reinitialize the
click() handler on images in the #content layer (the one where you're
loading the content.) There's no reason to update the entire DOM again. Just
the segment you loaded into DOM.



-Dan


  --

*From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] *On
Behalf Of *Paul
*Sent:* Wednesday, February 07, 2007 5:14 PM
*To:* 'jQuery Discussion.'
*Subject:* Re: [jQuery] jQuery operations on ajax data



Dan,



Thank you.  Using the callback to reinit did the trick.



Oh and I have no idea what you meant about only triggering off the handler
for the #content layer…  Will you explain?



-Paul


 --

*From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] *On
Behalf Of *Dan G. Switzer, II
*Sent:* Wednesday, February 07, 2007 2:53 PM
*To:* 'jQuery Discussion.'
*Subject:* Re: [jQuery] jQuery operations on ajax data



Paul,



The load() method is asynchronous. You'll need to use the callback to fire
off a trigger to reinitialize your img click handler. Also, I'd only trigger
off the handler for the #content layer.



-Dan


  --

*From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] *On
Behalf Of *Paul
*Sent:* Wednesday, February 07, 2007 4:30 PM
*To:* 'jQuery Discussion.'
*Subject:* Re: [jQuery] jQuery operations on ajax data



I think I already am, Andy.  Here's my first few lines; do I need to do
something more?  (And thanks, btw.)



$(function() {

 /* Load the initial screen content */

 $("#content").load("includes/sh4-welcome.cfm?nocache=
#getTickCount()#");

 /*  Assign the onclick event handler to all the images on
the keypad. */

 $("#keypad img").click(function() {

  ...


 --

*From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] *On
Behalf Of *Andy Matthews
*Sent:* Wednesday, February 07, 2007 2:12 PM
*To:* 'jQuery Discussion.'
*Subject:* Re: [jQuery] jQuery operations on ajax data



You just have to reassign the function to the images after you load in
content.


 --

*From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] *On
Behalf Of *Paul
*Sent:* Wednesday, February 07, 2007 3:14 PM
*To:* 'jQuery Discussion.'
*Subject:* [jQuery] jQuery operations on ajax data

I'm using jQuery to assign a function to every image within a div on my
page:



$("#keypad img").click(function() { ...



It worked great, until I set about organizing the screens in my
single-page application.  I want to load the content dynamically as a user
moves about the application, so I'm trying to initialize the first screen
like so:



$("#content").load("includes/sh4-welcome.cfm");



This renders the html properly, but it breaks the jQuery click function I
was assigning to the images. (The #keypad div is within the file being
loaded at runtime.)  There aren't any JS errors, but nothing happens when I
click.  If I remove the ajax call, and instead put the data back inline the
good old-fashioned way, the click functions work again.



Is there a rule I don't know about using jQuery functions on ajax-loaded
data?



-Paul



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





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

Re: [jQuery] Keep open on mouseover event with AJAX and jQuery

[John Resig]

It sounds like you need to use .hover(). It takes two functions, the
first fires on mouseover, the second on mouseout - with the added
benefit that the element will stay open while you're inside of it.

More information about it can be found here:
http://docs.jquery.com/Events#hover.28_over.2C_out_.29

--John

On 2/7/07, Bradley Holloway <[EMAIL PROTECTED]> wrote:
>
>
> I am trying to keep the gray box open when I have my mouse within the box.
> Can someone tell me how to do so?
>
> My code is below.
>
> Thank you.
>
> Show /
> Hide
> 
> 
> This is what I want to be over you!!
> Test Link
> 
> 
> 
> 
> Link 1
> 
> 
>   Link 2
> 
> 
>   Link 3
> 
> 
>   Link 4
>    
>    
> 
> 
> 
> $
> (
>  function ()
>  {
>   $("a#view_hide").mouseover(function
> (){$("div.view_hide").show("50");return false;});
>
>   $("a#view_hide").mouseout(function
> (){$("div.view_hide").hide("50");return false;});
>  }
> );
>
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>

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

Re: [jQuery] Sending form to php to send mai

[Mike Alsup]

> Now I'm noticing another strange behavior. The form requires me to
> click the button twice, or hit Enter twice to work. Anyone seen that
> before?

That shouldn't happen with the previous code I mentioned:

$("#videos").ajaxForm( { target: '#msg' } );

Did you try it with that.code?

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

[jQuery] spotted another cool jQuery site nabaztag

[Ⓙⓐⓚⓔ]

http://my.nabaztag.com/ uses jquey and several plugins.

the site is as cute as the little net-bunny they sell!

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

Re: [jQuery] Please Help

[Bradley Holloway]

Hi Karl,
Thank you so very much for your helpI am fairly new to JS and really 
appreciate your help!

Brad Holloway
  - Original Message - 
  From: Karl Swedberg 
  To: jQuery Discussion. 
  Sent: Wednesday, February 07, 2007 2:13 PM
  Subject: Re: [jQuery] Please Help


  Hi Bradley, 


  A few suggestions:


  1. wrap the  and the following  in something like 


  2. use .hover(): 


$("#view_hide_container").hover(function() {
  $('div.view_hide').slideDown(250);
}, function() {
  $('div.view_hide').slideUp(250);
});



  3. put "return false" in a click handler instead of the .hover() method.

$('#view_hide').click(function() { return false;});


  4. wrap it all in $(document).ready() 


  $(document).ready(function() {
$("#view_hide_container").hover(function() {
  $('div.view_hide').slideDown(250);
}, function() {
  $('div.view_hide').slideUp(250);
});
$('#view_hide').click(function() {return false; });
  }); 


  5. stick it in a separate file; then include it in the page's , after 
the include for jquery.js


  Hope that helps.


  cheers,



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






  On Feb 7, 2007, at 3:15 PM, Bradley Holloway wrote:


I am trying to keep the gray box open until the mouse is outside of that 
box.I want to be able to click the Test Link..Please help.Thanks!!  
My code is below:




Show 
/ Hide


This is what I want to be over you!!
Test Link




Link 1


  Link 2


  Link 3


  Link 4
   
   



$
(
 function () 
 {
  $("a#view_hide").mouseover(function 
(){$("div.view_hide").slideDown("50");return false;});

  $("a#view_hide").mouseout(function 
(){$("div.view_hide").slideUp("50");return false;});
 }
);




___
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/

Re: [jQuery] jQuery operations on ajax data

[Web Specialist]

Hi Paul. Your JQuery integration with CF to load remote content looks like
very cool. Do you can share that script with us(CFers)?

I'm using wddxAjax to load remote content but with JQuery this could be fine
and fun! ;-)

Cheers

Marco Antonio C. Santos

2007/2/7, Paul <[EMAIL PROTECTED]>:


 I think I already am, Andy.  Here's my first few lines; do I need to do
something more?  (And thanks, btw.)



$(function() {

 /* Load the initial screen content */

 $("#content").load("includes/sh4-welcome.cfm?nocache=
#getTickCount()#");

 /*  Assign the onclick event handler to all the images on
the keypad. */

 $("#keypad img").click(function() {

  ...


 --

*From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] *On
Behalf Of *Andy Matthews
*Sent:* Wednesday, February 07, 2007 2:12 PM
*To:* 'jQuery Discussion.'
*Subject:* Re: [jQuery] jQuery operations on ajax data



You just have to reassign the function to the images after you load in
content.


 --

*From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] *On
Behalf Of *Paul
*Sent:* Wednesday, February 07, 2007 3:14 PM
*To:* 'jQuery Discussion.'
*Subject:* [jQuery] jQuery operations on ajax data

I'm using jQuery to assign a function to every image within a div on my
page:



$("#keypad img").click(function() { ...



It worked great, until I set about organizing the screens in my
single-page application.  I want to load the content dynamically as a user
moves about the application, so I'm trying to initialize the first screen
like so:



$("#content").load("includes/sh4-welcome.cfm");



This renders the html properly, but it breaks the jQuery click function I
was assigning to the images. (The #keypad div is within the file being
loaded at runtime.)  There aren't any JS errors, but nothing happens when I
click.  If I remove the ajax call, and instead put the data back inline the
good old-fashioned way, the click functions work again.



Is there a rule I don't know about using jQuery functions on ajax-loaded
data?



-Paul



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


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

Re: [jQuery] Sending form to php to send mai

[Gaston Garcia]

Mike that's great! lol

It keeps getting easier! : D

Now I'm noticing another strange behavior. The form requires me to  
click the button twice, or hit Enter twice to work. Anyone seen that  
before?

Thanks everyone,

Gaston

On Feb 7, 2007, at 5:17 PM, Mike Alsup wrote:

>> This is working for me now. thanks for the help. This is what I'm  
>> doing now:
>>
>> $(document).ready(function(){
>>  $("#videos").submit(function(){
>>
>>  $("#videos").ajaxForm(function(data){
>>  //alert("Form submit succeded! Server returned "+data);
>>  $("div#msg").html(data);
>>  });
>>  return false;
>>
>>  });
>>  });
>
>
> Gaston,
>
> If you're going to use the form plugin then all you need to do is  
> this:
>
> $("#videos").ajaxForm( { target: '#msg' } );
>
> You don't need to bind the submit event.  The plugin does all that  
> for you.
>
> Mike
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/


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

Re: [jQuery] jQuery operations on ajax data

[Michael E. Carluen]

Hi Paul, I had a similar caching problem relating to load() last night. The
solution that actually worked for me was just using  on the called page.  In your case, its
sh4-welcome.cfm

 

Michael

 

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Dan G. Switzer, II
Sent: Wednesday, February 07, 2007 1:54 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

PS - Your code to prevent caching seems flawed. By using the CF
getTickCount() function the tick count will be hard code into your template.
What you want to do, is use the JS Date() object to get the current
milliseconds.

 

-Dan

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 4:30 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

I think I already am, Andy.  Here's my first few lines; do I need to do
something more?  (And thanks, btw.)

 

$(function() {

 /* Load the initial screen content */

 
$("#content").load("includes/sh4-welcome.cfm?nocache=#getTickCount
()#");

 /*  Assign the onclick event handler to all the images on
the keypad. */

 $("#keypad img").click(function() {

  ...

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Andy Matthews
Sent: Wednesday, February 07, 2007 2:12 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

You just have to reassign the function to the images after you load in
content.

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 3:14 PM
To: 'jQuery Discussion.'
Subject: [jQuery] jQuery operations on ajax data

I'm using jQuery to assign a function to every image within a div on my
page:

 

$("#keypad img").click(function() { ...

 

It worked great, until I set about organizing the screens in my single-page
application.  I want to load the content dynamically as a user moves about
the application, so I'm trying to initialize the first screen like so:

 

$("#content").load("includes/sh4-welcome.cfm");

 

This renders the html properly, but it breaks the jQuery click function I
was assigning to the images. (The #keypad div is within the file being
loaded at runtime.)  There aren't any JS errors, but nothing happens when I
click.  If I remove the ajax call, and instead put the data back inline the
good old-fashioned way, the click functions work again.

 

Is there a rule I don't know about using jQuery functions on ajax-loaded
data?

 

-Paul

 

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

Re: [jQuery] Sending form to php to send mai

[Mike Alsup]

> This is working for me now. thanks for the help. This is what I'm doing now:
>
> $(document).ready(function(){
>  $("#videos").submit(function(){
>
>  $("#videos").ajaxForm(function(data){
>  //alert("Form submit succeded! Server returned "+data);
>  $("div#msg").html(data);
>  });
>  return false;
>
>  });
>  });


Gaston,

If you're going to use the form plugin then all you need to do is this:

$("#videos").ajaxForm( { target: '#msg' } );

You don't need to bind the submit event.  The plugin does all that for you.

Mike

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

Re: [jQuery] jQUpload - request for features

[David]

hi Alexandre,

There is a perl module that one of our developers built for Apache2 that
you may wish to look at as it has a lot of the upload meter
functionality built in. It takes care of the server side and sends XML
back to the browser to update the meter. I'm sure the front end could
use a jQuery makeover. You can see a demo of it at:

http://cees.crtconsulting.ca/perl/talks/yapc_ajax_and_perl/examples/UploadProgress/

Details on how to get it running are here

http://www.mail-archive.com/cgiapp@lists.erlbaum.net/msg05269.html

Regards,

David



Alexandre Plennevaux wrote:
> hello,
>  
> i'm in need of a good cross platform solution for file upload with
> progress indication. The usual problem is that php does not have,
> unless involving a  cgi script, the capacity to know the exact state
> of the upload. So instead of using cgi, my idea is to use a flash file.
>  
> So i've made a flash / php script that does that.
>  
> Now, i would like to make it reusable, hence the idea to go towards a
> jquery plugin that could provide a more usable interface for file
> uploading via web page in a non obtrusive way.
>  
> Before i start with the development, i would like to hear from you
> what would be the core features of  such plugin so that you would find
> it useful in your own work.
>  
> Here are my specs so far:
>  
> - technologies: xhtml/ jquery / flash / php
> - method: replace input type="file" by a flash file via jquery if
> javascript AND flash is available, otherwise fall back to classic html
> upload.
> - flash file displays progress indicator
> - option to display result after upload
> - option to save file url to database
> - option to set the allowed filesize
> - option to set the allowed file types
>  
>  
> Any more ideas?
>  
> Thank you,
>  
> Alexandre
>  
>  
>
> --
> Ce message Envoi est certifié sans virus connu.
> Analyse effectuée par AVG.
> Version: 7.5.441 / Base de données virus: 268.17.29/673 - Date:
> 6/02/2007 17:52
>
> 
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>   
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] Sending form to php to send mai

[Gaston Garcia]

Hello.

This is working for me now. thanks for the help. This is what I'm  
doing now:


$(document).ready(function(){
$("#videos").submit(function(){

$("#videos").ajaxForm(function(data){
//alert("Form submit succeded! Server returned 
"+data);
$("div#msg").html(data);
});
return false;

});
});



But there seems to be a strange problem. Form gets submitted only  
when I hit the submit button, not if I hit Enter. (I'm using Firefox  
on a Macbook Pro). Why would it not work with Enter?


Thanks again,

Gaston

On Feb 7, 2007, at 9:53 AM, Klaus Hartl wrote:


Gaston Garcia schrieb:
Hello, I've been trying to submit a Form to a php file to send an  
email.

I've already tested the script without jquery, to make sure the php
works ok.

I haven't been able from the examples to know how to do it. This  
is the

last I tried:

*This is what I have in my script tag in the head:*

$(document).ready(function(){
$("input#submit").click(function(){
var params = $("[EMAIL PROTECTED]").serialize();   /*I try to get all
the input fields here into value pairs*/
$("div#msg").ajax({
type:"POST";
url:"sendmails.php";
data:params;
success:function(msg){
alert("sent ok! "+ msg);
}
});
});
});


Gaston, you are attaching the wrong event. Instead of using the click
event for the submit button, you have to use the submit event of the
form - remember that you can always submit a form without clicking but
by hitting enter. You also have to append a "return false" at the  
end to

stop the form from submitting...:

$(function() {
 $("#videos").submit(function() {
 var params = $('[EMAIL PROTECTED]"text"]', this).serialize();
 $.ajax({
 type:"POST",
 url:"sendmails.php",
 data: params,
 success: function(msg) {
 alert("sent ok! "+ msg);
 }
 });
 });
});

You were also using ";" instead of "," in your options object literal
for the $.ajax function - and you were using this incorrectly as
$('#msg').ajax(...)

That should have given you a few JavaScript errors on the console. I
highly recommend using FireBug or at least the browser's JavaScript
console if you want to do some serious JavaScript developing.

If you want to update an element with the response, use the success
handler for this:

success: function(msg) {
 $('#msg').html(msg);
}

This is a great example to use the form plugin and make it totally
unobtrusive. You would first build your form in a way that it works
without JavaScript (you have to do that anyway, because in the end it
doesn't matter which type of request your GET/POST variables come  
from)

and as soon as this works you can just plug in some Ajax magic:

$('#videos').ajaxForm();

The form should look like


...


for this.


Cheers, Klaus




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


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

Re: [jQuery] jQuery operations on ajax data

[Paul]

Gotcha, thanks for clarifying.

 

Are all the ajax methods asynchronous?  (.get, .post etc) 

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Dan G. Switzer, II
Sent: Wednesday, February 07, 2007 3:38 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

Paul,

 

I was just pointing out that you only really need to reinitialize the
click() handler on images in the #content layer (the one where you're
loading the content.) There's no reason to update the entire DOM again. Just
the segment you loaded into DOM.

 

-Dan

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 5:14 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

Dan, 

 

Thank you.  Using the callback to reinit did the trick.

 

Oh and I have no idea what you meant about only triggering off the handler
for the #content layer.  Will you explain?

 

-Paul

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Dan G. Switzer, II
Sent: Wednesday, February 07, 2007 2:53 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

Paul,

 

The load() method is asynchronous. You'll need to use the callback to fire
off a trigger to reinitialize your img click handler. Also, I'd only trigger
off the handler for the #content layer.

 

-Dan

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 4:30 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

I think I already am, Andy.  Here's my first few lines; do I need to do
something more?  (And thanks, btw.)

 

$(function() {

 /* Load the initial screen content */

 
$("#content").load("includes/sh4-welcome.cfm?nocache=#getTickCount
()#");

 /*  Assign the onclick event handler to all the images on
the keypad. */

 $("#keypad img").click(function() {

  ...

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Andy Matthews
Sent: Wednesday, February 07, 2007 2:12 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

You just have to reassign the function to the images after you load in
content.

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 3:14 PM
To: 'jQuery Discussion.'
Subject: [jQuery] jQuery operations on ajax data

I'm using jQuery to assign a function to every image within a div on my
page:

 

$("#keypad img").click(function() { ...

 

It worked great, until I set about organizing the screens in my single-page
application.  I want to load the content dynamically as a user moves about
the application, so I'm trying to initialize the first screen like so:

 

$("#content").load("includes/sh4-welcome.cfm");

 

This renders the html properly, but it breaks the jQuery click function I
was assigning to the images. (The #keypad div is within the file being
loaded at runtime.)  There aren't any JS errors, but nothing happens when I
click.  If I remove the ajax call, and instead put the data back inline the
good old-fashioned way, the click functions work again.

 

Is there a rule I don't know about using jQuery functions on ajax-loaded
data?

 

-Paul

 

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

Re: [jQuery] jQuery operations on ajax data

[Dan G. Switzer, II]

Paul,

 

I was just pointing out that you only really need to reinitialize the
click() handler on images in the #content layer (the one where you're
loading the content.) There's no reason to update the entire DOM again. Just
the segment you loaded into DOM.

 

-Dan

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 5:14 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

Dan, 

 

Thank you.  Using the callback to reinit did the trick.

 

Oh and I have no idea what you meant about only triggering off the handler
for the #content layer.  Will you explain?

 

-Paul

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Dan G. Switzer, II
Sent: Wednesday, February 07, 2007 2:53 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

Paul,

 

The load() method is asynchronous. You'll need to use the callback to fire
off a trigger to reinitialize your img click handler. Also, I'd only trigger
off the handler for the #content layer.

 

-Dan

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 4:30 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

I think I already am, Andy.  Here's my first few lines; do I need to do
something more?  (And thanks, btw.)

 

$(function() {

 /* Load the initial screen content */

 
$("#content").load("includes/sh4-welcome.cfm?nocache=#getTickCount
()#");

 /*  Assign the onclick event handler to all the images on
the keypad. */

 $("#keypad img").click(function() {

  ...

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Andy Matthews
Sent: Wednesday, February 07, 2007 2:12 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

You just have to reassign the function to the images after you load in
content.

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 3:14 PM
To: 'jQuery Discussion.'
Subject: [jQuery] jQuery operations on ajax data

I'm using jQuery to assign a function to every image within a div on my
page:

 

$("#keypad img").click(function() { ...

 

It worked great, until I set about organizing the screens in my single-page
application.  I want to load the content dynamically as a user moves about
the application, so I'm trying to initialize the first screen like so:

 

$("#content").load("includes/sh4-welcome.cfm");

 

This renders the html properly, but it breaks the jQuery click function I
was assigning to the images. (The #keypad div is within the file being
loaded at runtime.)  There aren't any JS errors, but nothing happens when I
click.  If I remove the ajax call, and instead put the data back inline the
good old-fashioned way, the click functions work again.

 

Is there a rule I don't know about using jQuery functions on ajax-loaded
data?

 

-Paul

 

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

Re: [jQuery] jQUpload - request for features

[Benjamin Sterling]

I think what you have is a great start.  Below are some links that may help
you.

http://marc.theaimsgroup.com/?m=105484776324195
http://blog.bitflux.ch/archive/2006/09/10/upload-progress-meter-extension-for-php-5-2.html
http://194.50.176.170/UploadProgressMeter/trunk/demo.php


--
Benjamin Sterling
http://www.KenzoMedia.com
http://www.KenzoHosting.com
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jqModal updated -- dialog customization galore

[Sam Collett]

On 07/02/07, Brice Burgess <[EMAIL PROTECTED]> wrote:
> Sam Collett wrote:
> > On 07/02/07, Brice Burgess <[EMAIL PROTECTED]> wrote:
> >
> >>> - True Model sample doesn't allow you to use the tab key to move to
> >>> the close button (it only tabs to Yes, No and the element that
> >>> triggered the dialog).
> >>>
> >>>
> >> Great point. In my example dialog window the close button is actually a
> >> div with a background image.. not a button with a tab-index. I wonder if
> >> setting a tab-index on this div would allow tabbing into it -- or if I
> >> should just change it to a button?
> >>
> >> Thanks,
> >>
> >>   ~ Brice
> >>
> >
> > I think  may be best for that.
> >
>
> I've updated the plugin page demonstrations so that dialog close buttons
> can be tabbed into & activated.
>
> http://dev.iceburg.net/jquery/jqModal/?z   (the ?z is to remove cache)
>
> If you have been using the markup & styling from these dialogs you'll
> want to update. Markup, Styling, and JS is available under the Example 2
> tabs.
>
> Thanks again for pointing this out!
>
> ~ Brice

For some reason I can't tab to yes or no within the dialog box
(Firefox 2, WinXP).

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

Re: [jQuery] jqModal updated -- / disable scrolling for modals

[Brice Burgess]

Alexandre Plennevaux wrote:
> I just noticed that in example 3 on the demo page: "true modal", if you open
> either example, you scroll the page they move  along with it. Does this
> still qualifies as modal ? In my understanding, modal means no interaction
> is possible outside the focused area i.e. the window 
I am not sure; my opinion is that a bona fide modal has no place in 
a web browser, and we can do our best to mimic them. After all, nothing 
can prevent the user from updating their address book, etc. And it is 
hard enough to supply them unobtrusively when JS is disabled -- a 
special page needs to be created per dialog, containing *only* the 
dialog, so that when the "trigger" is clicked the browser redirects to 
this page instead of displaying the modal window.

  With that said; user interactivity (within the browser's viewport) is 
locked to jqModal windows that were passed the focus parameter. 
Scrolling around the page (for reference) is allowed, but the user will 
not be able to interact with anything outside the window. The scrollbar 
could be done away with via callbacks.

  Here's my method of "locking" the page position;

function scrollLock(e) {
var a=e.data.pos;
window.scrollTo(a[0],a[1]);
return false;
}

function onOpen(h) {
var a = [
self.pageXOffset ||
document.documentElement.scrollLeft ||
document.body.scrollLeft
,
self.pageYOffset ||
document.documentElement.scrollTop ||
document.body.scrollTop
];
$(window).bind('scroll',{pos: a},scrollLock);
h.w.show(); // display the jqModal window
}

function onClose(h) {
$(window).unbind('scroll',scrollLock); // unbinds lock
h.w.jqmClose(); // hides the jqModal window
}

$().ready(function(){
$('#element')
.jqm({focus: true},onOpen,onClose);
});

If you set body overflow to hidden in order to hide the scrollbar.. 
you'll have to deal with a more complicated solution which involves 
positioning.

Anyhow.. I hope this helps. Does anyone think this should be added to 
the plugin as DEFAULT behavior for windows passed the focus parameter?

  Personally, I prefer the lightweight plugin. I am sick and tired of 
bloated and rigid plugins like thickbox (though, I'm confident Klaus's 
re-workings will produce a better version 3). Try using thickbox on an 
internationalized site with gettext & smarty for on-the-fly 
translations... let alone dealing w/ inline event preservation ;) -- my 
$0.02.

~ Brice


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

Re: [jQuery] Trouble with event position X/Y [Solution/Resolved]

[Tim McCormack]

On 2/7/07, Brandon Aaron <[EMAIL PROTECTED]> wrote:
> Ahh yes, if you use firebug and run the following $('#image-box
> img').offset() it returns the correct values. You are getting
> incorrect values because you are firing the methods before the image
> is loaded *and* you haven't given the image a width and height. The
> document.ready function fires as soon as the DOM is ready. Try using
> $(window).bind('load', fn) instead and it should provide the correct
> results.
>
> The reason it sometimes resolves itself is because it has pulled from
> the cache just as quick as the dom ready has been fired.

*smacks forehead* Of course.

I'll have to use a combination of DOM polling and $(document).ready --
there's a fair amount of graphics content on the page this will be
plugged into.

Thanks again!

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

Re: [jQuery] Proxy servers and AJAX requests

[Ⓙⓐⓚⓔ]

I think you're going to have to install winProxy, and see for yourself
exactly how the ajax is failing... or just tell them to run Samba (I hadn't
heard of it either)

I debug most of my ajax with firefox+firebug.

On 2/7/07, Andrew Graaff <[EMAIL PROTECTED]> wrote:


I am not sure if it happens with the contact page.  I will check
tomorrow.  All the urls are relative though. Actually I tried changing
urls to be absolute paths but that gave a javascript error.

The page that I have tested is the
http://www.gautengfilmdirectory.org.za/dir page.  There is a lot
happening on this page.  Each time a listing for a category is loaded I
think it makes 4 or 5 AJAX requests.  I tried changing the header to
text/html on the server side on the  directory page but that did not
help.  I spoke to the user with the difficulties IT guy.  He said they
have two separate proxy servers.  When he tried the page without the
proxy and it worked fine.  He then tried the page through the other
proxy which he said was 'SAMBA' and it worked fine.  So it seems like it
has something to do with WinProxy.  I must admit that I did not know
SAMBA was also a proxy server.

Also one more thing.  If you turn javascript off then everything will
work because there is a page refresh version version for search engines
and screen readers etc.  Both the AJAX and the page refresh version of
the directory use the same HTML templates to generate the listing
content so I am sure it is the combination of $.post and WinProxy
causing the problem.  Could it be that because the return data does not
have the  and  tags the proxy is blocking it?

My plan was to:

1. Ask to see the relevant proxy log entries.
2. Create my own log file on the server side to see if the AJAX request
was being allowed through the proxy, which would imply it was the return
data that was causing the problem for the proxy.
3. Try sending the  and  and maybe the doc type tags in the
server response.

Lastly I was wondering if proxy servers did create problems for AJAX
requests in general or if my problem is a very isolated incidence.

Thanks in advance.
Andrew

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





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

Re: [jQuery] jQuery operations on ajax data

[Paul]

Dan, 

 

Thank you.  Using the callback to reinit did the trick.

 

Oh and I have no idea what you meant about only triggering off the handler
for the #content layer.  Will you explain?

 

-Paul

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Dan G. Switzer, II
Sent: Wednesday, February 07, 2007 2:53 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

Paul,

 

The load() method is asynchronous. You'll need to use the callback to fire
off a trigger to reinitialize your img click handler. Also, I'd only trigger
off the handler for the #content layer.

 

-Dan

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 4:30 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

I think I already am, Andy.  Here's my first few lines; do I need to do
something more?  (And thanks, btw.)

 

$(function() {

 /* Load the initial screen content */

 
$("#content").load("includes/sh4-welcome.cfm?nocache=#getTickCount
()#");

 /*  Assign the onclick event handler to all the images on
the keypad. */

 $("#keypad img").click(function() {

  ...

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Andy Matthews
Sent: Wednesday, February 07, 2007 2:12 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

You just have to reassign the function to the images after you load in
content.

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 3:14 PM
To: 'jQuery Discussion.'
Subject: [jQuery] jQuery operations on ajax data

I'm using jQuery to assign a function to every image within a div on my
page:

 

$("#keypad img").click(function() { ...

 

It worked great, until I set about organizing the screens in my single-page
application.  I want to load the content dynamically as a user moves about
the application, so I'm trying to initialize the first screen like so:

 

$("#content").load("includes/sh4-welcome.cfm");

 

This renders the html properly, but it breaks the jQuery click function I
was assigning to the images. (The #keypad div is within the file being
loaded at runtime.)  There aren't any JS errors, but nothing happens when I
click.  If I remove the ajax call, and instead put the data back inline the
good old-fashioned way, the click functions work again.

 

Is there a rule I don't know about using jQuery functions on ajax-loaded
data?

 

-Paul

 

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

Re: [jQuery] jQuery operations on ajax data

[Paul]

Ooh, rookie mistake. thanks again.

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Dan G. Switzer, II
Sent: Wednesday, February 07, 2007 2:54 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

PS - Your code to prevent caching seems flawed. By using the CF
getTickCount() function the tick count will be hard code into your template.
What you want to do, is use the JS Date() object to get the current
milliseconds.

 

-Dan

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 4:30 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

I think I already am, Andy.  Here's my first few lines; do I need to do
something more?  (And thanks, btw.)

 

$(function() {

 /* Load the initial screen content */

 
$("#content").load("includes/sh4-welcome.cfm?nocache=#getTickCount
()#");

 /*  Assign the onclick event handler to all the images on
the keypad. */

 $("#keypad img").click(function() {

  ...

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Andy Matthews
Sent: Wednesday, February 07, 2007 2:12 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

You just have to reassign the function to the images after you load in
content.

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 3:14 PM
To: 'jQuery Discussion.'
Subject: [jQuery] jQuery operations on ajax data

I'm using jQuery to assign a function to every image within a div on my
page:

 

$("#keypad img").click(function() { ...

 

It worked great, until I set about organizing the screens in my single-page
application.  I want to load the content dynamically as a user moves about
the application, so I'm trying to initialize the first screen like so:

 

$("#content").load("includes/sh4-welcome.cfm");

 

This renders the html properly, but it breaks the jQuery click function I
was assigning to the images. (The #keypad div is within the file being
loaded at runtime.)  There aren't any JS errors, but nothing happens when I
click.  If I remove the ajax call, and instead put the data back inline the
good old-fashioned way, the click functions work again.

 

Is there a rule I don't know about using jQuery functions on ajax-loaded
data?

 

-Paul

 

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

Re: [jQuery] after ajax dom not resetting

[jobscry]

got it, i needed a function that re-added the items i wanted:

$.ajax({
 
 onSuccess: function(){
  .
  reAdd();
 }
})

function reAdd(){
 $("h4").click(function(){alert("boo"););
}

jobscry wrote:
> 
> greetings,
> 
> i have a $.ajax call with this as the success function:
> 
> $("users/user", xml).each(
>  function(){
>   userId = $("id",this).text();
>   $("span."+letter).append(" class=\""+$("firstletter",this).text()+"\">"+$("username",this).text()+"");
>   $("span."+letter).append(" class=\"userDetails\">");
>  
> $("div#userDetails_"+userId).append("$("email",this).text()+"");
>   $("div#userDetails_"+userId).append(" class=\"created\">Created on: "+$("created",this).text()+"");
>   $("div#userDetails_"+userId).append(" class=\"modified\">Modified on: "+$("modified",this).text()+"");
>  }
> );
> 
> afterwards the page has this:
> 
> 
> tester
> 
>  [EMAIL PROTECTED]>
> Created on: Sat, Feb 3rd 2007, 14:12
> Modified on: Sat, Feb 3rd 2007, 14:12
> 
> 
> works nice except i also have this on my page:
> 
> $("h4").click(function(){alert("boo");});
> 
> but when i click any of the ajax genertated h4's nothing happens.
> 
> any help would be much appreciated!
> 
> 
> -- 
> Joe Vasquez
> [EMAIL PROTECTED] 
> 

-- 
View this message in context: 
http://www.nabble.com/after-ajax-dom-not-resetting-tf3178220.html#a8855066
Sent from the JQuery mailing list archive at Nabble.com.


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

[jQuery] after ajax dom not resetting

[jobscry]

greetings,

i have a $.ajax call with this as the success function:

$("users/user", xml).each(
 function(){
  userId = $("id",this).text();
  $("span."+letter).append(""+$("username",this).text()+"");
  $("span."+letter).append("");
 
$("div#userDetails_"+userId).append("$("email",this).text()+"");
  $("div#userDetails_"+userId).append("Created
on: "+$("created",this).text()+"");
  $("div#userDetails_"+userId).append("Modified on: "+$("modified",this).text()+"");
 }
);

afterwards the page has this:


tester

 [EMAIL PROTECTED]>
Created on: Sat, Feb 3rd 2007, 14:12
Modified on: Sat, Feb 3rd 2007, 14:12


works nice except i also have this on my page:

$("h4").click(function(){alert("boo");});

but when i click any of the ajax genertated h4's nothing happens.

any help would be much appreciated!


-- 
Joe Vasquez
[EMAIL PROTECTED] 
-- 
View this message in context: 
http://www.nabble.com/after-ajax-dom-not-resetting-tf3178220.html#a8819248
Sent from the JQuery mailing list archive at Nabble.com.


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

Re: [jQuery] jQuery operations on ajax data

[Dan G. Switzer, II]

PS - Your code to prevent caching seems flawed. By using the CF
getTickCount() function the tick count will be hard code into your template.
What you want to do, is use the JS Date() object to get the current
milliseconds.

 

-Dan

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 4:30 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

I think I already am, Andy.  Here's my first few lines; do I need to do
something more?  (And thanks, btw.)

 

$(function() {

 /* Load the initial screen content */

 
$("#content").load("includes/sh4-welcome.cfm?nocache=#getTickCount
()#");

 /*  Assign the onclick event handler to all the images on
the keypad. */

 $("#keypad img").click(function() {

  ...

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Andy Matthews
Sent: Wednesday, February 07, 2007 2:12 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

You just have to reassign the function to the images after you load in
content.

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 3:14 PM
To: 'jQuery Discussion.'
Subject: [jQuery] jQuery operations on ajax data

I'm using jQuery to assign a function to every image within a div on my
page:

 

$("#keypad img").click(function() { ...

 

It worked great, until I set about organizing the screens in my single-page
application.  I want to load the content dynamically as a user moves about
the application, so I'm trying to initialize the first screen like so:

 

$("#content").load("includes/sh4-welcome.cfm");

 

This renders the html properly, but it breaks the jQuery click function I
was assigning to the images. (The #keypad div is within the file being
loaded at runtime.)  There aren't any JS errors, but nothing happens when I
click.  If I remove the ajax call, and instead put the data back inline the
good old-fashioned way, the click functions work again.

 

Is there a rule I don't know about using jQuery functions on ajax-loaded
data?

 

-Paul

 

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

Re: [jQuery] jQuery operations on ajax data

[Dan G. Switzer, II]

Paul,

 

The load() method is asynchronous. You'll need to use the callback to fire
off a trigger to reinitialize your img click handler. Also, I'd only trigger
off the handler for the #content layer.

 

-Dan

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 4:30 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

I think I already am, Andy.  Here's my first few lines; do I need to do
something more?  (And thanks, btw.)

 

$(function() {

 /* Load the initial screen content */

 
$("#content").load("includes/sh4-welcome.cfm?nocache=#getTickCount
()#");

 /*  Assign the onclick event handler to all the images on
the keypad. */

 $("#keypad img").click(function() {

  ...

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Andy Matthews
Sent: Wednesday, February 07, 2007 2:12 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

You just have to reassign the function to the images after you load in
content.

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 3:14 PM
To: 'jQuery Discussion.'
Subject: [jQuery] jQuery operations on ajax data

I'm using jQuery to assign a function to every image within a div on my
page:

 

$("#keypad img").click(function() { ...

 

It worked great, until I set about organizing the screens in my single-page
application.  I want to load the content dynamically as a user moves about
the application, so I'm trying to initialize the first screen like so:

 

$("#content").load("includes/sh4-welcome.cfm");

 

This renders the html properly, but it breaks the jQuery click function I
was assigning to the images. (The #keypad div is within the file being
loaded at runtime.)  There aren't any JS errors, but nothing happens when I
click.  If I remove the ajax call, and instead put the data back inline the
good old-fashioned way, the click functions work again.

 

Is there a rule I don't know about using jQuery functions on ajax-loaded
data?

 

-Paul

 

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

[jQuery] Proxy servers and AJAX requests

[Andrew Graaff]

I am not sure if it happens with the contact page.  I will check 
tomorrow.  All the urls are relative though. Actually I tried changing 
urls to be absolute paths but that gave a javascript error. 

The page that I have tested is the 
http://www.gautengfilmdirectory.org.za/dir page.  There is a lot 
happening on this page.  Each time a listing for a category is loaded I 
think it makes 4 or 5 AJAX requests.  I tried changing the header to 
text/html on the server side on the  directory page but that did not 
help.  I spoke to the user with the difficulties IT guy.  He said they 
have two separate proxy servers.  When he tried the page without the 
proxy and it worked fine.  He then tried the page through the other 
proxy which he said was 'SAMBA' and it worked fine.  So it seems like it 
has something to do with WinProxy.  I must admit that I did not know 
SAMBA was also a proxy server.

Also one more thing.  If you turn javascript off then everything will 
work because there is a page refresh version version for search engines 
and screen readers etc.  Both the AJAX and the page refresh version of 
the directory use the same HTML templates to generate the listing 
content so I am sure it is the combination of $.post and WinProxy 
causing the problem.  Could it be that because the return data does not 
have the  and  tags the proxy is blocking it?

My plan was to:

1. Ask to see the relevant proxy log entries.
2. Create my own log file on the server side to see if the AJAX request 
was being allowed through the proxy, which would imply it was the return 
data that was causing the problem for the proxy.
3. Try sending the  and  and maybe the doc type tags in the 
server response.

Lastly I was wondering if proxy servers did create problems for AJAX 
requests in general or if my problem is a very isolated incidence.

Thanks in advance.
Andrew

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

Re: [jQuery] jQuery operations on ajax data

[Andy Matthews]

First thing you need to do is to set that function on every img. Then, when
you load in new content, you have to reset the function. It seems like
you're doing the right thing though. Maybe someone else has comments for
you.

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 3:30 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data



I think I already am, Andy.  Here's my first few lines; do I need to do
something more?  (And thanks, btw.)

 

$(function() {

 /* Load the initial screen content */

 
$("#content").load("includes/sh4-welcome.cfm?nocache=#getTickCount
()#");

 /*  Assign the onclick event handler to all the images on
the keypad. */

 $("#keypad img").click(function() {

  ...

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Andy Matthews
Sent: Wednesday, February 07, 2007 2:12 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

You just have to reassign the function to the images after you load in
content.

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 3:14 PM
To: 'jQuery Discussion.'
Subject: [jQuery] jQuery operations on ajax data

I'm using jQuery to assign a function to every image within a div on my
page:

 

$("#keypad img").click(function() { ...

 

It worked great, until I set about organizing the screens in my single-page
application.  I want to load the content dynamically as a user moves about
the application, so I'm trying to initialize the first screen like so:

 

$("#content").load("includes/sh4-welcome.cfm");

 

This renders the html properly, but it breaks the jQuery click function I
was assigning to the images. (The #keypad div is within the file being
loaded at runtime.)  There aren't any JS errors, but nothing happens when I
click.  If I remove the ajax call, and instead put the data back inline the
good old-fashioned way, the click functions work again.

 

Is there a rule I don't know about using jQuery functions on ajax-loaded
data?

 

-Paul

 

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

Re: [jQuery] jQuery operations on ajax data

[Paul]

I think I already am, Andy.  Here's my first few lines; do I need to do
something more?  (And thanks, btw.)

 

$(function() {

 /* Load the initial screen content */

 
$("#content").load("includes/sh4-welcome.cfm?nocache=#getTickCount
()#");

 /*  Assign the onclick event handler to all the images on
the keypad. */

 $("#keypad img").click(function() {

  ...

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Andy Matthews
Sent: Wednesday, February 07, 2007 2:12 PM
To: 'jQuery Discussion.'
Subject: Re: [jQuery] jQuery operations on ajax data

 

You just have to reassign the function to the images after you load in
content.

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 3:14 PM
To: 'jQuery Discussion.'
Subject: [jQuery] jQuery operations on ajax data

I'm using jQuery to assign a function to every image within a div on my
page:

 

$("#keypad img").click(function() { ...

 

It worked great, until I set about organizing the screens in my single-page
application.  I want to load the content dynamically as a user moves about
the application, so I'm trying to initialize the first screen like so:

 

$("#content").load("includes/sh4-welcome.cfm");

 

This renders the html properly, but it breaks the jQuery click function I
was assigning to the images. (The #keypad div is within the file being
loaded at runtime.)  There aren't any JS errors, but nothing happens when I
click.  If I remove the ajax call, and instead put the data back inline the
good old-fashioned way, the click functions work again.

 

Is there a rule I don't know about using jQuery functions on ajax-loaded
data?

 

-Paul

 

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

[jQuery] jQUpload - request for features

[Alexandre Plennevaux]

hello,
 
i'm in need of a good cross platform solution for file upload with progress 
indication. The usual problem is that php does not have, unless involving a  
cgi script, the capacity to know the exact state of the upload. So instead of 
using cgi, my idea is to use a flash file.
 
So i've made a flash / php script that does that. 
 
Now, i would like to make it reusable, hence the idea to go towards a jquery 
plugin that could provide a more usable interface for file uploading via web 
page in a non obtrusive way.
 
Before i start with the development, i would like to hear from you what would 
be the core features of  such plugin so that you would find it useful in your 
own work.
 
Here are my specs so far:
 
- technologies: xhtml/ jquery / flash / php
- method: replace input type="file" by a flash file via jquery if javascript 
AND flash is available, otherwise fall back to classic html upload.
- flash file displays progress indicator
- option to display result after upload
- option to save file url to database
- option to set the allowed filesize
- option to set the allowed file types
 
 
Any more ideas?
 
Thank you,
 
Alexandre
 
 

-- 
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.441 / Base de données virus: 268.17.29/673 - Date: 6/02/2007 17:52
 
___
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jQuery operations on ajax data

[Andy Matthews]

You just have to reassign the function to the images after you load in
content.

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Paul
Sent: Wednesday, February 07, 2007 3:14 PM
To: 'jQuery Discussion.'
Subject: [jQuery] jQuery operations on ajax data



I'm using jQuery to assign a function to every image within a div on my
page:

 

$("#keypad img").click(function() { ...

 

It worked great, until I set about organizing the screens in my single-page
application.  I want to load the content dynamically as a user moves about
the application, so I'm trying to initialize the first screen like so:

 

$("#content").load("includes/sh4-welcome.cfm");

 

This renders the html properly, but it breaks the jQuery click function I
was assigning to the images. (The #keypad div is within the file being
loaded at runtime.)  There aren't any JS errors, but nothing happens when I
click.  If I remove the ajax call, and instead put the data back inline the
good old-fashioned way, the click functions work again.

 

Is there a rule I don't know about using jQuery functions on ajax-loaded
data?

 

-Paul

 

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

Re: [jQuery] jqModal updated -- dialog customization galore

[Alexandre Plennevaux]

I just noticed that in example 3 on the demo page: "true modal", if you open
either example, you scroll the page they move  along with it. Does this
still qualifies as modal ? In my understanding, modal means no interaction
is possible outside the focused area i.e. the window .

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Brice Burgess
Sent: mercredi 7 février 2007 21:00
To: jQuery Discussion.
Subject: Re: [jQuery] jqModal updated -- dialog customization galore

Klaus Hartl wrote:
> Brice Burgess schrieb:
>   
>> Sam Collett wrote:
>> 
>>> - Preload the images used by the styled dialog
>>>   
>>>   
>> I *believe* they are .. unless browsers don't cache/load images 
>> contained in a hidden element. Have you seen the CSS tab of example 2?
>> Most of the images are background images.
>> 
>
> Some browsers do not load images just because they're in the HTML 
> source and hidden by CSS..., you can test here:
>
> http://www.quirksmode.org/css/displayimg.html
>
> For example my Opera 9 on Mac OSX doesn't.
>
>
> -- Klaus
Klaus,

  I've done a little investigation with FF 2.0 & Firebug's NET view. The
images from quirksmode are "preloaded" (downloaded despite being a child of
a hidden element). The images in jqModal are not "preloaded" (in FF at
least...). I think this has to do with the fact that they're part of the
background styling, rather than existing as an element of their own.  e.g.
  vs. 

  Do you know of any way around this? I *could* have the plugin go through
each element in a dialog, examine the background styling, and if it contains
a image url; extract it into a faux hidden image tag. Seems very un-jqModal
though... ;)

~ Brice


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

-- 
Ce message Envoi est certifié sans virus connu.
Analyse effectuée par AVG.
Version: 7.5.441 / Base de données virus: 268.17.29/673 - Date: 6/02/2007
17:52
 


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

Re: [jQuery] Please Help

[Karl Swedberg]

Hi Bradley,

A few suggestions:

1. wrap the  and the following  in something like id="view_hide_container">


2. use .hover():

  $("#view_hide_container").hover(function() {
$('div.view_hide').slideDown(250);
  }, function() {
$('div.view_hide').slideUp(250);
  });


3. put "return false" in a click handler instead of the .hover() method.
  $('#view_hide').click(function() { return false;});

4. wrap it all in $(document).ready()

$(document).ready(function() {
  $("#view_hide_container").hover(function() {
$('div.view_hide').slideDown(250);
  }, function() {
$('div.view_hide').slideUp(250);
  });

  $('#view_hide').click(function() {return false; });
});

5. stick it in a separate file; then include it in the page's ,  
after the include for jquery.js


Hope that helps.

cheers,

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



On Feb 7, 2007, at 3:15 PM, Bradley Holloway wrote:

I am trying to keep the gray box open until the mouse is outside of  
that box.I want to be able to click the Test Link..Please  
help.Thanks!!  My code is below:





id="view_hide" >Show / Hide



This is what I want to be over you!!
Test Link





Link 1


  Link 2


  Link 3


  Link 4
   
   



$
(
 function ()
 {

Re: [jQuery] Trouble with event position X/Y [browser and code version]

[Brandon Aaron]

Ahh yes, if you use firebug and run the following $('#image-box
img').offset() it returns the correct values. You are getting
incorrect values because you are firing the methods before the image
is loaded *and* you haven't given the image a width and height. The
document.ready function fires as soon as the DOM is ready. Try using
$(window).bind('load', fn) instead and it should provide the correct
results.

The reason it sometimes resolves itself is because it has pulled from
the cache just as quick as the dom ready has been fired.

--
Brandon Aaron

On 2/7/07, Tim McCormack <[EMAIL PROTECTED]> wrote:
> I should add that the dimensioning/positioning problem occurs *most*
> of the time, but will occasionally spontaneously resolve. (Perhaps
> when I hit the back button, or let a page site, etc.) Very odd.
>
>  - Tim
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>

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

[jQuery] jQuery operations on ajax data

[Paul]

I'm using jQuery to assign a function to every image within a div on my
page:

 

$("#keypad img").click(function() { ...

 

It worked great, until I set about organizing the screens in my single-page
application.  I want to load the content dynamically as a user moves about
the application, so I'm trying to initialize the first screen like so:

 

$("#content").load("includes/sh4-welcome.cfm");

 

This renders the html properly, but it breaks the jQuery click function I
was assigning to the images. (The #keypad div is within the file being
loaded at runtime.)  There aren't any JS errors, but nothing happens when I
click.  If I remove the ajax call, and instead put the data back inline the
good old-fashioned way, the click functions work again.

 

Is there a rule I don't know about using jQuery functions on ajax-loaded
data?

 

-Paul

 

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

Re: [jQuery] jqModal updated -- dialog customization galore

[Brice Burgess]

Klaus Hartl wrote:
>
> The first idea I have now is instead of hiding these elements by 
> display: none hide them offscreen (top: -500px, left: -500px) instead. 
Klaus,

  Excellent idea! I've included code which looks like:



div.imgCache{position:absolute;left:-8000px; top: -8000px;} 
div.imgCache img{display:block;}




.

The plugin page has been updated to with the caching fix, as well as 
demonstration on how to use it (exterior of plugin).

http://dev.iceburg.net/jquery/jqModal/?y

Thanks for the suggestion.

~ Brice






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

Re: [jQuery] Trouble with event position X/Y [browser and code version]

[Tim McCormack]

I should add that the dimensioning/positioning problem occurs *most*
of the time, but will occasionally spontaneously resolve. (Perhaps
when I hit the back button, or let a page site, etc.) Very odd.

 - Tim

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

Re: [jQuery] Trouble with event position X/Y [browser and code version]

[Tim McCormack]

On 2/7/07, Brandon Aaron <[EMAIL PROTECTED]> wrote:
> Which browser(s)? Are you using the latest version of the dimensions
> plugin from SVN?
>
> I haven't had any issues with floated elements yet or heard of any. If
> you could provide a stripped down version or even just the version in
> its current state it would help me/others identify the issue.

Using Firefox 2.0.0.1 on Windows XP.
JQuery 1.1.1, packed.
Dimensions rev 1213.

The stripped version can be viewed here:

http://www.brainonfire.net/lab/dim-1/sandbox.html

Move your mouse onto the left edge of the image and observe the
negative numbers in the Image-Relative X text field. You can see the
same problem in IE.

If you replace the unordered list of thumbnails with a single div, the
problem disappears:

http://www.brainonfire.net/lab/dim-2/sandbox.html

I think it has something to do with the floated list items. (I can
probably work around the problem in my app by adding a div below the
image, but I'd like to see a bugfix on this too, if it is indeed a
bug.)

 - Tim McCormack

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

[jQuery] Keep open on mouseover event with AJAX and jQuery

[Bradley Holloway]

I am trying to keep the gray box open when I have my mouse within the box.  Can 
someone tell me how to do so?

My code is below.

Thank you.

Show / 
Hide


This is what I want to be over you!!
Test Link




Link 1


  Link 2


  Link 3


  Link 4
   
   



$
(
 function () 
 {
  $("a#view_hide").mouseover(function (){$("div.view_hide").show("50");return 
false;});

  $("a#view_hide").mouseout(function (){$("div.view_hide").hide("50");return 
false;});
 }
);

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

Re: [jQuery] Proxy servers and AJAX requests

[Ⓙⓐⓚⓔ]

I thought about this for a few minutes if the ajax call contains the
whole url (including the site) you will have problems like this.

I recommend to everyone not to use your host name in your ajax urls, They
can only go back to the server that served the page so there is little
reason to specify them.

but I looked at your contact page and you don't do that!

is the contact page getting clobbered by winproxy too?


On 2/7/07, Andrew Graaff <[EMAIL PROTECTED]> wrote:


Hi everyone.  I am new to jquery and this list so please let me know if
this is the wrong place to post this question.

I do the occasional web development and built a
site(www.gautengfilmdirectory.org.za) using jquery for minor DOM
manipulation, effects and AJAX requests.  The site works nicely, or so I
think, but there is a problem with a user who connects to the internet
through a proxy called WinProxy.  I use the $.post method to perform the
AJAX request and based on the data returned I either update a DOM
elements html to the returned data or set a message somewhere on the
page.  WinProxy does not seem to allow the request through or the data
back for some reason.  Has anyone else had this kind of problem before?

Any ideas would be appreciated.

Thanks.
Andrew

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





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

Re: [jQuery] jQuery().hover() not working as intended in IE?

[Jonathan Sharp]

On 2/7/07, Brandon Aaron <[EMAIL PROTECTED]> wrote:


I took it out for performance and I'm still investigating better
(faster) ways to get the relative offset. In the mean time the safest
way to handle this is to get the parent offset first and then subtract
it from the element's offset. I know it is more code. I believe you
are one of the only ones that I've heard using that feature.



Ok, sounds good. It's not that much code at all, not a big deal. So... since
I'm the only one using that feature can I have it named after me? That way
people would know it's my feature and resist the urge to use it...


BTW ... I don't have a time for getting that feature back in.


No rush, thanks for a great plugin!

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

Re: [jQuery] display inline vs block

[Ⓙⓐⓚⓔ]

I hope you used .wrap and didn't do it back in the html.

On 2/6/07, Jon Ege Ronnenberg <[EMAIL PROTECTED]> wrote:


That's great info! I've tackled my problem by wrapping the elements I
wanted inline in divs. It's not pretty but it worked and everyone is happy
:-).

On 2/6/07, Brandon Aaron <[EMAIL PROTECTED]> wrote:
>
> When using hide and show methods they have to set the display to block
> for the height and width animations to work. The fadeIn is a different
> story and is being worked on and hopefully something will be ready in
> the near future. In the mean time ... try adjusting the markup+css to
> accommodate a display: block element.
>
> Of course you could always create a simple custom animation if it was
> necessary. Just use a setInterval or setTimeout and call
> css('opacity', num)
>
> --
> Brandon Aaron
>
> On 2/6/07, Jon Ege Ronnenberg <[EMAIL PROTECTED]> wrote:
> > When using hide(), show, fadeIn() etc. jQuery make the elements
> > display:block, while I'm sure there is a good reason for this I wonder
> is
> > there anyway to get jQuery to set them as display:inline?
> >
> > Regards, Jon.
> >
> > ___
> > 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/

Re: [jQuery] jQuery().hover() not working as intended in IE?

[Brandon Aaron]

I took it out for performance and I'm still investigating better
(faster) ways to get the relative offset. In the mean time the safest
way to handle this is to get the parent offset first and then subtract
it from the element's offset. I know it is more code. I believe you
are one of the only ones that I've heard using that feature.

BTW ... I don't have a time for getting that feature back in.

--
Brandon Aaron

On 2/7/07, Jonathan Sharp <[EMAIL PROTECTED]> wrote:
> Here's an example line:
>
> $(li).offset( $(li).parents('ul.myclass')[0] );
>
> I can fix this easy enough in the code by getting the parent's offset first
> and then subtracting the elements offset from that, but it would be nice to
> have this still supported. =)
>
> Cheers,
> -js
>
>
>
> On 2/7/07, Jonathan Sharp <[EMAIL PROTECTED]> wrote:
> >
> > I belive it's an issue relating to the signature change. I was using the
> .offset(ELEMENT) to get the offset in relation to a parent element.
> >
> > Could this feature be added back in (possibly passing in an element
> reference in the object hash)?
> >
> > -js
> >
> >
> >
> > On 2/7/07, Brandon Aaron <[EMAIL PROTECTED] > wrote:
> > > The signature for the offset method in the dimensions plugin did
> > > recently change. Is this the issue or is it a bug in the offset
> > > method?
> > >
> > > --
> > > Brandon Aaron
> > >
> > > On 2/7/07, Jonathan Sharp <[EMAIL PROTECTED]> wrote:
> > > > Hi Scott,
> > > >
> > > > I was able to duplicate this and have isolated it to some changes that
> took
> > > > place in the dimensions plugin around the 1.1.1. I'm going to handle
> > > > positioning differently in the new version which should address these
> > > > issues.
> > > >
> > > > Cheers,
> > > > -js
> > > >
> > > >
> > > >
> > > >
> > > > On 2/7/07, Weaver, Scott < [EMAIL PROTECTED]> wrote:
> > > > >
> > > > >
> > > > >
> > > > >
> > > > > Hi Jonathan,
> > > > >
> > > > >
> > > > >
> > > > > In a nutshell, the drop down menu was positioned wy to the
> right.
> > > > What you can do is just rename the existing menu class from "ugsMenu"
> to
> > > > "jd_menu" and change the $(document).ready() to invoke the jdMenu
> plugin as
> > > > opposed to mine.  Hopefully, this should give you an idea of what I
> > > > encountered.  I used the base, jdMenu.css to test it.
> > > > >
> > > > >
> > > > >
> > > > > Thanks for the help,
> > > > >
> > > > > -scott
> > > > >
> > > > >
> > > > >
> > > > >
> > > > > 
> > > >
> > > > >
> > > > > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> On
> > > > Behalf Of Jonathan Sharp
> > > > > Sent: Wednesday, February 07, 2007 1:22 PM
> > > > > To: jQuery Discussion.
> > > > > Subject: Re: [jQuery] jQuery().hover() not working as intended in
> IE?
> > > > >
> > > > >
> > > > >
> > > > >
> > > > >
> > > > > Hi Scott,
> > > > >
> > > > >
> > > > >
> > > > >
> > > > >
> > > > > I've developed the jdMenu plugin and am working on an updated
> version of
> > > > it. What positioning problems were you running into? Do you have a
> demo page
> > > > somewhere?
> > > > >
> > > > >
> > > > >
> > > > >
> > > > >
> > > > > Cheers,
> > > > >
> > > > >
> > > > > -Jonathan
> > > > >
> > > > >
> > > > >
> > > > >
> > > > > On 2/7/07, Weaver, Scott < [EMAIL PROTECTED]> wrote:
> > > > >
> > > > >
> > > > >
> > > > > Hello,
> > > > >
> > > > >
> > > > >
> > > > > I am using the jQuery.hover() event binding to create drop down
> menus from
> > > > an unordered list.  I attempted to use the jdMenu plugin but the
> positioning
> > > > wasn't coming out right with the layout I am using (the piefecta from
> > > >
> http://www.positioniseverything.net/piefecta-rigid.html).
> > > > I decided it would be easier to "roll my own" than to dig through the
> jdMenu
> > > > code to figure out the issue.
> > > > >
> > > > >
> > > > >
> > > > > This was drop-dead simple to do using the .hover() event binding.
> This
> > > > works wonderfully in FF.  Unfortunately, IE 6 has decided to be a
> > > > little…well you know how she is.  Mousing over the menu heading works
> fine
> > > > and the sub-menu appears underneath (as expected).  However, as I move
> down,
> > > > over the sub-menu, the sub-menu disappears (not supposed to happen).
> > > > >
> > > > >
> > > > >
> > > > > I am attaching the source file (you may need to change the source
> path
> > > > location of jquery, I am using version 1.1.1).  Oh, ignore the content
> of
> > > > the page as it all pretty much a verbatim copy of piefecta layout ;-)
> > > > >
> > > > >
> > > > >
> > > > > Thanks in advance,
> > > > >
> > > > > -scott
> > > > >
> > > > >
> > > > > ___
> > > > > jQuery mailing list
> > > > > discuss@jquery.com
> > > > > http://jquery.com/discuss/
> > > > >
> > > > >
> > > > >
> > > > >
> > > > >
> > > > > ___
> > > > > jQuery mailing list
> > > > > discuss@jquery.com
> > > > > http://jquery.com/discuss/
> > > > >
> > > > 

Re: [jQuery] Please Help

[Chris W. Parker]

On Wednesday, February 07, 2007 12:15 PM Bradley Holloway <> said:

> I am trying to keep the gray box open until the mouse is outside of
> that box.I want to be able to click the Test Link..Please
> help.Thanks!!  My code is below:

http://www.catb.org/~esr/faqs/smart-questions.html#bespecific

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

Re: [jQuery] jqModal updated -- dialog customization galore

[Klaus Hartl]

Brice Burgess schrieb:
>   I've done a little investigation with FF 2.0 & Firebug's NET view. The 
> images from quirksmode are "preloaded" (downloaded despite being a child 
> of a hidden element). The images in jqModal are not "preloaded" (in FF 
> at least...). I think this has to do with the fact that they're part of 
> the background styling, rather than existing as an element of their 
> own.  e.g.   vs.  src="preload.gif" ... />
> 
>   Do you know of any way around this? I *could* have the plugin go 
> through each element in a dialog, examine the background styling, and if 
> it contains a image url; extract it into a faux hidden image tag. Seems 
> very un-jqModal though... ;)
> 
> ~ Brice

The first idea I have now is instead of hiding these elements by 
display: none hide them offscreen (top: -500px, left: -500px) instead. 
Hm, or maybe just use visibility: hidden...

Not sure, probably this won't let the browser preload images either.


-- Klaus





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

[jQuery] Please Help

[Bradley Holloway]

I am trying to keep the gray box open until the mouse is outside of that 
box.I want to be able to click the Test Link..Please help.Thanks!!  
My code is below:
 



Show / 
Hide


This is what I want to be over you!!
Test Link




Link 1


  Link 2


  Link 3


  Link 4
   
   



$
(
 function () 
 {
  $("a#view_hide").mouseover(function 
(){$("div.view_hide").slideDown("50");return false;});

  $("a#view_hide").mouseout(function (){$("div.view_hide").slideUp("50");return 
false;});
 }
);



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

Re: [jQuery] jQuery().hover() not working as intended in IE?

[Jonathan Sharp]

Here's an example line:

$(li).offset( $(li).parents('ul.myclass')[0] );

I can fix this easy enough in the code by getting the parent's offset first
and then subtracting the elements offset from that, but it would be nice to
have this still supported. =)

Cheers,
-js


On 2/7/07, Jonathan Sharp <[EMAIL PROTECTED]> wrote:


I belive it's an issue relating to the signature change. I was using the
.offset(ELEMENT) to get the offset in relation to a parent element.

Could this feature be added back in (possibly passing in an element
reference in the object hash)?

-js


 On 2/7/07, Brandon Aaron <[EMAIL PROTECTED]> wrote:
>
> The signature for the offset method in the dimensions plugin did
> recently change. Is this the issue or is it a bug in the offset
> method?
>
> --
> Brandon Aaron
>
> On 2/7/07, Jonathan Sharp <[EMAIL PROTECTED]> wrote:
> > Hi Scott,
> >
> > I was able to duplicate this and have isolated it to some changes that
> took
> > place in the dimensions plugin around the 1.1.1. I'm going to handle
> > positioning differently in the new version which should address these
> > issues.
> >
> > Cheers,
> > -js
> >
> >
> >
> >
> > On 2/7/07, Weaver, Scott <[EMAIL PROTECTED]> wrote:
> > >
> > >
> > >
> > >
> > > Hi Jonathan,
> > >
> > >
> > >
> > > In a nutshell, the drop down menu was positioned wy to the
> right.
> > What you can do is just rename the existing menu class from "ugsMenu"
> to
> > "jd_menu" and change the $(document).ready() to invoke the jdMenu
> plugin as
> > opposed to mine.  Hopefully, this should give you an idea of what I
> > encountered.  I used the base, jdMenu.css to test it.
> > >
> > >
> > >
> > > Thanks for the help,
> > >
> > > -scott
> > >
> > >
> > >
> > >
> > > 
> >
> > >
> > > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> On
> > Behalf Of Jonathan Sharp
> > > Sent: Wednesday, February 07, 2007 1:22 PM
> > > To: jQuery Discussion.
> > > Subject: Re: [jQuery] jQuery().hover() not working as intended in
> IE?
> > >
> > >
> > >
> > >
> > >
> > > Hi Scott,
> > >
> > >
> > >
> > >
> > >
> > > I've developed the jdMenu plugin and am working on an updated
> version of
> > it. What positioning problems were you running into? Do you have a
> demo page
> > somewhere?
> > >
> > >
> > >
> > >
> > >
> > > Cheers,
> > >
> > >
> > > -Jonathan
> > >
> > >
> > >
> > >
> > > On 2/7/07, Weaver, Scott < [EMAIL PROTECTED]> wrote:
> > >
> > >
> > >
> > > Hello,
> > >
> > >
> > >
> > > I am using the jQuery.hover() event binding to create drop down
> menus from
> > an unordered list.  I attempted to use the jdMenu plugin but the
> positioning
> > wasn't coming out right with the layout I am using (the piefecta from
> > http://www.positioniseverything.net/piefecta-rigid.html).
> > I decided it would be easier to "roll my own" than to dig through the
> jdMenu
> > code to figure out the issue.
> > >
> > >
> > >
> > > This was drop-dead simple to do using the .hover() event
> binding.  This
> > works wonderfully in FF.  Unfortunately, IE 6 has decided to be a
> > little…well you know how she is.  Mousing over the menu heading works
> fine
> > and the sub-menu appears underneath (as expected).  However, as I move
> down,
> > over the sub-menu, the sub-menu disappears (not supposed to happen).
> > >
> > >
> > >
> > > I am attaching the source file (you may need to change the source
> path
> > location of jquery, I am using version 1.1.1).  Oh, ignore the content
> of
> > the page as it all pretty much a verbatim copy of piefecta layout ;-)
> > >
> > >
> > >
> > > Thanks in advance,
> > >
> > > -scott
> > >
> > >
> > > ___
> > > 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 mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>


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

Re: [jQuery] jQuery().hover() not working as intended in IE?

[Weaver, Scott]

Great!  I appreciate your time on this immensely!  Let me know when you
have the fixes in place and I can try it on my side.

 

Thanks again,

-scott

 



From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Jonathan Sharp
Sent: Wednesday, February 07, 2007 2:39 PM
To: jQuery Discussion.
Subject: Re: [jQuery] jQuery().hover() not working as intended in IE?

 

Hi Scott,

 

I was able to duplicate this and have isolated it to some changes that
took place in the dimensions plugin around the 1.1.1. I'm going to
handle positioning differently in the new version which should address
these issues. 

 

Cheers,

-js



 

On 2/7/07, Weaver, Scott <[EMAIL PROTECTED]> wrote: 

Hi Jonathan,

In a nutshell, the drop down menu was positioned wy to the right.
What you can do is just rename the existing menu class from "ugsMenu" to
"jd_menu" and change the $(document).ready() to invoke the jdMenu plugin
as opposed to mine.  Hopefully, this should give you an idea of what I
encountered.  I used the base, jdMenu.css to test it.

Thanks for the help,

-scott

 



From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Jonathan Sharp
Sent: Wednesday, February 07, 2007 1:22 PM
To: jQuery Discussion.
Subject: Re: [jQuery] jQuery().hover() not working as intended in IE?

 

Hi Scott,

 

I've developed the jdMenu plugin and am working on an updated version of
it. What positioning problems were you running into? Do you have a demo
page somewhere? 

 

Cheers,

-Jonathan

 

On 2/7/07, Weaver, Scott < [EMAIL PROTECTED]  >
wrote: 

Hello,

 

I am using the jQuery.hover() event binding to create drop down menus
from an unordered list.  I attempted to use the jdMenu plugin but the
positioning wasn't coming out right with the layout I am using (the
piefecta from http://www.positioniseverything.net/piefecta-rigid.html).
I decided it would be easier to "roll my own" than to dig through the
jdMenu code to figure out the issue.  

 

This was drop-dead simple to do using the .hover() event binding.  This
works wonderfully in FF.  Unfortunately, IE 6 has decided to be a
little...well you know how she is.  Mousing over the menu heading works
fine and the sub-menu appears underneath (as expected).  However, as I
move down, over the sub-menu, the sub-menu disappears (not supposed to
happen).  

 

I am attaching the source file (you may need to change the source path
location of jquery, I am using version 1.1.1).  Oh, ignore the content
of the page as it all pretty much a verbatim copy of piefecta layout ;-)


 

Thanks in advance,

-scott


___
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/

Re: [jQuery] jQuery().hover() not working as intended in IE?

[Jonathan Sharp]

I belive it's an issue relating to the signature change. I was using the
.offset(ELEMENT) to get the offset in relation to a parent element.

Could this feature be added back in (possibly passing in an element
reference in the object hash)?

-js


On 2/7/07, Brandon Aaron <[EMAIL PROTECTED]> wrote:


The signature for the offset method in the dimensions plugin did
recently change. Is this the issue or is it a bug in the offset
method?

--
Brandon Aaron

On 2/7/07, Jonathan Sharp <[EMAIL PROTECTED]> wrote:
> Hi Scott,
>
> I was able to duplicate this and have isolated it to some changes that
took
> place in the dimensions plugin around the 1.1.1. I'm going to handle
> positioning differently in the new version which should address these
> issues.
>
> Cheers,
> -js
>
>
>
>
> On 2/7/07, Weaver, Scott <[EMAIL PROTECTED]> wrote:
> >
> >
> >
> >
> > Hi Jonathan,
> >
> >
> >
> > In a nutshell, the drop down menu was positioned wy to the right.
> What you can do is just rename the existing menu class from "ugsMenu" to
> "jd_menu" and change the $(document).ready() to invoke the jdMenu plugin
as
> opposed to mine.  Hopefully, this should give you an idea of what I
> encountered.  I used the base, jdMenu.css to test it.
> >
> >
> >
> > Thanks for the help,
> >
> > -scott
> >
> >
> >
> >
> > 
>
> >
> > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On
> Behalf Of Jonathan Sharp
> > Sent: Wednesday, February 07, 2007 1:22 PM
> > To: jQuery Discussion.
> > Subject: Re: [jQuery] jQuery().hover() not working as intended in IE?
> >
> >
> >
> >
> >
> > Hi Scott,
> >
> >
> >
> >
> >
> > I've developed the jdMenu plugin and am working on an updated version
of
> it. What positioning problems were you running into? Do you have a demo
page
> somewhere?
> >
> >
> >
> >
> >
> > Cheers,
> >
> >
> > -Jonathan
> >
> >
> >
> >
> > On 2/7/07, Weaver, Scott < [EMAIL PROTECTED]> wrote:
> >
> >
> >
> > Hello,
> >
> >
> >
> > I am using the jQuery.hover() event binding to create drop down menus
from
> an unordered list.  I attempted to use the jdMenu plugin but the
positioning
> wasn't coming out right with the layout I am using (the piefecta from
> http://www.positioniseverything.net/piefecta-rigid.html).
> I decided it would be easier to "roll my own" than to dig through the
jdMenu
> code to figure out the issue.
> >
> >
> >
> > This was drop-dead simple to do using the .hover() event
binding.  This
> works wonderfully in FF.  Unfortunately, IE 6 has decided to be a
> little…well you know how she is.  Mousing over the menu heading works
fine
> and the sub-menu appears underneath (as expected).  However, as I move
down,
> over the sub-menu, the sub-menu disappears (not supposed to happen).
> >
> >
> >
> > I am attaching the source file (you may need to change the source path
> location of jquery, I am using version 1.1.1).  Oh, ignore the content
of
> the page as it all pretty much a verbatim copy of piefecta layout ;-)
> >
> >
> >
> > Thanks in advance,
> >
> > -scott
> >
> >
> > ___
> > 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 mailing list
discuss@jquery.com
http://jquery.com/discuss/

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

Re: [jQuery] jqModal updated -- dialog customization galore

[Brice Burgess]

Klaus Hartl wrote:
> Brice Burgess schrieb:
>   
>> Sam Collett wrote:
>> 
>>> - Preload the images used by the styled dialog
>>>   
>>>   
>> I *believe* they are .. unless browsers don't cache/load images 
>> contained in a hidden element. Have you seen the CSS tab of example 2? 
>> Most of the images are background images.
>> 
>
> Some browsers do not load images just because they're in the HTML source 
> and hidden by CSS..., you can test here:
>
> http://www.quirksmode.org/css/displayimg.html
>
> For example my Opera 9 on Mac OSX doesn't.
>
>
> -- Klaus
Klaus,

  I've done a little investigation with FF 2.0 & Firebug's NET view. The 
images from quirksmode are "preloaded" (downloaded despite being a child 
of a hidden element). The images in jqModal are not "preloaded" (in FF 
at least...). I think this has to do with the fact that they're part of 
the background styling, rather than existing as an element of their 
own.  e.g.   vs. 

  Do you know of any way around this? I *could* have the plugin go 
through each element in a dialog, examine the background styling, and if 
it contains a image url; extract it into a faux hidden image tag. Seems 
very un-jqModal though... ;)

~ Brice


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

Re: [jQuery] jQuery().hover() not working as intended in IE?

[Brandon Aaron]

The signature for the offset method in the dimensions plugin did
recently change. Is this the issue or is it a bug in the offset
method?

--
Brandon Aaron

On 2/7/07, Jonathan Sharp <[EMAIL PROTECTED]> wrote:
> Hi Scott,
>
> I was able to duplicate this and have isolated it to some changes that took
> place in the dimensions plugin around the 1.1.1. I'm going to handle
> positioning differently in the new version which should address these
> issues.
>
> Cheers,
> -js
>
>
>
>
> On 2/7/07, Weaver, Scott <[EMAIL PROTECTED]> wrote:
> >
> >
> >
> >
> > Hi Jonathan,
> >
> >
> >
> > In a nutshell, the drop down menu was positioned wy to the right.
> What you can do is just rename the existing menu class from "ugsMenu" to
> "jd_menu" and change the $(document).ready() to invoke the jdMenu plugin as
> opposed to mine.  Hopefully, this should give you an idea of what I
> encountered.  I used the base, jdMenu.css to test it.
> >
> >
> >
> > Thanks for the help,
> >
> > -scott
> >
> >
> >
> >
> > 
>
> >
> > From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
> Behalf Of Jonathan Sharp
> > Sent: Wednesday, February 07, 2007 1:22 PM
> > To: jQuery Discussion.
> > Subject: Re: [jQuery] jQuery().hover() not working as intended in IE?
> >
> >
> >
> >
> >
> > Hi Scott,
> >
> >
> >
> >
> >
> > I've developed the jdMenu plugin and am working on an updated version of
> it. What positioning problems were you running into? Do you have a demo page
> somewhere?
> >
> >
> >
> >
> >
> > Cheers,
> >
> >
> > -Jonathan
> >
> >
> >
> >
> > On 2/7/07, Weaver, Scott < [EMAIL PROTECTED]> wrote:
> >
> >
> >
> > Hello,
> >
> >
> >
> > I am using the jQuery.hover() event binding to create drop down menus from
> an unordered list.  I attempted to use the jdMenu plugin but the positioning
> wasn't coming out right with the layout I am using (the piefecta from
> http://www.positioniseverything.net/piefecta-rigid.html).
> I decided it would be easier to "roll my own" than to dig through the jdMenu
> code to figure out the issue.
> >
> >
> >
> > This was drop-dead simple to do using the .hover() event binding.  This
> works wonderfully in FF.  Unfortunately, IE 6 has decided to be a
> little…well you know how she is.  Mousing over the menu heading works fine
> and the sub-menu appears underneath (as expected).  However, as I move down,
> over the sub-menu, the sub-menu disappears (not supposed to happen).
> >
> >
> >
> > I am attaching the source file (you may need to change the source path
> location of jquery, I am using version 1.1.1).  Oh, ignore the content of
> the page as it all pretty much a verbatim copy of piefecta layout ;-)
> >
> >
> >
> > Thanks in advance,
> >
> > -scott
> >
> >
> > ___
> > 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 mailing list
discuss@jquery.com
http://jquery.com/discuss/

Re: [jQuery] jqModal updated -- dialog customization galore

[Brice Burgess]

Sam Collett wrote:
> On 07/02/07, Brice Burgess <[EMAIL PROTECTED]> wrote:
>   
>>> - True Model sample doesn't allow you to use the tab key to move to
>>> the close button (it only tabs to Yes, No and the element that
>>> triggered the dialog).
>>>
>>>   
>> Great point. In my example dialog window the close button is actually a
>> div with a background image.. not a button with a tab-index. I wonder if
>> setting a tab-index on this div would allow tabbing into it -- or if I
>> should just change it to a button?
>>
>> Thanks,
>>
>>   ~ Brice
>> 
>
> I think  may be best for that.
>   

I've updated the plugin page demonstrations so that dialog close buttons 
can be tabbed into & activated.

http://dev.iceburg.net/jquery/jqModal/?z   (the ?z is to remove cache)

If you have been using the markup & styling from these dialogs you'll 
want to update. Markup, Styling, and JS is available under the Example 2 
tabs.

Thanks again for pointing this out!

~ Brice



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

Re: [jQuery] jQuery().hover() not working as intended in IE?

[Jonathan Sharp]

Hi Scott,

I was able to duplicate this and have isolated it to some changes that took
place in the dimensions plugin around the 1.1.1. I'm going to handle
positioning differently in the new version which should address these
issues.

Cheers,
-js



On 2/7/07, Weaver, Scott <[EMAIL PROTECTED]> wrote:


 Hi Jonathan,

In a nutshell, the drop down menu was positioned wy to the right.
What you can do is just rename the existing menu class from "ugsMenu" to
"jd_menu" and change the $(document).ready() to invoke the jdMenu plugin as
opposed to mine.  Hopefully, this should give you an idea of what I
encountered.  I used the base, jdMenu.css to test it.

Thanks for the help,

-scott


  --

*From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] *On
Behalf Of *Jonathan Sharp
*Sent:* Wednesday, February 07, 2007 1:22 PM
*To:* jQuery Discussion.
*Subject:* Re: [jQuery] jQuery().hover() not working as intended in IE?



Hi Scott,



I've developed the jdMenu plugin and am working on an updated version of
it. What positioning problems were you running into? Do you have a demo page
somewhere?



Cheers,

-Jonathan



On 2/7/07, *Weaver, Scott* <[EMAIL PROTECTED]> wrote:

Hello,



I am using the jQuery.hover() event binding to create drop down menus from
an unordered list.  I attempted to use the jdMenu plugin but the positioning
wasn't coming out right with the layout I am using (the piefecta from
http://www.positioniseverything.net/piefecta-rigid.html).  I decided it
would be easier to "roll my own" than to dig through the jdMenu code to
figure out the issue.



This was drop-dead simple to do using the .hover() event binding.  This
works wonderfully in FF.  Unfortunately, IE 6 has decided to be a
little…well you know how she is.  Mousing over the menu heading works fine
and the sub-menu appears underneath (as expected).  However, as I move down,
over the sub-menu, the sub-menu disappears (not supposed to happen).



I am attaching the source file (you may need to change the source path
location of jquery, I am using version 1.1.1).  Oh, ignore the content of
the page as it all pretty much a verbatim copy of piefecta layout ;-)



Thanks in advance,

-scott


___
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/

Re: [jQuery] Trouble with event position X/Y - anyone else?

[Brandon Aaron]

Which browser(s)? Are you using the latest version of the dimensions
plugin from SVN?

I haven't had any issues with floated elements yet or heard of any. If
you could provide a stripped down version or even just the version in
its current state it would help me/others identify the issue.

--
Brandon Aaron

On 2/7/07, Tim McCormack <[EMAIL PROTECTED]> wrote:
> I'm developing a little app that involves positioning a translucent
> div near the cursor, and the numbers aren't adding up. I'm using the
> Dimensions plugin and subtracting an element's offset from the event's
> pageX/Y coordinates, and the X coordinate is consistently about 53
> pixels off. Not coincidentally, the element is centered within a
> larger element, and the distance between their (left) edges is 53
> pixels. That parent element is floated right, if it makes a
> difference.
>
> (I'll try to create a stripped-down version for poking-at, but I don't
> have time at the moment.)
>
> Is there something I should know about calculating element offsets
> with floats and centering? Has anybody else had problems with the
> Dimensions plugin, or event coordinates?
>
>  - Tim McCormack
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>

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

Re: [jQuery] jqModal updated -- dialog customization galore

[Klaus Hartl]

Brice Burgess schrieb:
> Sam, Thanks for your suggestions -- my comments are inline;
> 
> Sam Collett wrote:
>> - Preload the images used by the styled dialog
>>   
> I *believe* they are .. unless browsers don't cache/load images 
> contained in a hidden element. Have you seen the CSS tab of example 2? 
> Most of the images are background images.

Some browsers do not load images just because they're in the HTML source 
and hidden by CSS..., you can test here:

http://www.quirksmode.org/css/displayimg.html

For example my Opera 9 on Mac OSX doesn't.


-- Klaus

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

Re: [jQuery] Can I do JSON request with POST?

[TeeCee]

Hi Sam, Klaus,

Thanks for the immediate answer (I just get home now and tried this).

This fully works, thank You Sam!
Klaus: yes, really, I did not read the type parameter of the $.post(), 
thank You for writing me that example!

Thanks, BYE: TeeCee :o)


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

Re: [jQuery] jQuery guru wanted for small contract, good $

[Klaus Hartl]

Marc Jansen schrieb:
> Theo Welch schrieb:
>>
>> And if you hide "skipnav" links from view, make sure to hide them 
>> using something like this:
>>
>> .hidden { display:block; width:0; height:0; overflow:hidden; } 
>>
>> ...not like this:
>>
>> .hidden { display:none } /* most screen readers will ignore this 
>> content altogether */
> 
> Couldn't you just use an appropriate stylesheet rule with the 
> media-attribute set to "aural, embossed, braille" to fix this, e.g.
> 
> 
> 
> 
> 
> 
> only the website.css-file would then contain: .hidden { display: none }
> the aural.css-file would revert this by setting .hidden { display: 
> block; /* or inline */}

Currently there aren't many user agents - if at all - that support the 
media type aural (Opera 9 has something if I remember correctly).

Screen readers usually work by plugging on top of a visual browser. The 
most common and safe trick to feed screen readers while hiding it on 
screen is the offleft technique:

.aural {
 position: absolute;
 left: -100em;
 overflow: hidden;
 width: 10em;
}


-- Klaus


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

[jQuery] Trouble with event position X/Y - anyone else?

[Tim McCormack]

I'm developing a little app that involves positioning a translucent
div near the cursor, and the numbers aren't adding up. I'm using the
Dimensions plugin and subtracting an element's offset from the event's
pageX/Y coordinates, and the X coordinate is consistently about 53
pixels off. Not coincidentally, the element is centered within a
larger element, and the distance between their (left) edges is 53
pixels. That parent element is floated right, if it makes a
difference.

(I'll try to create a stripped-down version for poking-at, but I don't
have time at the moment.)

Is there something I should know about calculating element offsets
with floats and centering? Has anybody else had problems with the
Dimensions plugin, or event coordinates?

 - Tim McCormack

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

Re: [jQuery] jQuery().hover() not working as intended in IE?

[Weaver, Scott]

Hi Jonathan,

 

In a nutshell, the drop down menu was positioned wy to the right.
What you can do is just rename the existing menu class from "ugsMenu" to
"jd_menu" and change the $(document).ready() to invoke the jdMenu plugin
as opposed to mine.  Hopefully, this should give you an idea of what I
encountered.  I used the base, jdMenu.css to test it.

 

Thanks for the help,

-scott

 



From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Jonathan Sharp
Sent: Wednesday, February 07, 2007 1:22 PM
To: jQuery Discussion.
Subject: Re: [jQuery] jQuery().hover() not working as intended in IE?

 

Hi Scott,

 

I've developed the jdMenu plugin and am working on an updated version of
it. What positioning problems were you running into? Do you have a demo
page somewhere?

 

Cheers,

-Jonathan

 

On 2/7/07, Weaver, Scott <[EMAIL PROTECTED]> wrote: 

Hello,

 

I am using the jQuery.hover() event binding to create drop down menus
from an unordered list.  I attempted to use the jdMenu plugin but the
positioning wasn't coming out right with the layout I am using (the
piefecta from http://www.positioniseverything.net/piefecta-rigid.html).
I decided it would be easier to "roll my own" than to dig through the
jdMenu code to figure out the issue.  

 

This was drop-dead simple to do using the .hover() event binding.  This
works wonderfully in FF.  Unfortunately, IE 6 has decided to be a
little...well you know how she is.  Mousing over the menu heading works
fine and the sub-menu appears underneath (as expected).  However, as I
move down, over the sub-menu, the sub-menu disappears (not supposed to
happen).  

 

I am attaching the source file (you may need to change the source path
location of jquery, I am using version 1.1.1).  Oh, ignore the content
of the page as it all pretty much a verbatim copy of piefecta layout ;-)


 

Thanks in advance,

-scott


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




 

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

[jQuery] Proxy servers and AJAX requests

[Andrew Graaff]

Hi everyone.  I am new to jquery and this list so please let me know if 
this is the wrong place to post this question.

I do the occasional web development and built a 
site(www.gautengfilmdirectory.org.za) using jquery for minor DOM 
manipulation, effects and AJAX requests.  The site works nicely, or so I 
think, but there is a problem with a user who connects to the internet 
through a proxy called WinProxy.  I use the $.post method to perform the 
AJAX request and based on the data returned I either update a DOM 
elements html to the returned data or set a message somewhere on the 
page.  WinProxy does not seem to allow the request through or the data 
back for some reason.  Has anyone else had this kind of problem before?

Any ideas would be appreciated.

Thanks.
Andrew

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

Re: [jQuery] jQuery().hover() not working as intended in IE?

[Jonathan Sharp]

Hi Scott,

I've developed the jdMenu plugin and am working on an updated version of it.
What positioning problems were you running into? Do you have a demo page
somewhere?

Cheers,
-Jonathan


On 2/7/07, Weaver, Scott <[EMAIL PROTECTED]> wrote:


 Hello,



I am using the jQuery.hover() event binding to create drop down menus from
an unordered list.  I attempted to use the jdMenu plugin but the positioning
wasn't coming out right with the layout I am using (the piefecta from
http://www.positioniseverything.net/piefecta-rigid.html).  I decided it
would be easier to "roll my own" than to dig through the jdMenu code to
figure out the issue.



This was drop-dead simple to do using the .hover() event binding.  This
works wonderfully in FF.  Unfortunately, IE 6 has decided to be a
little…well you know how she is.  Mousing over the menu heading works fine
and the sub-menu appears underneath (as expected).  However, as I move down,
over the sub-menu, the sub-menu disappears (not supposed to happen).



I am attaching the source file (you may need to change the source path
location of jquery, I am using version 1.1.1).  Oh, ignore the content of
the page as it all pretty much a verbatim copy of piefecta layout ;-)



Thanks in advance,

-scott

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



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

Re: [jQuery] Another jQuery Modal Slideshow

[ProjectAtomic]

Now I realize I am a jQuery noob and a keyboard events noob. Keyboard
navigation is the next big thing on my plate. On the loading spinner, it is
turned off by default (the aim is to make this a single file plug-in). I
didn't want to force my amateur attempts at animation on anyone. When
enabled, the loading spinner works at startup and between images (the
animals demo). Thanks for the input.


Andy Matthews-4 wrote:
> 
> I like it. The transitions are nice. Only comment I have is that you
> should
> have a loading spinner between transitions as your images are fairly large
> in file size. When I clicked on the first thumbnail I had to wait about 7
> or
> 8 seconds before the image loaded. At that point I wasn't sure if there
> was
> an error or something.
> 
> Good work. 
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Another-jQuery-Modal-Slideshow-tf3187520.html#a8851103
Sent from the JQuery mailing list archive at Nabble.com.


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

[jQuery] jQuery().hover() not working as intended in IE?

[Weaver, Scott]

Hello,

 

I am using the jQuery.hover() event binding to create drop down menus
from an unordered list.  I attempted to use the jdMenu plugin but the
positioning wasn't coming out right with the layout I am using (the
piefecta from http://www.positioniseverything.net/piefecta-rigid.html).
I decided it would be easier to "roll my own" than to dig through the
jdMenu code to figure out the issue.  

 

This was drop-dead simple to do using the .hover() event binding.  This
works wonderfully in FF.  Unfortunately, IE 6 has decided to be a
little...well you know how she is.  Mousing over the menu heading works
fine and the sub-menu appears underneath (as expected).  However, as I
move down, over the sub-menu, the sub-menu disappears (not supposed to
happen).  

 

I am attaching the source file (you may need to change the source path
location of jquery, I am using version 1.1.1).  Oh, ignore the content
of the page as it all pretty much a verbatim copy of piefecta layout ;-)

 

Thanks in advance,

-scott

Title: Menu test page








  Home
  
  




  Heading 1
   
link 1   
link 2  
link 3
link 4
link 5
  
   


  Heading 2
   
link 1   
link 2  
link 3
link 4
link 5
  



  Heading 3
   
link 1   
link 2  
link 3
link 4
link 5
  



  Heading 4
   
link 1   
link 2  
link 3
link 4
link 5
  



  Heading 5
   
link 1   
link 2  
link 3
link 4
link 5
  

  
  
  
  
 





  

First in source

  
 
 

 


Second in source


Here is a left float test box.



This column is floated and also negatively margined to the left, so it is "pulled" out of its
container except for a single pixel that is kept within the container.



Italics can be justified as long as the paragraph gets the proper IE bug fixing, as described in the center col. 
This rigid layout makes such pixel control easy.



Here is a right float test box.



Tweaking the cols can be very confusing due the interlocked nature of the layout, but colored backgrounds 
on all divs can greatly help this process. Using borders to mark the divs will make them wider and cause float dropping.



Long left col demo



  







Third in source


Here is a right float test box.



This column is floated, and then negatively margined to the right, pulling it nearly outside its container just like the left column.



Italics can be justified as long as the paragraph gets the proper IE bug fixing, as described in the center col. 
This rigid layout makes such pixel control easy.



The source contains a great deal of commentary on the code used in this layout. It's not for the squeamish, but 
even semi-skilled CSS coders will be able to wrangle this design to meet most site requirements.



Here is a left float test box.



This layout is known to work in: IE5/Win and up, Opera 6-7, Mozilla for both Win and Mac, IE/Mac, Safari, and Omniweb 5.



Long right col demo



 
 
  
 



Ribbet!



Here is an "absolute" box, which stays at the col bottom.






AP again. The side cols have bottom padding to avoid these boxes.




 



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

Re: [jQuery] jqModal updated -- dialog customization galore

[Sam Collett]

On 07/02/07, Brice Burgess <[EMAIL PROTECTED]> wrote:
> > - True Model sample doesn't allow you to use the tab key to move to
> > the close button (it only tabs to Yes, No and the element that
> > triggered the dialog).
> >
> Great point. In my example dialog window the close button is actually a
> div with a background image.. not a button with a tab-index. I wonder if
> setting a tab-index on this div would allow tabbing into it -- or if I
> should just change it to a button?
>
> Thanks,
>
>   ~ Brice

I think  may be best for that.

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

[jQuery] searching ajax results for preloading images

[Vaska]

How do I access the results of an ajax query?

What I'm trying to do is search the results, preload any images found  
in the results, and only after that display to the page.

Certainly, the query is fine...returns the results ot the page...but  
I'm not sure hwo Jquery goes from there...


// the query call has been done and we have results = html
function(html)
{
// preloading images...or the want of doing so
// the css tree is correct...it should work
// it would also not perform preload when images didn't exist
$('.thumbwrap li a img').each(function()
{
$(this) = new Image();
$(this).attr('src') = image;
});

// back to the page 
$('div#ajaxhold').html(html);
});

I've been unable to get further than this. ;(

thanks

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

Re: [jQuery] jqModal updated -- dialog customization galore

[Brice Burgess]

Sam, Thanks for your suggestions -- my comments are inline;

Sam Collett wrote:
> - Preload the images used by the styled dialog
>   
I *believe* they are .. unless browsers don't cache/load images 
contained in a hidden element. Have you seen the CSS tab of example 2? 
Most of the images are background images.

> - Maybe use Yahoo's Skinning method
> (http://developer.yahoo.com/yui/examples/container/skin/1.html - i.e.
> use the same class names and structure). That way, this could be a
> drop in replacement without developers needing to change their markup.
>   
This makes sense for a dialog -- and I intend to keep my markup/CSS for 
that. The styling tends to have a unifrom naming scheme. As you may/may 
not have gathered -- styling + markup is SEPERATE from the plugin.
> - True Model sample doesn't allow you to use the tab key to move to
> the close button (it only tabs to Yes, No and the element that
> triggered the dialog).
>   
Great point. In my example dialog window the close button is actually a 
div with a background image.. not a button with a tab-index. I wonder if 
setting a tab-index on this div would allow tabbing into it -- or if I 
should just change it to a button?

Thanks,

  ~ Brice

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

Re: [jQuery] jQuery guru wanted for small contract, good $

[Marc Jansen]

Theo Welch schrieb:
>
>
> And if you hide "skipnav" links from view, make sure to hide them 
> using something like this:
>
> .hidden { display:block; width:0; height:0; overflow:hidden; } 
>
> ...not like this:
>
> .hidden { display:none } /* most screen readers will ignore this 
> content altogether */

Couldn't you just use an appropriate stylesheet rule with the 
media-attribute set to "aural, embossed, braille" to fix this, e.g.






only the website.css-file would then contain: .hidden { display: none }
the aural.css-file would revert this by setting .hidden { display: 
block; /* or inline */}

-- Marc

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

Re: [jQuery] carousel blocks adjacent links

[Mark Hurty]

Jan Sorgalla wrote:
> 
> Yea, works fine in all my browsers (FF, IE, Opera). I don't have Safari at
> the moment to test it. Did you tried so set overflow: hidden to
> .jcarousel-scope as well?
> 

I did try setting overflow: hidden on .jcarousel-scope, and that didn't
work. I also notice that the problem in safari is actually worse than I
orginally noticed. Not only are the links in the right column blocked, now
that I have links on the images in the carousel, when I hover over the link
in the adjacent column the cursor changes to a finger pointer indicating
there's a link, but the link that is active when clicked is the link on the
image in the carousel which has not yet scrolled into the viewable area, not
the link to the visible item over which the mouse is hovering.  

-- 
View this message in context: 
http://www.nabble.com/carousel-blocks-adjacent-links-tf3188077.html#a8850179
Sent from the jCarousel mailing list archive at Nabble.com.


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

Re: [jQuery] Sending form to php to send mai

[Gaston Garcia]

Thanks Mike and thanks Klaus,

I'll start looking into fixing the code right now. And I'll let you  
know how it all works out.

Thanks again.

Gastón

On Feb 7, 2007, at 9:53 AM, Klaus Hartl wrote:

> Gaston Garcia schrieb:
>> Hello, I've been trying to submit a Form to a php file to send an  
>> email.
>> I've already tested the script without jquery, to make sure the php
>> works ok.
>>
>> I haven't been able from the examples to know how to do it. This  
>> is the
>> last I tried:
>>
>> *This is what I have in my script tag in the head:*
>>
>> $(document).ready(function(){
>> $("input#submit").click(function(){
>> var params = $("[EMAIL PROTECTED]").serialize();   /*I try to get all
>> the input fields here into value pairs*/
>> $("div#msg").ajax({
>> type:"POST";
>> url:"sendmails.php";
>> data:params;
>> success:function(msg){
>> alert("sent ok! "+ msg);
>> }
>> });
>> });
>> });
>
> Gaston, you are attaching the wrong event. Instead of using the click
> event for the submit button, you have to use the submit event of the
> form - remember that you can always submit a form without clicking but
> by hitting enter. You also have to append a "return false" at the  
> end to
> stop the form from submitting...:
>
> $(function() {
>  $("#videos").submit(function() {
>  var params = $('[EMAIL PROTECTED]"text"]', this).serialize();
>  $.ajax({
>  type:"POST",
>  url:"sendmails.php",
>  data: params,
>  success: function(msg) {
>  alert("sent ok! "+ msg);
>  }
>  });
>  });
> });
>
> You were also using ";" instead of "," in your options object literal
> for the $.ajax function - and you were using this incorrectly as
> $('#msg').ajax(...)
>
> That should have given you a few JavaScript errors on the console. I
> highly recommend using FireBug or at least the browser's JavaScript
> console if you want to do some serious JavaScript developing.
>
> If you want to update an element with the response, use the success
> handler for this:
>
> success: function(msg) {
>  $('#msg').html(msg);
> }
>
> This is a great example to use the form plugin and make it totally
> unobtrusive. You would first build your form in a way that it works
> without JavaScript (you have to do that anyway, because in the end it
> doesn't matter which type of request your GET/POST variables come  
> from)
> and as soon as this works you can just plug in some Ajax magic:
>
> $('#videos').ajaxForm();
>
> The form should look like
>
> 
> ...
> 
>
> for this.
>
>
> Cheers, Klaus
>
>
>
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/


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

Re: [jQuery] Form validation

[John Keyes]

That's cool, I had written some code (though not as a plugin)
to do form validation.  This looks like it'll may do the job though.
I'll replace my code with this plugin and test it out.

-John K

On 2/6/07, Giuliano Marcangelo <[EMAIL PROTECTED]> wrote:
> Alexandre,
>
> take a look at what Jorn cooked up some while back
>
> http://fuzz.bassistance.de/jQueryFormValidation/validateTest.html
>
>
>
> On 06/02/07, Alexandre Plennevaux <[EMAIL PROTECTED]> wrote:
> >
> >
> >
> > hello,
> >
> > i used to use this very nice library for form validation, back in those
> days when i was using prototype:
> http://tetlaw.id.au/view/javascript/really-easy-field-validation
> >
> > I would like to know if there is anything similar available for jquery?
> >
> > Basically, you only need to add a specific class so that the corresponding
> validation is performed, and if faulty, it uses the title attribute value as
> error message.
> >
> > For instance, you can choose between these built-in classes (or develop
> additional validation rules)
> >
> >
> > required (not blank)
> > validate-number (a valid number)
> > validate-digits (digits only)
> > validate-alpha (letters only)
> > validate-alphanum (only letters and numbers)
> > validate-date (a valid date value)
> > validate-email (a valid email address)
> > validate-url (a valid URL)
> > validate-date-au (a date formatted as; dd/mm/)
> > validate-currency-dollar (a valid dollar value)
> > validate-selection (first option e.g. 'Select one...' is not selected
> option)
> > validate-one-required (At least one textbox/radio element must be selected
> in a group
> >
> >
> > Among the options, it allows to validate onblur or on submit.
> > The demo is here:
> http://tetlaw.id.au/upload/dev/validation/index.html
> >
> > I saw a few form plugins in the plugin section, but they are in alpha
> stages , so i would like to know what you would advise out of your own
> personal experience.
> >
> > Thank you,
> >
> > Alexandre
> >
> >
> >
> > Alexandre Plennevaux - LAb[au] asbl.vzw / MediaRuimte
> > Lakensestraat/Rue de Laeken 104
> > B-1000 Brussel-Bruxelles-Brussels
> > Belgie-Belgique-Belgium
> >
> > Tel:+32(0)2.219.65.55
> > Fax:+32(0)2.426.69.86
> > Mobile:+32(0)476.23.21.42
> > http://www.lab-au.com
> > http://www.mediaruimte.be
> >
> >
> __
> >
> > The information in this e-mail is intended only for the addressee named
> above.  If you are not that addressee, please note that any disclosure,
> distribution or copying of this e-mail is prohibited.
> > Because e-mail can be electronically altered, the integrity of this
> communication cannot be guaranteed.
> >
> >
> __
> >
> >
> >
> > --
> > Ce message Envoi est certifié sans virus connu.
> > Analyse effectuée par AVG.
> > Version: 7.5.441 / Base de données virus: 268.17.27/671 - Date: 5/02/2007
> 16:48
> >
> > ___
> > jQuery mailing list
> > discuss@jquery.com
> > http://jquery.com/discuss/
> >
> >
>
>
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
>
>


-- 
me: http://www.keyes.ie/johnnyk
job: http://www.putplace.com

charities: http://www.oxfam.ie | http://www.bothar.org | http://www.ipcc.ie

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

Re: [jQuery] carousel blocks adjacent links

[Jan Sorgalla]

Mark Hurty wrote:
> 
> http://staging.stpaul-qc.org/ 
> 
> Now that I take a look at this in firefox, I note that the original
> problem may be unique to Safari. Firefox seems to render the links in the
> right column as clickable.
> 
Yea, works fine in all my browsers (FF, IE, Opera). I don't have Safari at
the moment to test it. Did you tried so set overflow: hidden to
.jcarousel-scope as well?

.jcarousel-scope {
overflow: hidden;
position: relative;
width: 530px;
height: 169px;
background: #fff;
margin-left: 11px;
}
-- 
View this message in context: 
http://www.nabble.com/carousel-blocks-adjacent-links-tf3188077.html#a8850022
Sent from the jCarousel mailing list archive at Nabble.com.


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

Re: [jQuery] Pending Release: jAssistant, a pop-out, tabbed, dialog window for jQuery

[Lquid]

Ill llook into that...
Thanks for the report.
-Lquid

limodou wrote:
> 
> On 2/7/07, Lquid <[EMAIL PROTECTED]> wrote:
>>
>> Its not taking into account the ammount of scroll.
>> Thats what is holding up the next release.
>> It should be out today.
>> -Lquid
>>
> It seems that jAssistant cann't support textarea, when I put it in one
> div, the pop up window will display nothing at all.
> 
> -- 
> I like python!
> UliPad <>: http://wiki.woodpecker.org.cn/moin/UliPad
> My Blog: http://www.donews.net/limodou
> 
> ___
> jQuery mailing list
> discuss@jquery.com
> http://jquery.com/discuss/
> 
> 

-- 
View this message in context: 
http://www.nabble.com/Pending-Release%3A-jAssistant%2C-a-pop-out%2C-tabbed%2C-dialog-window-for-jQuery-tf3172610.html#a8849608
Sent from the JQuery mailing list archive at Nabble.com.


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

Re: [jQuery] carousel blocks adjacent links

[Mark Hurty]

Jan Sorgalla wrote:
> 
> could you post a link to an example page?
> 

http://staging.stpaul-qc.org/ 

Now that I take a look at this in firefox, I note that the original problem
may be unique to Safari. Firefox seems to render the links in the right
column as clickable.
-- 
View this message in context: 
http://www.nabble.com/carousel-blocks-adjacent-links-tf3188077.html#a8849609
Sent from the jCarousel mailing list archive at Nabble.com.


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

Re: [jQuery] Can I do JSON request with POST?

[Sam Collett]

On 07/02/07, TeeCee <[EMAIL PROTECTED]> wrote:
> Hi!
>
> I would like to know if I can do a JSON request with POST and not GET?
> According to the documentation of  $.getJSON( url, params, callback ):
> "Load JSON data using an HTTP GET request." so it is only GET.
> But I can do a $.post(), so I expect it to be available if not now, than
> maybe in the near future...?
>
> Thanks, BYE:
>TeeCee :o)


Try this (untested):

jQuery.extend({
postJSON: function( url, data, callback ) {
return jQuery.post(url, data, callback, "json");
}
});

then just call postJSON rather than getJSON.

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

Re: [jQuery] Can I do JSON request with POST?

[Klaus Hartl]

TeeCee schrieb:
> Hi!
> 
> I would like to know if I can do a JSON request with POST and not GET?
> According to the documentation of  $.getJSON( url, params, callback ): 
> "Load JSON data using an HTTP GET request." so it is only GET.
> But I can do a $.post(), so I expect it to be available if not now, than 
> maybe in the near future...?
> 
> Thanks, BYE:
>TeeCee :o)


You already can, but not with getJSON...:

$.ajax({
 url: 'json.php',
 type: 'POST',
 dataType: 'json',
 success: function(json) {
 alert(json);
 }
});


-- Klaus


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

Re: [jQuery] carousel blocks adjacent links

[Jan Sorgalla]

Hi,


Mark Hurty wrote:
> 
> I have a list of links in a column to the right of my carousel. Those
> links are not clickable until all the images in the carousel have scrolled
> to the left. The overflow for .jcarousel-list is set to 'hidden.'  It's
> like the hidden images are on top of the links in the adjacent column. I
> tried setting a z-index in the style for both #mycarousel and for the
> adjacent div, but that did not work. 
> 

could you post a link to an example page?

Jan


-- 
View this message in context: 
http://www.nabble.com/carousel-blocks-adjacent-links-tf3188077.html#a8849271
Sent from the jCarousel mailing list archive at Nabble.com.


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