[jQuery] Re: jQuery timing out on page load

2008-11-27 Thread harryhobbes

The path is right and I'm using the packed version. There may be js on
the page, but nothing is using jquery because I haven't enabled the
page to use it yet. Basically I have a site that i'm incrementally
adding jquery so that every page has a degree of degradation to it.

On Nov 28, 1:30 am, Liam Potter <[EMAIL PROTECTED]> wrote:
> I'm guessing the path is wrong, are you using absolute paths or relative?
>
> ricardobeat wrote:
> > It shouldn't timeout if you're not running any functions, are you
> > using the packed version? Are you sure you don't have any javascript
> > code on these pages?
>
> > On Nov 11, 3:01 am, harryhobbes <[EMAIL PROTECTED]> wrote:
>
> >> Hi,
>
> >> I've got jQuery loading by default on my site. The library is only
> >> used on some pages in my site, however when I load a page that isn't
> >> using jquery (but still loading the file in the html header) Firefox
> >> pops up with a warning that jquery is timing out.
>
> >> Any suggestions?
>
> >> Cheers


[jQuery] Strange behaviour with sortable()

2008-11-27 Thread René

(Disclaimer: Sorry for posting code -- It's as terse as I can make
it.)

I'm trying to enable sorting between tables -- drag a row within a
table to change its order, or drag a row to another table and it will
"snap" into place. In each case, after you drag-and-drop the row, the
table calls an update function. Now, if I set up the .sortable() for
each table manually, sorting works fine. Each table callsback to its
update function and reflects the current rows. E.g.,:



Table 1


The
quick
brown
fox



Table 2


The
quick
brown
fox





http://ajax.googleapis.com/ajax/
libs/jquery/1.2.6/jquery.min.js">
http://ajax.googleapis.com/ajax/
libs/jqueryui/1.5.2/jquery-ui.min.js">


connectable = ["#rows2","#rows1"];

$(document).ready(function() {

$('#rows1').sortable({
connectWith: [connectable.join(",")],
update: function(e, ui) {
$(this).sortable("refresh");
items = $(this).sortable("toArray");
var sort_order = items.join(',');
$('#results').append(sort_order + "\n");
},
});

$('#rows2').sortable({
connectWith: [connectable.join(",")],
update: function(e, ui) {
$(this).sortable("refresh");
items = $(this).sortable("toArray");
var sort_order = items.join(',');
$('#results').append(sort_order + "\n");
},
});
});




---
But if I put the .sortable() bits inside a function (there's a reason
I want to do this), it doesn't work right. Whether I drag a row in the
first or second table, the update function only reflects the sort
order of the first table.  I can't figure out why. E.g.:
-

Table 1


The
quick
brown
fox





Table 2


The
quick
brown
fox





http://ajax.googleapis.com/ajax/
libs/jquery/1.2.6/jquery.min.js">
http://ajax.googleapis.com/ajax/
libs/jqueryui/1.5.2/jquery-ui.min.js">


connectable = ["#rows2","#rows1"];

$(document).ready(function() {


$('#make').click(function(){

for (t in connectable) {
$(connectable[t]).sortable({
connectWith: [connectable.join(",")],
update: function(e, ui) {
console.log(connectable[t]);
$(connectable[t]).sortable("refresh");
items = $(connectable[t]).sortable("toArray");
var sort_order = items.join(',');
$('#results').append(sort_order + "\n");
}
});
}
});

});






[jQuery] Combining Selectables and Draggables

2008-11-27 Thread coughlinsmyalias

I wrote up an article doing my best to explain how to use both
selecable and draggable UI elements to work together to select a group
and to drag them. I Richard. Worth helped me about a year ago to try
to figure it out, but it was kind of buggy, then I asked him if he
found a solution, so I decided to write an article about it and share
it since I know I am not that only one who wants to know how to do
this.

Link: 
http://www.ryancoughlin.com/2008/11/23/combining-selectables-and-draggables-using-jquery-ui/

Thank you,

Ryan


[jQuery] Re: Auto Save After Every Field Change?

2008-11-27 Thread brian
I agree with Don. If this was, say, an administrative page, sure (maybe).
But, if it's anything the general public will be using, no way.

As for traffic, I guess it depends on the info that the form will be
transmitting. If there aren't any textareas or file uploads, it's unlikely
to amount to even a small portion of a single page download. Though upstream
bandwidth is usually much lower than downstream, I don't think it's worth
considering. The other thing, though, is your application will be opening
many more DB connections.

But, for the use you describe, I say don't bother. Do all your calculations
when the user has *decidedly* submitted the data, not while she/he is
working on it. If you're concerned about latency, throw up an animation or
something on form submit.

b

On Thu, Nov 27, 2008 at 11:10 PM, hanther <[EMAIL PROTECTED]> wrote:

>
> This is an insurance quoting application, and we do allow partial
> saving of the data, but a complete 'submit' is not allowed until all
> edits have passed and required information has been entered.  Our goal
> is to provide instant premium updates and realtime edit checking based
> on the information entered, so we are already using ajax to save some
> things (deductibles, coverages and limits based on radio buttons) to
> the database and doing a premium calculation and also returning edit
> messages, but my concern is with the rest of the info - policy holder
> details, loss payees, and a few other things, some of which can also
> affect the premiums.  For consistency it seems to me that it all
> should save immediately but you're right in that it adds complication
> and also increases the chance of a failure...
>
>
>
> On Nov 27, 6:33 pm, donb <[EMAIL PROTECTED]> wrote:
> > Well, I wouldn't do it. I would not want to commit the data entry
> > until it is all input - all none, atomicity is goodness.  Countless
> > times I have started filling out some form myself - realized I didn't
> > want to go through with it for some reason or other and bailed out.
> > If perchance one of the early values was my social security number,
> > it's not so cool that it has already gone to the server even though I
> > believe I've cancelled my form.
> >
> > There may well be validation issues that can't be resolved with only
> > part of the form posted, too.
> >
> > The network/timeout issues are only magnified - 50 chances to fail vs
> > one.  Save the values in a cookie if need be, so they don't get lost
> > if there's a failure.
> >
> > Better still, use an Ajax post technique to send the data.  Trap any
> > error from that and deal with it.  Your form full of data will not
> > have gone away, so you can recover easily from the error, perhaps
> > completely unbeknownst to the user you could retry or resubmit to a
> > backup server if the primary has gone dead.
> >
> > Don
> >
> > On Nov 27, 7:01 pm, hanther <[EMAIL PROTECTED]> wrote:
> >
> >
> >
> > > I'm thinking about adding the functionality to auto save the user's
> > > data using ajax calls after each time he leaves a field and has
> > > changed the data in it, but my concern is about the amount of traffic
> > > and calls this will generate between the browser and the web server.
> > > Should I be concerned about this type thing of this in this day and
> > > age?
> >
> > > Overall, there aren't many fields - less than 50, but I can end up
> > > with multiple rows of data within it, ex a list of names with their
> > > related address, street, province/state, etc
> >
> > > Besides the obvious point of the user never losing any of his data due
> > > to session timeout or network issues, another reason for me wanting to
> > > do this is because the data entered in certain fields can affect other
> > > fields, and generate errors and warnings that the user must address,
> > > so I'm thinking this would be a nice way of 'instant notification' of
> > > issues with the data
> >
> > > Anybody have any thoughts?
> >
> > > Thanks,
> > > Cory- Hide quoted text -
> >
> > - Show quoted text -


[jQuery] Re: Draggable() doesn't work with table rows?

2008-11-27 Thread René

Actually, sortable() lets you drag rows between tables, so I don't
think it's impossible.

On Nov 27, 4:34 pm, seasoup <[EMAIL PROTECTED]> wrote:
> I don't think you can drag table rows... it would remove them from the
> table...
>
> On Nov 27, 3:11 pm, René <[EMAIL PROTECTED]> wrote:
>
> > I can drag and sort lists.
> > I can sort tables.
> > I can drag entire tables.
>
> > But I can't drag individual table rows. Anyone know how to do it?
> > Here's some sandbox code:
>
> > 
> > The
> > slow
> > green
> > turtle
> > 
>
> > 
> > 
> > The
> > quick
> > brown
> > fox
> > 
> > 
>
> > http://ajax.googleapis.com/ajax/
> > libs/jquery/1.2.6/jquery.min.js">
> > http://ajax.googleapis.com/ajax/
> > libs/jqueryui/1.5.2/jquery-ui.min.js">
> > 
>
> > $(document).ready(function() {
> >         $('.drag1').draggable();                // WORKS
> > //      $('#list').sortable();                  // WORKS
> > //      $('#rows').sortable();                  // WORKS
> > //      $('#table').draggable();                // WORKS
> > //      $('#rows').draggable();                 // DOESN'T WORK  -- ?
> >         $('.drag2').draggable();                // DOESN'T WORK  -- ?
> > //      $('#a_1').draggable();                  // DOESN'T WORK  -- ?
> >         });
>
> > 


[jQuery] Re: Auto Save After Every Field Change?

2008-11-27 Thread hanther

This is an insurance quoting application, and we do allow partial
saving of the data, but a complete 'submit' is not allowed until all
edits have passed and required information has been entered.  Our goal
is to provide instant premium updates and realtime edit checking based
on the information entered, so we are already using ajax to save some
things (deductibles, coverages and limits based on radio buttons) to
the database and doing a premium calculation and also returning edit
messages, but my concern is with the rest of the info - policy holder
details, loss payees, and a few other things, some of which can also
affect the premiums.  For consistency it seems to me that it all
should save immediately but you're right in that it adds complication
and also increases the chance of a failure...



On Nov 27, 6:33 pm, donb <[EMAIL PROTECTED]> wrote:
> Well, I wouldn't do it. I would not want to commit the data entry
> until it is all input - all none, atomicity is goodness.  Countless
> times I have started filling out some form myself - realized I didn't
> want to go through with it for some reason or other and bailed out.
> If perchance one of the early values was my social security number,
> it's not so cool that it has already gone to the server even though I
> believe I've cancelled my form.
>
> There may well be validation issues that can't be resolved with only
> part of the form posted, too.
>
> The network/timeout issues are only magnified - 50 chances to fail vs
> one.  Save the values in a cookie if need be, so they don't get lost
> if there's a failure.
>
> Better still, use an Ajax post technique to send the data.  Trap any
> error from that and deal with it.  Your form full of data will not
> have gone away, so you can recover easily from the error, perhaps
> completely unbeknownst to the user you could retry or resubmit to a
> backup server if the primary has gone dead.
>
> Don
>
> On Nov 27, 7:01 pm, hanther <[EMAIL PROTECTED]> wrote:
>
>
>
> > I'm thinking about adding the functionality to auto save the user's
> > data using ajax calls after each time he leaves a field and has
> > changed the data in it, but my concern is about the amount of traffic
> > and calls this will generate between the browser and the web server.
> > Should I be concerned about this type thing of this in this day and
> > age?
>
> > Overall, there aren't many fields - less than 50, but I can end up
> > with multiple rows of data within it, ex a list of names with their
> > related address, street, province/state, etc
>
> > Besides the obvious point of the user never losing any of his data due
> > to session timeout or network issues, another reason for me wanting to
> > do this is because the data entered in certain fields can affect other
> > fields, and generate errors and warnings that the user must address,
> > so I'm thinking this would be a nice way of 'instant notification' of
> > issues with the data
>
> > Anybody have any thoughts?
>
> > Thanks,
> > Cory- Hide quoted text -
>
> - Show quoted text -


[jQuery] Re: ajax post variable error in safari/chrome

2008-11-27 Thread pedalpete

figured this one out a while ago, but forgot to update it (though it
took forever to debug too). Turns out it wasn't really webkit (though
the other websites didn't have a problem), but spaces in the text were
being represented by /\W\g, and only webkit did not strip this out
when posting the data. Other browsers did strip it out.

On Nov 27, 3:20 pm, rodrigopolo <[EMAIL PROTECTED]> wrote:
> WebKit sucks parsing Dynamic XML, I had this problem and I found it was
> because Gzip...
>
> The SOLUTION in PHP, add the fallowing code in your PHP code:
>
> header('Content-Type: application/xml');
> ob_start('ob_gzhandler');
>
> another problem reasons could be that your dynamic XML is not a real XML, my
> advice for tests:
>
> Use Firefox and Firebug
> save your dynamic XML in the same dir where is your dyamic one
> open both, the dynamic and the saved on firefox
> check if the headers look the same
>
> good luck.
>
>
>
> pedalpete-2 wrote:
>
> > I know this is kinda weird, and I can't seem to find where the issue
> > is.
>
> > i've been working on a tag cloud for my site hearwhere.com and
> > everything works from FF/IE, but safari and chrome won't let me pass a
> > multi-word variable into my query.
>
> > You can test it out athttp://zifimusic.com/v3
>
> > The single word genres from the tag cloud work no problem, but the
> > multi-words (like 'folk rock') always return 0 results in Safari/
> > Chrome but return a number of results in FF/IE.
>
> > I've output the query and copied it from source, and it runs fine, so
> > I don't understand how Chrome & Safari could be causing this issue,
> > but everything seems to be going in correctly.
>
> > I've left an 'alert' on the passed genre so I can see what is being
> > passed, and it all looks good to me.
>
> > ANY ideas on this?
> > Super strange (i think).
>
> --
> View this message in 
> context:http://www.nabble.com/ajax-post-variable-error-in-safari-chrome-tp198...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.


[jQuery] Re: Auto Save After Every Field Change?

2008-11-27 Thread donb

Well, I wouldn't do it. I would not want to commit the data entry
until it is all input - all none, atomicity is goodness.  Countless
times I have started filling out some form myself - realized I didn't
want to go through with it for some reason or other and bailed out.
If perchance one of the early values was my social security number,
it's not so cool that it has already gone to the server even though I
believe I've cancelled my form.

There may well be validation issues that can't be resolved with only
part of the form posted, too.

The network/timeout issues are only magnified - 50 chances to fail vs
one.  Save the values in a cookie if need be, so they don't get lost
if there's a failure.

Better still, use an Ajax post technique to send the data.  Trap any
error from that and deal with it.  Your form full of data will not
have gone away, so you can recover easily from the error, perhaps
completely unbeknownst to the user you could retry or resubmit to a
backup server if the primary has gone dead.

Don

On Nov 27, 7:01 pm, hanther <[EMAIL PROTECTED]> wrote:
> I'm thinking about adding the functionality to auto save the user's
> data using ajax calls after each time he leaves a field and has
> changed the data in it, but my concern is about the amount of traffic
> and calls this will generate between the browser and the web server.
> Should I be concerned about this type thing of this in this day and
> age?
>
> Overall, there aren't many fields - less than 50, but I can end up
> with multiple rows of data within it, ex a list of names with their
> related address, street, province/state, etc
>
> Besides the obvious point of the user never losing any of his data due
> to session timeout or network issues, another reason for me wanting to
> do this is because the data entered in certain fields can affect other
> fields, and generate errors and warnings that the user must address,
> so I'm thinking this would be a nice way of 'instant notification' of
> issues with the data
>
> Anybody have any thoughts?
>
> Thanks,
> Cory


[jQuery] Re: animate problem with IE7

2008-11-27 Thread Jeffrey Kretz

Well, have you thought of using fixed pixel positions, rather than
percentages?

When you click prev or next, use the offset() function to grab the exact
position, then animate += 245px (or whatever).

It's less convenient, but it may be more successful.

JK

-Original Message-
From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
Behalf Of ^AndreA^
Sent: Thursday, November 27, 2008 2:49 AM
To: jQuery (English)
Subject: [jQuery] Re: animate problem with IE7


The answer for the ticket is:

"That's a matter of css. Different browser have different whims when
it comes to scrolling. Try adding height and width to the containing
UL. "

I tried adding width and height to the  but nothing changes...
to the div wrapping the  but again, nothing is changed.
The  elements are already fixed... :-|

Any other idea?!?

On Nov 25, 11:42 pm, "^AndreA^" <[EMAIL PROTECTED]> wrote:
> Ticket opened...http://dev.jquery.com/ticket/3650
>
> bye,
> Andrea
>
> On Nov 24, 11:35 pm, "^AndreA^" <[EMAIL PROTECTED]> wrote:
>
> > Yesterday I tried to open a ticket but the server
(onhttp://dev.jquery.com/)
> > was not responding as it should so I posted a thread also in the
> > jQuery development google group.
>
> >http://groups.google.com/group/jquery-dev/browse_thread/thread/945f3c...
>
> > Nobody has replied so far...
>
> > I wait a couple of days to see if somebody knows something about it
> > and then I'll report it.
>
> > BTW, Jeffrey, thank you very much for your time!!!
>
> > Andrea
>
> > On Nov 24, 6:20 pm, "Jeffrey Kretz" <[EMAIL PROTECTED]> wrote:
>
> > > Regardless, it is possible that the actual bug may be in the core
animate
> > > function as regards to animating relative percentages.
>
> > > Don't forget to open a ticket on it (dev.jquery.com)
>
> > > JK
>
> > > -Original Message-
> > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED]
On
>
> > > Behalf Of ^AndreA^
> > > Sent: Monday, November 24, 2008 3:06 AM
> > > To: jQuery (English)
> > > Subject: [jQuery] Re: animate problem with IE7
>
> > > jQuery cycle plugin is very nice but I have had bad experiences with
> > > plugins...
>
> > > Usually they do a lot of things but not exactly what I need, therefore
> > > I have to start tweaking them and 'often' it would take less time
> > > doing it from scratch...
>
> > > often... ;-)
>
> > > On Nov 24, 12:09 am, Anyulled <[EMAIL PROTECTED]> wrote:
> > > > why don´t you use Jquery Cycle plugin?
>
> > > > On Nov 22, 10:17 pm, "Jeffrey Kretz" <[EMAIL PROTECTED]> wrote:
>
> > > > > I'm not an expert in the animation sytem -- you should open a
ticket
> > > > > (dev.jquery.com) and get some others to take a look at it.
>
> > > > > When I stepped through the code, I found a potential problem here,
line
> > > 3043
> > > > > of jquery.js
>
> > > > > // We need to compute starting value
> > > > > if ( unit != "px" ) {
> > > > >         self.style[ name ] = (end || 1) + unit;
> > > > >         start = ((end || 1) / e.cur(true)) * start;
> > > > >         self.style[ name ] = start + unit;
>
> > > > > }
>
> > > > > The div in question has a starting position of: left:-50%;
>
> > > > > The value of "end" is 50, unit is "%".
>
> > > > > All of the other divs that had a positive percentage were handled
> > > correctly.
>
> > > > > While processing this div the starting position was somehow
altered to
> > > -4%,
> > > > > leaving the ending position at 46% (-4 + 50).
>
> > > > > I'm not that familiar with the animation plumbing, so I'm not sure
why
> > > this
> > > > > is occurring.
>
> > > > > JK
>
> > > > > -Original Message-
> > > > > From: jquery-en@googlegroups.com
[mailto:[EMAIL PROTECTED] On
> > > > > Behalf Of ^AndreA^
> > > > > Sent: Saturday, November 22, 2008 4:26 PM
> > > > > To: jQuery (English)
> > > > > Subject: [jQuery] Re: animate problem with IE7
>
> > > > > Hi Jeffrey, thanks.
>
> > > > > I deleted the "float: left;", i didn't know was useless with
> > > > > position:absolute;
>
> > > > > Anyway, I noted the strange behaviour of the  elements too.
>
> > > > > I uploaded jQuery unpacked... if you still want to have a look...
;-)
>
> > > > > BTW, there could be something wrong with animate('left','+=50%');
but
> > > > > that would mean a bug... :-|
>
> > > > > Thanks,
> > > > > Andrea
>
> > > > > On Nov 22, 11:51 pm, "Jeffrey Kretz" <[EMAIL PROTECTED]>
wrote:
> > > > > > I watched the animation with the IE developer toolbar, and
noticed a
> > > > > couple
> > > > > > of oddities.
>
> > > > > > Firstly, the CSS for the divs are set to both position:absolute
and
> > > > > > float:left.  This is not the source of the problem (I overwrite
to
> > > > > > float:none and tried it), but float:left is unnecessary if with
> > > absolute
> > > > > > positioning.
>
> > > > > > Anyway, then I monitored the left: position as the animations
> > > happened.
>
> > > > > > While going to the right, everything went as usual.
>
> > > > > > Div#0    0% to -50%
> > > > > > Div#1   25% to -25%
> > > > > > 

[jQuery] Auto Save After Every Field Change?

2008-11-27 Thread hanther

I'm thinking about adding the functionality to auto save the user's
data using ajax calls after each time he leaves a field and has
changed the data in it, but my concern is about the amount of traffic
and calls this will generate between the browser and the web server.
Should I be concerned about this type thing of this in this day and
age?

Overall, there aren't many fields - less than 50, but I can end up
with multiple rows of data within it, ex a list of names with their
related address, street, province/state, etc


Besides the obvious point of the user never losing any of his data due
to session timeout or network issues, another reason for me wanting to
do this is because the data entered in certain fields can affect other
fields, and generate errors and warnings that the user must address,
so I'm thinking this would be a nice way of 'instant notification' of
issues with the data

Anybody have any thoughts?


Thanks,
Cory


[jQuery] Re: Draggable() doesn't work with table rows?

2008-11-27 Thread seasoup

I don't think you can drag table rows... it would remove them from the
table...


On Nov 27, 3:11 pm, René <[EMAIL PROTECTED]> wrote:
> I can drag and sort lists.
> I can sort tables.
> I can drag entire tables.
>
> But I can't drag individual table rows. Anyone know how to do it?
> Here's some sandbox code:
>
> 
> The
> slow
> green
> turtle
> 
>
> 
> 
> The
> quick
> brown
> fox
> 
> 
>
> http://ajax.googleapis.com/ajax/
> libs/jquery/1.2.6/jquery.min.js">
> http://ajax.googleapis.com/ajax/
> libs/jqueryui/1.5.2/jquery-ui.min.js">
> 
>
> $(document).ready(function() {
> $('.drag1').draggable();// WORKS
> //  $('#list').sortable();  // WORKS
> //  $('#rows').sortable();  // WORKS
> //  $('#table').draggable();// WORKS
> //  $('#rows').draggable(); // DOESN'T WORK  -- ?
> $('.drag2').draggable();// DOESN'T WORK  -- ?
> //  $('#a_1').draggable();  // DOESN'T WORK  -- ?
> });
>
> 


[jQuery] Re: ajax post variable error in safari/chrome

2008-11-27 Thread rodrigopolo


WebKit sucks parsing Dynamic XML, I had this problem and I found it was
because Gzip...

The SOLUTION in PHP, add the fallowing code in your PHP code:

header('Content-Type: application/xml');
ob_start('ob_gzhandler');

another problem reasons could be that your dynamic XML is not a real XML, my
advice for tests:

Use Firefox and Firebug
save your dynamic XML in the same dir where is your dyamic one
open both, the dynamic and the saved on firefox
check if the headers look the same

good luck.



pedalpete-2 wrote:
> 
> 
> I know this is kinda weird, and I can't seem to find where the issue
> is.
> 
> i've been working on a tag cloud for my site hearwhere.com and
> everything works from FF/IE, but safari and chrome won't let me pass a
> multi-word variable into my query.
> 
> You can test it out at http://zifimusic.com/v3
> 
> The single word genres from the tag cloud work no problem, but the
> multi-words (like 'folk rock') always return 0 results in Safari/
> Chrome but return a number of results in FF/IE.
> 
> I've output the query and copied it from source, and it runs fine, so
> I don't understand how Chrome & Safari could be causing this issue,
> but everything seems to be going in correctly.
> 
> I've left an 'alert' on the passed genre so I can see what is being
> passed, and it all looks good to me.
> 
> ANY ideas on this?
> Super strange (i think).
> 
> 

-- 
View this message in context: 
http://www.nabble.com/ajax-post-variable-error-in-safari-chrome-tp19803716s27240p20675959.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.



[jQuery] Draggable() doesn't work with table rows?

2008-11-27 Thread René

I can drag and sort lists.
I can sort tables.
I can drag entire tables.

But I can't drag individual table rows. Anyone know how to do it?
Here's some sandbox code:


The
slow
green
turtle




The
quick
brown
fox



http://ajax.googleapis.com/ajax/
libs/jquery/1.2.6/jquery.min.js">
http://ajax.googleapis.com/ajax/
libs/jqueryui/1.5.2/jquery-ui.min.js">


$(document).ready(function() {
$('.drag1').draggable();// WORKS
//  $('#list').sortable();  // WORKS
//  $('#rows').sortable();  // WORKS
//  $('#table').draggable();// WORKS
//  $('#rows').draggable(); // DOESN'T WORK  -- ?
$('.drag2').draggable();// DOESN'T WORK  -- ?
//  $('#a_1').draggable();  // DOESN'T WORK  -- ?
});




[jQuery] Re: Validation

2008-11-27 Thread seasoup

put  'return result' inside of the success method.  Everything outside
of the ajax call is done sequentially, so its returning before the
ajax call comes back.  Actually, you may need to put the ajax call
outside of validator.addmethod and call validator.addmethod inside of
the success.

On Nov 27, 8:29 am, Fledder <[EMAIL PROTECTED]> wrote:
> hi,
>
> I'm using the jQuery Validation plugin for a big project and I'm
> loving it. I am however getting desperate trying to solve a particular
> issue. I've hunted for a solution for days now and tried everything I
> could think of, but it seems I coded myself into a deadlock. I'm
> hoping you can have a quick look at my code, it's only a little bit :)
>
> I'm developing a user registration form with quite some advanced
> validation. So far it works just fine, apart from one thing: remotely
> checking if the username does not exist already. Here's my code:
>
> // extend the validation plugin to do remote username dupe checking
> jQuery.validator.addMethod('usernameCheck', function(username) {
> var postURL = "user/json_username_check/" +
> username + "/" + new Date().getTime();
> $.ajax({
> type: "POST",
> url: postURL,
> success: function(msg) {
> result = (msg=='TRUE') ? true : false;
> }
> });
> return result;
>
> }, '');
>
> The problem is that I cannot return the result of the Ajax call back
> to the Validator. The Ajax call itself works fine, I can see that
> using Firebug. I've been advised to not use this low level jQuery Ajax
> call, but to use the "remote" option of the validator plugin instead.
>
> However, the reason I'm not using the "remote" selector from the
> Validation plugin is that my backend (Code Igniter) does not accept
> params in the format ?name=value. It will block all those. Code
> Igniter expects this: /name/value. It is possible to tell Code Igniter
> to use query strings, but that will break my entire application.
> Therefore, I am forced to use the $.ajax call.
>
> In my research somewhere I found somebody saying that asynchronous
> calls inside an addmethod do not work. I figured explicitly setting
> the async = false in the Ajax request (not shown above) would help,
> but it doesn't. The Ajax request itself works fine but I have no way
> to return the result of it to the Validator plugin. With "remote" not
> being an option and "AddMethod" not working, I have no idea what to do
> next. I don't mean to sound lazy, but rewriting or hacking the plugin
> itself beats my purpose of reusing and saving time.
>
> I've been so productive in producing forms thanks to this plugin but
> spending so much time on this little part got me quite depressed. I
> hope you can give me some advise, I would be very grateful.
>
> Thanks!
>
> Ferdy


[jQuery] Re: Why keyCode into keyup event is disable

2008-11-27 Thread seasoup

Couple of things, 1) I highly suggest using json format to code
javascript.  Keeps things object oriented.  2) What are you attempting
to do with the ").attr("id"

var myObj = {
  initform : function() {
 // To find every input field into myform and attach mykeyupfct
  $("[EMAIL PROTECTED]'password']:visible,input
[EMAIL PROTECTED]'text']:visible").keyup(function()  {
mykeyupfct(this);
  });
}

to run:

myObj.initForm();


On Nov 27, 9:41 am, Soledad <[EMAIL PROTECTED]> wrote:
> I'm trying to use the folowing code
>
>  HTML botom of the page
>  -->
> initform()
>
> /***
> Javascript
> ***/
> function initform() {
> // To find every input field into myform and attach mykeyupfct
> $("[EMAIL PROTECTED]'password']:visible,input
> [EMAIL PROTECTED]'text']:visible").attr("id",function(){
> $(this).keyup(function()  {mykeyupfct(this);});
> })
>
> }
>
> function mykeyupfct(myfield) {
> var sid="#"+myfield.id
> var skey
> $(sid).keyup(function(e) {
> skey = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
> alert("never alert : " + skey);
>
> });
>
> alert("always alert but no skey for "+sid);
>
> }
>
> Im also tryinng :
> $(sid).bind('keyup', function(e) {skey=e.keyCode; alert(skey); })
> but it's the same problem
>
> Thank's a lot for your help
>
> A beginner jQuery
> Soledad


[jQuery] Re: How to pass loop increment to Jquery

2008-11-27 Thread seasoup

jQuery automatically iterates through jQuery collections for you:

$(function(){
$(".show").hover(function(){
$(".show_details").hide("slow");
},
function(){
$(".show_details").show("slow");
})

});

That code will iterate through all DOM objects with a class of 'show'
and hide/show all objects with a class of 'show_details'.  To get
fancy

Josh Powell

On Nov 27, 1:36 pm, Sai Krishna <[EMAIL PROTECTED]> wrote:
> I dont know where am I doing mistake here. Could somebody point out?
>
> $(document).ready(function(){
> $(".show").hover.each( function(){
> $(".show_details").hide("slow");
> },
> function(){
> $(".show_details").show("slow");
> })
>
> });
>
> On Nov 28, 1:10 am, Sai Krishna <[EMAIL PROTECTED]> wrote:
>
> > thank you Ill try that
>
> > On Nov 28, 12:36 am, ajpiano <[EMAIL PROTECTED]> wrote:
>
> > > you'd have to tweak that i kind of missed your structure slightly, but
> > > the idea is to just use a class and let jquery handle the iterating...
> > > --adam
>
> > > On Nov 27, 2:35 pm, ajpiano <[EMAIL PROTECTED]> wrote:
>
> > > > you can use jquery's .each() which is passed the loop index but to be
> > > > honest the best thing to do is to use a class and replace al that code
> > > > with
>
> > > > $(".show_details")
> > > > .hover(function() {
> > > > $(this).show("slow");},function() {
>
> > > > $(this).hide("slow");
>
> > > > });
>
> > > > --adam
>
> > > > On Nov 27, 2:20 pm, Sai Krishna <[EMAIL PROTECTED]> wrote:
>
> > > > > Hi,
> > > > > I've my PHP code generating  rows using certain loop conditons, And
> > > > > I'd like to show/hide a div overlay on mouseover and mouseout of a
> > > > > text link generated in each row respectively.  I wrote the following
> > > > > code. this seems to be show div overlay of last row. That is because I
> > > > > wrote the function in document.ready. I dont think Jquery lets us put
> > > > > javascript in HTML code, So how can I make my code work  in such a
> > > > > case?
>
> > > > > $(document).ready(function(){
> > > > > var i= $("#count").val();
> > > > > for(j=0;j > > > > var k = "#show_details"+j;
> > > > > var refer = "#show" +j;
> > > > > $(k).hide();
>
> > > > > $(refer).mouseover(function(){
> > > > > $(k).show("slow");
> > > > > });
> > > > > $(refer).mouseout(function(){
> > > > > $(k).hide("slow");
> > > > > });
> > > > > }
>
> > > > > });


[jQuery] Drop-down code broken

2008-11-27 Thread Dan Kieffer

Hello, I'm pretty new to jQuery and found a nice drop-down menu on the
web I'd like to use. However, the code for the drop-down effect
doesn't seem to work, and I believe it's because the jQuery library
they use is from 2006. Here is the old code:


  $(document).ready(function(){
$("#nav-one li").hover(
function(){ $("ul", this).fadeIn("fast"); },
function() { }
);
if (document.all) {
$("#nav-one li").hoverClass ("sfHover");
}
  });

$.fn.hoverClass = function(c) {
return this.each(function(){
$(this).hover(
function() { $(this).addClass(c);  },
function() { $(this).removeClass(c); }
);
});
};


Can anyone help me with this, or is it even needed? The menu seems to
come down by itself with the CSS, but I like the little face effect.
Here's where I got it from:

http://be.twixt.us/jquery/suckerFish.php

So basically all I want it to do is fade on the drop-down, just like
it does on that site, but I want it to work with the latest version of
jQuery. Can anyone help me? I'd really appreciate it. Thanks!


[jQuery] Jeditable, async value

2008-11-27 Thread Viktor

I'm using the fantastic Jeditable plugin, everything is great, but
there is one problem that I can't solve.

I submit the edited value to a function called setTitle
(successHandler, errorHandler, value)
which sends the data to the server
and if everything goes well (the server responses) it calls the
successHandler

If the server responses I wanna set the title to the new value
else
I'd like to use the old value

$(".title").editable(function(value, settings)
{
setTitle(function()
{
// return value
}, function()
{
  // return old_value
},
value);

 }, {
submit  : 'OK'
});


how can I solve it?

regards,
 Viktor


[jQuery] disable header breaks tablesort

2008-11-27 Thread meem


Hi, i have a table

col1 | col2 | col3
I don't want col2 to be sortable...

So I added
$("#tblusers").tablesorter({ 
headers: { 
1: { 
sorter: false 
} 
} 
}); 


Now, the column is not sortable as I wish, but it breaks the other 2
columns.
I can click on the other 2 columns only once each.  It sorts them correctly,
in descending order, but then won't let me sort ascending.  The only way
header1 will respond again is if i click column 3 (which again is locked on
descending)..

Can anybody help?

Thanks
-- 
View this message in context: 
http://www.nabble.com/disable-header-breaks-tablesort-tp20721037s27240p20721037.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.



[jQuery] Why keyCode into keyup event is disable

2008-11-27 Thread Soledad

I'm trying to use the folowing code


initform()

/***
Javascript
***/
function initform() {
// To find every input field into myform and attach mykeyupfct
$("[EMAIL PROTECTED]'password']:visible,input
[EMAIL PROTECTED]'text']:visible").attr("id",function(){
$(this).keyup(function()  {mykeyupfct(this);});
})


}

function mykeyupfct(myfield) {
var sid="#"+myfield.id
var skey
$(sid).keyup(function(e) {
skey = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
alert("never alert : " + skey);
});

alert("always alert but no skey for "+sid);

}

Im also tryinng :
$(sid).bind('keyup', function(e) {skey=e.keyCode; alert(skey); })
but it's the same problem

Thank's a lot for your help

A beginner jQuery
Soledad


[jQuery] Validation

2008-11-27 Thread Fledder

hi,

I'm using the jQuery Validation plugin for a big project and I'm
loving it. I am however getting desperate trying to solve a particular
issue. I've hunted for a solution for days now and tried everything I
could think of, but it seems I coded myself into a deadlock. I'm
hoping you can have a quick look at my code, it's only a little bit :)

I'm developing a user registration form with quite some advanced
validation. So far it works just fine, apart from one thing: remotely
checking if the username does not exist already. Here's my code:

// extend the validation plugin to do remote username dupe checking
jQuery.validator.addMethod('usernameCheck', function(username) {
var postURL = "user/json_username_check/" +
username + "/" + new Date().getTime();
$.ajax({
type: "POST",
url: postURL,
success: function(msg) {
result = (msg=='TRUE') ? true : false;
}
});
return result;
}, '');

The problem is that I cannot return the result of the Ajax call back
to the Validator. The Ajax call itself works fine, I can see that
using Firebug. I've been advised to not use this low level jQuery Ajax
call, but to use the "remote" option of the validator plugin instead.

However, the reason I'm not using the "remote" selector from the
Validation plugin is that my backend (Code Igniter) does not accept
params in the format ?name=value. It will block all those. Code
Igniter expects this: /name/value. It is possible to tell Code Igniter
to use query strings, but that will break my entire application.
Therefore, I am forced to use the $.ajax call.

In my research somewhere I found somebody saying that asynchronous
calls inside an addmethod do not work. I figured explicitly setting
the async = false in the Ajax request (not shown above) would help,
but it doesn't. The Ajax request itself works fine but I have no way
to return the result of it to the Validator plugin. With "remote" not
being an option and "AddMethod" not working, I have no idea what to do
next. I don't mean to sound lazy, but rewriting or hacking the plugin
itself beats my purpose of reusing and saving time.

I've been so productive in producing forms thanks to this plugin but
spending so much time on this little part got me quite depressed. I
hope you can give me some advise, I would be very grateful.

Thanks!

Ferdy


[jQuery] Re: How to pass loop increment to Jquery

2008-11-27 Thread Sai Krishna

I dont know where am I doing mistake here. Could somebody point out?

$(document).ready(function(){
$(".show").hover.each( function(){
$(".show_details").hide("slow");
},
function(){
$(".show_details").show("slow");
})
});


On Nov 28, 1:10 am, Sai Krishna <[EMAIL PROTECTED]> wrote:
> thank you Ill try that
>
> On Nov 28, 12:36 am, ajpiano <[EMAIL PROTECTED]> wrote:
>
> > you'd have to tweak that i kind of missed your structure slightly, but
> > the idea is to just use a class and let jquery handle the iterating...
> > --adam
>
> > On Nov 27, 2:35 pm, ajpiano <[EMAIL PROTECTED]> wrote:
>
> > > you can use jquery's .each() which is passed the loop index but to be
> > > honest the best thing to do is to use a class and replace al that code
> > > with
>
> > > $(".show_details")
> > > .hover(function() {
> > >         $(this).show("slow");},function() {
>
> > >         $(this).hide("slow");
>
> > > });
>
> > > --adam
>
> > > On Nov 27, 2:20 pm, Sai Krishna <[EMAIL PROTECTED]> wrote:
>
> > > > Hi,
> > > > I've my PHP code generating  rows using certain loop conditons, And
> > > > I'd like to show/hide a div overlay on mouseover and mouseout of a
> > > > text link generated in each row respectively.  I wrote the following
> > > > code. this seems to be show div overlay of last row. That is because I
> > > > wrote the function in document.ready. I dont think Jquery lets us put
> > > > javascript in HTML code, So how can I make my code work  in such a
> > > > case?
>
> > > > $(document).ready(function(){
> > > >                 var i= $("#count").val();
> > > >                 for(j=0;j > > >                         var k = "#show_details"+j;
> > > >                         var refer = "#show" +j;
> > > >                         $(k).hide();
>
> > > >                         $(refer).mouseover(function(){
> > > >                                 $(k).show("slow");
> > > >                         });
> > > >                         $(refer).mouseout(function(){
> > > >                                 $(k).hide("slow");
> > > >                         });
> > > >                 }
>
> > > > });


[jQuery] Re: error option for jQuery.ajax

2008-11-27 Thread WebAppDeveloper


Great. I'll try it out when I return to work next week. Thank you so much!

seasoup wrote:
> 
> 
> Your getting an error in that code because you need a comma after the
> success:function(){},
> 
> Also, make sure there is no comma after the last method in the object
> or IE throws an error.
> 
> Josh Powell
> 
> On Nov 26, 11:51 pm, WebAppDeveloper <[EMAIL PROTECTED]> wrote:
>> Hi,
>>
>> I have the following code below where I'm trying to dynamically check if
>> an
>> AJAX request error occurs. If an error occurs, do something; otherwise,
>> do
>> something else (if it's a success). But according to jQuery.com, they say
>> "You can never have both an error and a success callback with a request."
>> And that's why I'm getting an error when running the code below. Is there
>> a
>> way to solve this?
>>
>> $(document).ready(function() {
>> $.ajax({
>>type: "GET",
>>url: "SomeProcessPage.cfm",
>>data: "FirstName=Jerry&LastName=Young",
>>success: function(data) {
>> $(data).appendTo("#myDivId");
>>}
>>error: function(XMLHttpRequest, textStatus, errorThrown){
>>  $("#msg").ajaxError(function(event, request, settings){
>>$(this).append("Error requesting page " + settings.url
>> + "");
>>  });
>>}
>>   });});
>>
>> --
>> View this message in
>> context:http://www.nabble.com/error-option-for-jQuery.ajax-tp20711274s27240p2...
>> Sent from the jQuery General Discussion mailing list archive at
>> Nabble.com.
> 
> 

-- 
View this message in context: 
http://www.nabble.com/error-option-for-jQuery.ajax-tp20711274s27240p20725653.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.



[jQuery] Re: Lightbox/ThickBox/ui.dialog etc

2008-11-27 Thread Jack Killpatrick


check this one out, I think it will do all that you need:

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

- Jack

Lee Mc wrote:

Hi there,

Does anyone have an opinion on what they think is the best lightbox
implementation to use?

It's not going to be used to display images, it's mainly form
interaction. My only caveat's are:

- Must be draggable
- Must (unfortunately) work in IE6
- Must be modal

I've been playing with ui.dialog and really like it.  However I seem
to be having some issues in IE6 - using the same theme as displayed on
this page:

http://dev.jquery.com/view/trunk/ui/demos/functional/#ui.dialog

The "close" image on the title bar is causing some layout issues and
also "" elements from the underlying content are appearing
through into the content of the "dialog".

A quick search brought back this: http://jquery.com/demo/thickbox/.
Appears to do everything required except be draggable.

Can anyone point me in the right direction?

Cheers,
Lee

  





[jQuery] Re: remove objects from set

2008-11-27 Thread takeshin



On 26 Lis, 18:33, ricardobeat <[EMAIL PROTECTED]> wrote:
> You can add elements to a jQuery object simply using
>
> $('originalobject').add('#someid').add('.someclass').add($
> ('anotherobject')).add(node);
>

Thanks for your help.

This is what I needed to do:

$(function() {
$.extend({
validation: {
invalidFields: $([]),
}
}
);
$.fn.extend({
setValidationError: function() {
for (var i = 0, len = 
this.length; i < len; i++) {

$.validation.invalidFields = $.validation.invalidFields.add
(this[i]);
}
},
removeValidationError: 
function() {
for (var i = 0, len = 
this.length; i < len; i++) {

$.validation.invalidFields = $.validation.invalidFields.not
(this[i]);
}
}
   });
});

--
regards,
takeshin


[jQuery] Re: How to pass loop increment to Jquery

2008-11-27 Thread Sai Krishna

thank you Ill try that

On Nov 28, 12:36 am, ajpiano <[EMAIL PROTECTED]> wrote:
> you'd have to tweak that i kind of missed your structure slightly, but
> the idea is to just use a class and let jquery handle the iterating...
> --adam
>
> On Nov 27, 2:35 pm, ajpiano <[EMAIL PROTECTED]> wrote:
>
> > you can use jquery's .each() which is passed the loop index but to be
> > honest the best thing to do is to use a class and replace al that code
> > with
>
> > $(".show_details")
> > .hover(function() {
> >         $(this).show("slow");},function() {
>
> >         $(this).hide("slow");
>
> > });
>
> > --adam
>
> > On Nov 27, 2:20 pm, Sai Krishna <[EMAIL PROTECTED]> wrote:
>
> > > Hi,
> > > I've my PHP code generating  rows using certain loop conditons, And
> > > I'd like to show/hide a div overlay on mouseover and mouseout of a
> > > text link generated in each row respectively.  I wrote the following
> > > code. this seems to be show div overlay of last row. That is because I
> > > wrote the function in document.ready. I dont think Jquery lets us put
> > > javascript in HTML code, So how can I make my code work  in such a
> > > case?
>
> > > $(document).ready(function(){
> > >                 var i= $("#count").val();
> > >                 for(j=0;j > >                         var k = "#show_details"+j;
> > >                         var refer = "#show" +j;
> > >                         $(k).hide();
>
> > >                         $(refer).mouseover(function(){
> > >                                 $(k).show("slow");
> > >                         });
> > >                         $(refer).mouseout(function(){
> > >                                 $(k).hide("slow");
> > >                         });
> > >                 }
>
> > > });


[jQuery] Re: How to pass loop increment to Jquery

2008-11-27 Thread ajpiano

you'd have to tweak that i kind of missed your structure slightly, but
the idea is to just use a class and let jquery handle the iterating...
--adam

On Nov 27, 2:35 pm, ajpiano <[EMAIL PROTECTED]> wrote:
> you can use jquery's .each() which is passed the loop index but to be
> honest the best thing to do is to use a class and replace al that code
> with
>
> $(".show_details")
> .hover(function() {
>         $(this).show("slow");},function() {
>
>         $(this).hide("slow");
>
> });
>
> --adam
>
> On Nov 27, 2:20 pm, Sai Krishna <[EMAIL PROTECTED]> wrote:
>
> > Hi,
> > I've my PHP code generating  rows using certain loop conditons, And
> > I'd like to show/hide a div overlay on mouseover and mouseout of a
> > text link generated in each row respectively.  I wrote the following
> > code. this seems to be show div overlay of last row. That is because I
> > wrote the function in document.ready. I dont think Jquery lets us put
> > javascript in HTML code, So how can I make my code work  in such a
> > case?
>
> > $(document).ready(function(){
> >                 var i= $("#count").val();
> >                 for(j=0;j >                         var k = "#show_details"+j;
> >                         var refer = "#show" +j;
> >                         $(k).hide();
>
> >                         $(refer).mouseover(function(){
> >                                 $(k).show("slow");
> >                         });
> >                         $(refer).mouseout(function(){
> >                                 $(k).hide("slow");
> >                         });
> >                 }
>
> > });


[jQuery] Re: How to pass loop increment to Jquery

2008-11-27 Thread ajpiano

you can use jquery's .each() which is passed the loop index but to be
honest the best thing to do is to use a class and replace al that code
with

$(".show_details")
.hover(function() {
$(this).show("slow");
},function() {
$(this).hide("slow");
});

--adam

On Nov 27, 2:20 pm, Sai Krishna <[EMAIL PROTECTED]> wrote:
> Hi,
> I've my PHP code generating  rows using certain loop conditons, And
> I'd like to show/hide a div overlay on mouseover and mouseout of a
> text link generated in each row respectively.  I wrote the following
> code. this seems to be show div overlay of last row. That is because I
> wrote the function in document.ready. I dont think Jquery lets us put
> javascript in HTML code, So how can I make my code work  in such a
> case?
>
> $(document).ready(function(){
>                 var i= $("#count").val();
>                 for(j=0;j                         var k = "#show_details"+j;
>                         var refer = "#show" +j;
>                         $(k).hide();
>
>                         $(refer).mouseover(function(){
>                                 $(k).show("slow");
>                         });
>                         $(refer).mouseout(function(){
>                                 $(k).hide("slow");
>                         });
>                 }
>
> });


[jQuery] How to pass loop increment to Jquery

2008-11-27 Thread Sai Krishna

Hi,
I've my PHP code generating  rows using certain loop conditons, And
I'd like to show/hide a div overlay on mouseover and mouseout of a
text link generated in each row respectively.  I wrote the following
code. this seems to be show div overlay of last row. That is because I
wrote the function in document.ready. I dont think Jquery lets us put
javascript in HTML code, So how can I make my code work  in such a
case?

$(document).ready(function(){
var i= $("#count").val();
for(j=0;j

[jQuery] Re: Disable/Enable jQuery Added Events

2008-11-27 Thread seasoup

use .data to store a boolean variable on the DOM element, then in the
click function check that variable to see if it is enabled or not.

Josh Powell

On Nov 27, 12:46 am, Neil Craig <[EMAIL PROTECTED]> wrote:
> Something I would like to do is to add several events handlers to an
> element and control the firing by enabling & disabling it. For
> example:
>
> jQuery(".sample").click(function() { // do something }).disable();
>
> Clicking should not fire the event until jQuery(".sample").enable()
> has been called.
>
> Have anyone done something similar?


[jQuery] Re: Why does :not([id=blah]) not work?

2008-11-27 Thread Jeremy Carlson

Awesome - that cleared everything up for me!!!

I went right to the cleaner version, and it worked.

Thank you so much,

Jeremy


[jQuery] Re: how to call a function at outside object in jQuery's click function?

2008-11-27 Thread ricardobeat

Try this:

var Example = function(){};
Example.prototype = {

 abobora: function(){
alert('Hi!');
  },

  execute: function(){
var t = this;
$('#any_button').click(function(){

 t.abobora();

});
  }

};

- ricardo

On Nov 27, 7:39 am, "Yam." <[EMAIL PROTECTED]> wrote:
> I met a small problem that an outside 'example' object does not be got
> in a 'click' function.
> would you tell me how to do that?
>
> ==
> example code:
> ==
>
> var Example = function(){};
> Example.prototype = {
>
>   i_want_to_call_this_function: function(){
>     alert('Hi!');
>   },
>
>   execute: function(){
>     $('#any_button').click(function(){
>
>       // How to call 'i_want_to_call_this_function' from here?
>
>       // this.i_want_to_call_this_function(); // -> Unknown. i know a
> 'this' object pointed to html object.
>
>     });
>   }
>
> };
>
> var example = new Example();
> example.execute();


[jQuery] Re: Selecting elements based on exact content

2008-11-27 Thread ricardobeat

A filter function would do:

$('elements').filter(function(){
return $(this).text() == 'ants';
});

- ricardo

On Nov 27, 8:04 am, Dovdimus Prime <[EMAIL PROTECTED]> wrote:
> Hi all
>
> The :contains(text) selector will select any element that contains the
> specified text (similar to a like '%stuff%' database query).
>
> How can I find only exact matches?
>
> i.e. if I'm searching for 'ants', to find only elements containing the
> text 'ants', and not elements containing the text 'pants' or 'antsy'?
>
> Thanks
>
> David


[jQuery] Flow control in functions.....

2008-11-27 Thread QuadCom

I may have titled this wrong but that is the best description I could
think of being a newbie.

I have a function the inside calls another function. What I need to
have happen is for the calling function to wait for a response from
the called function but that is not what is happening. The calling
function goes right on processing the rest of the script which of
course errors out because the required vars are not set properly yet.

Here is some code




var chkmail = function(data){
if (data.exists == 1){
$('#emailerror').show();
var emailerror = 1;
}
else{
$('#emailerror').hide();
var olde = $('#editaemail').val();
var emailerror = 0;
}

return emailerror;

}



//This is the pre submit function for the Jquery form plugin
function presub(){
\\get the new email address entered in the form
newe = $('#editaemail').val();

\\set the url var so IE won't cache the ajax call
url = '/myaccount/process.cfm?t=' + new  Date().getTime();

\\password change test vars
p1 = $('#editapassword1').val();
p2 = $('#editapassword2').val();

\\default error state vars set to 0
emailerror = 0;
passworderror = 0;

\\UI update to notify client
$('#editasave').attr("disabled","disabled").attr("value","One
Moment");

   \\Test old email (set at doc.ready) to new email to see if they
are different
   if(olde != newe){
\\send new email through post to search DB for existing
\\returns JSON either {"exists":"1"} or {"exists":"0"}
\\callback set to fire chkmail()
$.post(url, {checkname: newe}, chkmail, "json");
}

\\Check password fields to see if they are the same
if (p1 != p2){
$('#passerror').show();
passworderror = 1;
}
else{
$('#passerror').hide();
}
if(emailerror == 0 && passworderror == 0) {
return true;
}
else{
$('#editasave').removeAttr("disabled").attr("value","Save
Changes");
return false;
}
}



After the $.post functions callback is triggered the script continues
on to the password checks and since the $.post function hasn't
received a response yet, the system doesn't catch the errors with the
email address.

I'm sure there is a more robust way of doing this but as I said
earlier, I am a newbie to JS and learning as I go.

Any help would be appreciated.


[jQuery] Re: [validate] remote checking and apache rewrite problem

2008-11-27 Thread Jörn Zaefferer
Is there a redirect involved? If so, my guess is that the
XMLHttpRequest doesn't follow the redirect, just gets the 30x code and
no response body.

I don't think the plugins can do anything about that...

Jörn

On Thu, Nov 27, 2008 at 12:02 PM, jurkoferko <[EMAIL PROTECTED]> wrote:
>
> Hi i have a problem with "remote" checking. I have two identical
> scripts, both of them return 'true' or 'false':
>
> 1. /something.php
> 2. /script/something
>
> When i use the first PHP script in "remote", javascript sends data to
> the PHP script and PHP sends data to javascript. Everything is working
> OK.
> But when i use the second PHP script in "remote", which is executed
> the same way as the first, but the difference is, that this second
> script is handled through Apache's rewrite function, this second
> script sends data to PHP correctly but receives NO ANSWER. Although
> the script itself displays 'true' or 'false' when you call it directly
> from the browser.
>
> Is there any way that "remote" checking in jquery's validate will work
> with apache's rewrite ? Or am I doing something wrong ?
>


[jQuery] Use of getBoxObjectFor() is deprecated. Try to use element.getBoundingClientRect() if possible.

2008-11-27 Thread edzah

Searched around and found a old post here but there was no answer.

Any idea what this is about and how I can squash it?

Ed


[jQuery] Re: jQuery timing out on page load

2008-11-27 Thread Liam Potter


I'm guessing the path is wrong, are you using absolute paths or relative?

ricardobeat wrote:

It shouldn't timeout if you're not running any functions, are you
using the packed version? Are you sure you don't have any javascript
code on these pages?

On Nov 11, 3:01 am, harryhobbes <[EMAIL PROTECTED]> wrote:
  

Hi,

I've got jQuery loading by default on my site. The library is only
used on some pages in my site, however when I load a page that isn't
using jquery (but still loading the file in the html header) Firefox
pops up with a warning that jquery is timing out.

Any suggestions?

Cheers





[jQuery] Re: jQuery timing out on page load

2008-11-27 Thread ricardobeat

It shouldn't timeout if you're not running any functions, are you
using the packed version? Are you sure you don't have any javascript
code on these pages?

On Nov 11, 3:01 am, harryhobbes <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I've got jQuery loading by default on my site. The library is only
> used on some pages in my site, however when I load a page that isn't
> using jquery (but still loading the file in the html header) Firefox
> pops up with a warning that jquery is timing out.
>
> Any suggestions?
>
> Cheers


[jQuery] Re: can't get an attribute from an appended

2008-11-27 Thread howardk

Code helps, particularly simplified code!

Howard

On Nov 26, 11:47 am, Radu <[EMAIL PROTECTED]> wrote:
> hi, this is my first post on the group
>
> so,
>
> i have a form through wich i'm sending an ajax reques to a php script
> and get the result back.
> to be more clear i write a text into an input box then i submit it to
> a php file where I make an image from the text using gd2. Then I send
> back the path to the image.
>
> I use this path so i can add images to a div. add the images to the
> div i'm using append(). The ids of the images are dynamicly made.
>
> all ok until this point
>
> what I want to do is, when I clikc an image to optain it's id (in an
> alert for example)
>
> For some reason I get the ids only for the elements that were
> originaly in the page, but not for the appended imgs
>
> Thanks,
> Radu


[jQuery] [validate]

2008-11-27 Thread jurkoferko

Hello i have a question about the "remote" checking. My question is:
does the "remote" method need the php script to have .php in its
name ? (i.e.: something.php) In other words, does "remote" method work
with Apache's Rewrite function? I have two identical scripts which
both return TRUE or FALSE to jquery.

Scripts:

remote: "/somedir/something.php" - it works (jquery sends data and
receives TRUE or FALSE correctly)
remote: "/rewritedir/something" - doesn't work (jquery sends data and
doesnt receive anything)

The second example with apache's rewrite works only one way - jquery
validation sends the data to the php script, but it cannot read the
data back (at least for me).

Can anyone please tell me if it can work this way? I really would like
to preserve Apache's rewrite function...


[jQuery] Re: superfish + bgiframe problem on IE6

2008-11-27 Thread theneemies


I'm having the same issue of the drop down pushing the content below it
further down: http://tinyurl.com/6qczuv. It would be great if someone could
point me to where the issue might be.



Joel Birch wrote:
> 
> 
> Hi Bob,
> 
> You seem to be missing some very important CSS. The submenu ul
> elements must be position absolute. Also, I don't see any 'top' or
> 'left' values or hover rules for them. Please refer to the original
> demo CSS files for further clues.
> 
> Joel Birch
> 
> On 23/10/2008, Bob Sawyer <[EMAIL PROTECTED]> wrote:
>>
>> So, the problem I'm having with IE6/Superfish is that the dropdown
>> menus push all other content down, rather than displaying on top of
>> the other content.
>>
>> My superFish code is fairly straightforward:
>>
>> $(document).ready(function() {
>>  //superFish
>>  $('ul#menu').superfish({
>>  animation : { opacity:"show",height:"show"},
>>  pathClass: "current",
>>  speed: "fast"
>>  });
>>  $('ul#menu').superfish().find('ul').bgIframe({opacity:false});
>> });
>>
>> Removing either line makes no difference -- the result is the same,
>> and obviously having both in there is probably overkill.
>>
>> My menu is pretty lightweight:
>>
>> 
>>  
>>   /home Home 
>>   /collections Collections 
>>  
>>   /collections/collection/fall2008  
>> 2008">Fall 2008 
>>   /collections/collection/spring2009  
>> 2009">Spring 2009 
>>  
>>  
>>   /about About Us 
>>  
>>   /news News 
>>   /press Press 
>>  
>>  
>>   /contact Contact Us 
>>  
>> 
>>
>> I stripped the existing superfish.css down to only the Essential
>> Styles and "apply hovers to modern browsers" sections; otherwise the
>> CSS is pretty straightforward as well:
>>
>> #nav {
>>  width: 960px;
>>  height: 40px;
>>  background: transparent url(/images/nav_bg.gif) 0px 0px no-repeat;
>>  display: block;
>>  position: relative;
>>  margin: 15px 0 0 0;
>>  z-index: 100;
>> }
>>
>> #menu li {position: relative; display:block; float: left; height:
>> 40px; margin: 0; padding: 0; font-size: 16px; line-height: 40px; }
>> #menu li a {position: relative; display: block; float: left; color:
>> #64a3b5;text-decoration: none; height: 40px; padding: 0 20px; }
>> #menu li a:link { color: #64a3b5; }
>> #menu li a:hover { color: #000; background: #dfdfdf; }
>> #menu li.current a { color: #333; }
>>
>> #menu ul {display: block; background-color: #f0e9f1; border-bottom:
>> 1px solid #ccc; margin: 0; padding: 0; clear: both; width: 130px;}
>>
>> #menu ul li {position: relative; display: block; float: none; height:
>> 30px; margin: 0; padding: 0; line-height: 30px; font-size: 90%;}
>> #menu ul li a {position: relative; display: block; float: none; color:
>> #64a3b5; text-decoration: none; height: 30px; margin: 0; padding: 0 0
>> 0 15px; z-index: 120;}
>> #menu ul li a:hover { color: #000; background: #dfdfdf; }
>> #menu ul li.current a { color: #333; }
>>
>> Any ideas?
>>
>> Thanks,
>> Bob
>>
> 
> 

-- 
View this message in context: 
http://www.nabble.com/superfish-%2B-bgiframe-problem-on-IE6-tp19795827s27240p20717771.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.



[jQuery] jquery form plugin: fieldValue vs. val

2008-11-27 Thread Stanislav Ievlev

Greetings!

I've seen
http://docs.jquery.com/JQuery_1.2_Roadmap#Form.2FField_Serialization
http://docs.jquery.com/Release:jQuery_1.2/Attributes.


Is fieldValue() still better then standard val()?


[jQuery] registering a callback on an jcarousel image

2008-11-27 Thread Samuel Vogel

Hey guys,

I have the following code to to something, when an image in the carousel 
gets clicked:

$(document).ready(function(){
jQuery('#mycarousel').jcarousel({
itemLoadCallback: mycarousel_itemLoadCallback,
initCallback: test
});
});
   
function test (a, b) {
$('li.jcarousel-item img').click(function () {
  console.log("dit it");
});
}

But unfortunately nothing gets logged to the Firebug console, so nothing 
happens when I click an image.
What am I doing wrong here?

Regards,
Samy


[jQuery] Block UI

2008-11-27 Thread casper

Hi, please fix problem with submit and image butons on block.

Right now if focus left in form user can resubmit form by "Enter" even
if I block form/window by .block()/.blockUI().


[jQuery] [validate] remote checking and apache rewrite problem

2008-11-27 Thread jurkoferko

Hi i have a problem with "remote" checking. I have two identical
scripts, both of them return 'true' or 'false':

1. /something.php
2. /script/something

When i use the first PHP script in "remote", javascript sends data to
the PHP script and PHP sends data to javascript. Everything is working
OK.
But when i use the second PHP script in "remote", which is executed
the same way as the first, but the difference is, that this second
script is handled through Apache's rewrite function, this second
script sends data to PHP correctly but receives NO ANSWER. Although
the script itself displays 'true' or 'false' when you call it directly
from the browser.

Is there any way that "remote" checking in jquery's validate will work
with apache's rewrite ? Or am I doing something wrong ?


[jQuery] how to call a function at outside object in jQuery's click function?

2008-11-27 Thread Yam.

I met a small problem that an outside 'example' object does not be got
in a 'click' function.
would you tell me how to do that?

==
example code:
==

var Example = function(){};
Example.prototype = {

  i_want_to_call_this_function: function(){
alert('Hi!');
  },

  execute: function(){
$('#any_button').click(function(){

  // How to call 'i_want_to_call_this_function' from here?

  // this.i_want_to_call_this_function(); // -> Unknown. i know a
'this' object pointed to html object.

});
  }
};

var example = new Example();
example.execute();



[jQuery] Disable/Enable jQuery Added Events

2008-11-27 Thread Neil Craig

Something I would like to do is to add several events handlers to an
element and control the firing by enabling & disabling it. For
example:

jQuery(".sample").click(function() { // do something }).disable();

Clicking should not fire the event until jQuery(".sample").enable()
has been called.

Have anyone done something similar?


[jQuery] Can't get appropriate elements from server response.

2008-11-27 Thread [EMAIL PROTECTED]

Here is JS my code where I intend to get 2 DIVs and use there content.

$.post(
someAction,
$.param(outData),
onUpdatePostSuccess
);
function onUpdatePostSuccess(data)
{
alert(data);
var newTitleHTML = $("#newTopicTitle", data).html();
var newContentHTML = $("#newTopicMessage", data).html();

if (newTitleHTML && newContentHTML)
{
$("#topicTitle").html(newTitleHTML);
divMsg.html(newContentHTML);
}
else
{
divMsg.html(data);
}
}

The alert(data); code line returns the following HTML code:

New Topic Title
New Topic Message

BUT, the code is always goes to else section in if conditional.

Where can be the problem? I've used the same code in other section of
the script and it works fine. Have spend a day struggling the problem
but no luck :( Seems that I can't make any actions like

$(expr, context)

in onUpdatePostSuccess function.


[jQuery] Selecting elements based on exact content

2008-11-27 Thread Dovdimus Prime

Hi all

The :contains(text) selector will select any element that contains the
specified text (similar to a like '%stuff%' database query).

How can I find only exact matches?

i.e. if I'm searching for 'ants', to find only elements containing the
text 'ants', and not elements containing the text 'pants' or 'antsy'?

Thanks

David


[jQuery] Lightbox/ThickBox/ui.dialog etc

2008-11-27 Thread Lee Mc

Hi there,

Does anyone have an opinion on what they think is the best lightbox
implementation to use?

It's not going to be used to display images, it's mainly form
interaction. My only caveat's are:

- Must be draggable
- Must (unfortunately) work in IE6
- Must be modal

I've been playing with ui.dialog and really like it.  However I seem
to be having some issues in IE6 - using the same theme as displayed on
this page:

http://dev.jquery.com/view/trunk/ui/demos/functional/#ui.dialog

The "close" image on the title bar is causing some layout issues and
also "" elements from the underlying content are appearing
through into the content of the "dialog".

A quick search brought back this: http://jquery.com/demo/thickbox/.
Appears to do everything required except be draggable.

Can anyone point me in the right direction?

Cheers,
Lee


[jQuery] [jCarousel] Question about weird autoscrolling

2008-11-27 Thread jjsanders

Hello everyone,

I am using jcaousel autoscoll autoscrolling based on  this example:
http://sorgalla.com/projects/jcarousel/examples/static_auto.html.

In stead of pictures I am using just plain text:




Artikel 1


Lees alles over onze nieuwe content rotator
 http://mbalance/news/news_item/7";>read more>



Artikel 2


Blaat je 
 http://mbalance/news/news_item/5";>read more>



Artikel 3

Dit gaat nergens over 

 http://mbalance/news/news_item/6";>read more>



Artikel 4

test head
 http://mbalance/news/news_item/4";>read more>




Artikel 5

Interesting subhead
 http://mbalance/news/news_item/2";>read more>







I got it all working but there is one weird thing. When the page loads
it starts by Artikel 1, then it jumps to artikel 4 en goes to artikel
5. Than it jumps back to artikel 1 and starts over again.

These are my settings:

function mycarousel_initCallback(carousel)
{
// Disable autoscrolling if the user clicks the prev or next
button.
carousel.buttonNext.bind('click', function() {
carousel.startAuto(0);
});

carousel.buttonPrev.bind('click', function() {
carousel.startAuto(0);
});

// Pause autoscrolling if the user moves with the cursor over the
clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};

jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
auto: 2,
wrap: 'last',
initCallback: mycarousel_initCallback
});
});


Can anyone tell me what I'm doing wrong?


[jQuery] Re: remote validation with additional parameter

2008-11-27 Thread hcvitto

Wow..Jörn you're just great!!

Thanks a lot!

It works in chrome, firefox and ie6...

On 27 Nov, 13:16, "Jörn Zaefferer" <[EMAIL PROTECTED]>
wrote:
> Thats test code, nothing useful for an application. The code I posted
> is what you'll want to use:
>
> $("#myform").validate({
>  rules: {
>    username: {
>      required: true,
>      remote: {
>        url: "checkusername.php",
>        type: "post"
>        data: {
>          email: function() { return $("#email").val() }
>        }
>      }
>    }
>  }
>
> });
>
> Just put any option you need into that object literal and add
> additional data to the data property.
>
> You need the latest js file for it to 
> work:http://jqueryjs.googlecode.com/svn/trunk/plugins/validate/jquery.vali...
>
> Jörn
>
> On Thu, Nov 27, 2008 at 12:29 PM, hcvitto <[EMAIL PROTECTED]> wrote:
>
> > hi
> > i just needed that option today!!
> > for the moment i just found a not-very-good way out which works for
> > me.
>
> > Among the pages you suggested i found this:
>
> > test("remote, customized ajax options", function() {
> >        expect(2);
> >        stop();
> >        var v = $("#userForm").validate({
> >                rules: {
> >                        username: {
> >                                required: true,
> >                                remote: {
> >                                        url: "users.php",
> >                                        type: "post",
> >                                        beforeSend: function(request, 
> > settings) {
> >                                                same(settings.type, "post");
> >                                                same(settings.data, 
> > "username=asdf&email=email.com");
> >                                        },
> >                                        data: {
> >                                                email: function() {
> >                                                        return "email.com";
> >                                                }
> >                                        },
> >                                        complete: function() {
> >                                                start();
> >                                        }
> >                                }
> >                        }
> >                }
> >        });
> >        $("#username").val("asdf");
> >        $("#userForm").valid();
> > });
>
> > but i'm not sure how to use it..any help?
>
> > Thanks Vitto
>
> > On 25 Nov, 20:15, "Jörn Zaefferer" <[EMAIL PROTECTED]>
> > wrote:
> >> With the 1.5 release you will be able to use this instead:
>
> >> $("#myform").validate({
> >>   rules: {
> >>     username: {
> >>       required: true,
> >>      remote: {
> >>         url: "checkusername.php",
> >>         type: "post"
> >>         data: {
> >>           email: function() { return $("#email").val() }
> >>         }
> >>       }
> >>     }
> >>   }
>
> >> });
>
> >> In other words, you can override all settings that $.ajax supports by
> >> replacing the currentremote: "url" withremote: {url:"url"} and add
> >> whatever you need.
>
> >> You can try it out now
> >> (http://jqueryjs.googlecode.com/svn/trunk/plugins/validate/) or wait
> >> for the next release.
>
> >> Feedback is welcome!
>
> >> Jörn
>
> >> On Thu, Nov 20, 2008 at 8:28 PM, Jörn Zaefferer
>
> >> <[EMAIL PROTECTED]> wrote:
> >> > The current workaround I recommend is to use ajaxSend:
>
> >> > $().ajaxSend(function(e, xml, settings) {
> >> >  $.extend(settings.data, { field2: $("#field2").val() });
> >> > });
>
> >> > With the drawback that it gets applied to all ajax requests. Depends
> >> > on your application if thats a problem and how to avoid it.
>
> >> > Jörn
>
> >> > On Thu, Nov 20, 2008 at 5:17 PM, SMaDeP <[EMAIL PROTECTED]> wrote:
>
> >> >> I want to make a duplicate check withremotevalidation, but I need an
> >> >> additional parameter like the parent key
> >> >> (no duplicate article numbers within one order)!
>
> >> >> does addMethod support async validation?
> >> >> can I add an additional parameter to theremote-url? How?
>
> >> >> Thanks in advance,
>
> >> >> Stefan


[jQuery] Re: trying to act on certain DIV's and not others

2008-11-27 Thread nibb42

David, Seasoup, Ricardo, thank you all so very much for taking the
time, lots to go on, many thanks again.



On Nov 27, 6:32 am, ricardobeat <[EMAIL PROTECTED]> wrote:
> Use the attribute selector for this:
>
> $('something').click(function(){
>     $('[id*=contact').hide(); // *= means 'contains'
>
> });
>
> see "Attribute Filters" athttp://docs.jquery.com/Selectors
>
> But as seasoup said, there are better ways to structure your app.
>
> - ricardo
>
> On Nov 26, 2:18 pm, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]>
> wrote:
>
> > Hi folks,
> > apologies if this is a completely noob question. I wish to close
> > (hide) and number of 's whilst leaving others open. I considered
> > the possibility that it might be feasible in Jquery to act on div's
> > with a certain pattern in the id name. Not sure if this is true tho;
> > for example
>
> > 
> > 
> > 
>
> > so that the first two div's would be subject to being hidden, and the
> > third left alone.
>
> > I wish essentially to have a series of links toggle the visibility of
> > some div's, but when a link is clicked and a div is unhidden, - all
> > other divs to hide.
>
> > Any ideas?
>
> > best wishes and thanks
>
> > Steve / Nibb


[jQuery] Re: remote validation with additional parameter

2008-11-27 Thread Jörn Zaefferer
Thats test code, nothing useful for an application. The code I posted
is what you'll want to use:

$("#myform").validate({
 rules: {
   username: {
 required: true,
 remote: {
   url: "checkusername.php",
   type: "post"
   data: {
 email: function() { return $("#email").val() }
   }
 }
   }
 }
});

Just put any option you need into that object literal and add
additional data to the data property.

You need the latest js file for it to work:
http://jqueryjs.googlecode.com/svn/trunk/plugins/validate/jquery.validate.js

Jörn

On Thu, Nov 27, 2008 at 12:29 PM, hcvitto <[EMAIL PROTECTED]> wrote:
>
> hi
> i just needed that option today!!
> for the moment i just found a not-very-good way out which works for
> me.
>
> Among the pages you suggested i found this:
>
> test("remote, customized ajax options", function() {
>expect(2);
>stop();
>var v = $("#userForm").validate({
>rules: {
>username: {
>required: true,
>remote: {
>url: "users.php",
>type: "post",
>beforeSend: function(request, 
> settings) {
>same(settings.type, "post");
>same(settings.data, 
> "username=asdf&email=email.com");
>},
>data: {
>email: function() {
>return "email.com";
>}
>},
>complete: function() {
>start();
>}
>}
>}
>}
>});
>$("#username").val("asdf");
>$("#userForm").valid();
> });
>
> but i'm not sure how to use it..any help?
>
> Thanks Vitto
>
> On 25 Nov, 20:15, "Jörn Zaefferer" <[EMAIL PROTECTED]>
> wrote:
>> With the 1.5 release you will be able to use this instead:
>>
>> $("#myform").validate({
>>   rules: {
>> username: {
>>   required: true,
>>  remote: {
>> url: "checkusername.php",
>> type: "post"
>> data: {
>>   email: function() { return $("#email").val() }
>> }
>>   }
>> }
>>   }
>>
>> });
>>
>> In other words, you can override all settings that $.ajax supports by
>> replacing the currentremote: "url" withremote: {url:"url"} and add
>> whatever you need.
>>
>> You can try it out now
>> (http://jqueryjs.googlecode.com/svn/trunk/plugins/validate/) or wait
>> for the next release.
>>
>> Feedback is welcome!
>>
>> Jörn
>>
>> On Thu, Nov 20, 2008 at 8:28 PM, Jörn Zaefferer
>>
>> <[EMAIL PROTECTED]> wrote:
>> > The current workaround I recommend is to use ajaxSend:
>>
>> > $().ajaxSend(function(e, xml, settings) {
>> >  $.extend(settings.data, { field2: $("#field2").val() });
>> > });
>>
>> > With the drawback that it gets applied to all ajax requests. Depends
>> > on your application if thats a problem and how to avoid it.
>>
>> > Jörn
>>
>> > On Thu, Nov 20, 2008 at 5:17 PM, SMaDeP <[EMAIL PROTECTED]> wrote:
>>
>> >> I want to make a duplicate check withremotevalidation, but I need an
>> >> additional parameter like the parent key
>> >> (no duplicate article numbers within one order)!
>>
>> >> does addMethod support async validation?
>> >> can I add an additional parameter to theremote-url? How?
>>
>> >> Thanks in advance,
>>
>> >> Stefan


[jQuery] Re: Doing Ajax call to a page that requires authentication

2008-11-27 Thread Karl Rudd

Is the page/resource in another domain? That would obviously not work.
That's the only thing I can think of.

Karl Rudd

On Thu, Nov 27, 2008 at 9:20 PM, TheBlueSky <[EMAIL PROTECTED]> wrote:
>
> Thanks for your reply.
>
> Sorry that my question wasn't clear enough; I already tried using the
> username/password options for ajax() method, however, I'm getting
> 'Permission denied to call method XMLHttpRequest.open' kind of
> message. I don't know if there is something else need to be done or
> not.
>
> By the way, the credentials I'm using are correct.
>
> On Nov 25, 4:24 pm, "Pierre Bellan" <[EMAIL PROTECTED]> wrote:
>> Hi,
>> If the authentification is form-based, then the login credentials is passed
>> by GET or POST.
>> So you just have to add it to your ajax request
>>
>> see the data option.
>>
>> $.ajax({
>>type: "POST",
>>url: "some.php",
>>data: "name=John&location=Boston",
>>success: function(msg){
>>  alert( "Data Saved: " + msg );
>>}
>>  });
>>
>> If the authentification is based on .htaccess, you can use username/password
>> option
>>
>> Pierre
>>
>> W. C. Fields  - "I cook with wine, sometimes I even add it to the food."
>>
>> 2008/11/25 TheBlueSky <[EMAIL PROTECTED]>
>>
>>
>>
>>
>>
>> > Hi everyone,
>> > How can I send login credentials with jQuery Ajax request (get(), post
>> > () or ajax()) when the page I'm requesting is asking for them before
>> > permitting the access.
>> > Note here that I'm not talking here about form-based authentication.
>> > Thanks in advance.- Hide quoted text -
>>
>> - Show quoted text -


[jQuery] Re: remote validation with additional parameter

2008-11-27 Thread hcvitto

hi
i just needed that option today!!
for the moment i just found a not-very-good way out which works for
me.

Among the pages you suggested i found this:

test("remote, customized ajax options", function() {
expect(2);
stop();
var v = $("#userForm").validate({
rules: {
username: {
required: true,
remote: {
url: "users.php",
type: "post",
beforeSend: function(request, settings) 
{
same(settings.type, "post");
same(settings.data, 
"username=asdf&email=email.com");
},
data: {
email: function() {
return "email.com";
}
},
complete: function() {
start();
}
}
}
}
});
$("#username").val("asdf");
$("#userForm").valid();
});

but i'm not sure how to use it..any help?

Thanks Vitto

On 25 Nov, 20:15, "Jörn Zaefferer" <[EMAIL PROTECTED]>
wrote:
> With the 1.5 release you will be able to use this instead:
>
> $("#myform").validate({
>   rules: {
>     username: {
>       required: true,
>      remote: {
>         url: "checkusername.php",
>         type: "post"
>         data: {
>           email: function() { return $("#email").val() }
>         }
>       }
>     }
>   }
>
> });
>
> In other words, you can override all settings that $.ajax supports by
> replacing the currentremote: "url" withremote: {url:"url"} and add
> whatever you need.
>
> You can try it out now
> (http://jqueryjs.googlecode.com/svn/trunk/plugins/validate/) or wait
> for the next release.
>
> Feedback is welcome!
>
> Jörn
>
> On Thu, Nov 20, 2008 at 8:28 PM, Jörn Zaefferer
>
> <[EMAIL PROTECTED]> wrote:
> > The current workaround I recommend is to use ajaxSend:
>
> > $().ajaxSend(function(e, xml, settings) {
> >  $.extend(settings.data, { field2: $("#field2").val() });
> > });
>
> > With the drawback that it gets applied to all ajax requests. Depends
> > on your application if thats a problem and how to avoid it.
>
> > Jörn
>
> > On Thu, Nov 20, 2008 at 5:17 PM, SMaDeP <[EMAIL PROTECTED]> wrote:
>
> >> I want to make a duplicate check withremotevalidation, but I need an
> >> additional parameter like the parent key
> >> (no duplicate article numbers within one order)!
>
> >> does addMethod support async validation?
> >> can I add an additional parameter to theremote-url? How?
>
> >> Thanks in advance,
>
> >> Stefan


[jQuery] Re: animate problem with IE7

2008-11-27 Thread ^AndreA^

The answer for the ticket is:

"That's a matter of css. Different browser have different whims when
it comes to scrolling. Try adding height and width to the containing
UL. "

I tried adding width and height to the  but nothing changes...
to the div wrapping the  but again, nothing is changed.
The  elements are already fixed... :-|

Any other idea?!?

On Nov 25, 11:42 pm, "^AndreA^" <[EMAIL PROTECTED]> wrote:
> Ticket opened...http://dev.jquery.com/ticket/3650
>
> bye,
> Andrea
>
> On Nov 24, 11:35 pm, "^AndreA^" <[EMAIL PROTECTED]> wrote:
>
> > Yesterday I tried to open a ticket but the server (onhttp://dev.jquery.com/)
> > was not responding as it should so I posted a thread also in the
> > jQuery development google group.
>
> >http://groups.google.com/group/jquery-dev/browse_thread/thread/945f3c...
>
> > Nobody has replied so far...
>
> > I wait a couple of days to see if somebody knows something about it
> > and then I'll report it.
>
> > BTW, Jeffrey, thank you very much for your time!!!
>
> > Andrea
>
> > On Nov 24, 6:20 pm, "Jeffrey Kretz" <[EMAIL PROTECTED]> wrote:
>
> > > Regardless, it is possible that the actual bug may be in the core animate
> > > function as regards to animating relative percentages.
>
> > > Don't forget to open a ticket on it (dev.jquery.com)
>
> > > JK
>
> > > -Original Message-
> > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
>
> > > Behalf Of ^AndreA^
> > > Sent: Monday, November 24, 2008 3:06 AM
> > > To: jQuery (English)
> > > Subject: [jQuery] Re: animate problem with IE7
>
> > > jQuery cycle plugin is very nice but I have had bad experiences with
> > > plugins...
>
> > > Usually they do a lot of things but not exactly what I need, therefore
> > > I have to start tweaking them and 'often' it would take less time
> > > doing it from scratch...
>
> > > often... ;-)
>
> > > On Nov 24, 12:09 am, Anyulled <[EMAIL PROTECTED]> wrote:
> > > > why don´t you use Jquery Cycle plugin?
>
> > > > On Nov 22, 10:17 pm, "Jeffrey Kretz" <[EMAIL PROTECTED]> wrote:
>
> > > > > I'm not an expert in the animation sytem -- you should open a ticket
> > > > > (dev.jquery.com) and get some others to take a look at it.
>
> > > > > When I stepped through the code, I found a potential problem here, 
> > > > > line
> > > 3043
> > > > > of jquery.js
>
> > > > > // We need to compute starting value
> > > > > if ( unit != "px" ) {
> > > > >         self.style[ name ] = (end || 1) + unit;
> > > > >         start = ((end || 1) / e.cur(true)) * start;
> > > > >         self.style[ name ] = start + unit;
>
> > > > > }
>
> > > > > The div in question has a starting position of: left:-50%;
>
> > > > > The value of "end" is 50, unit is "%".
>
> > > > > All of the other divs that had a positive percentage were handled
> > > correctly.
>
> > > > > While processing this div the starting position was somehow altered to
> > > -4%,
> > > > > leaving the ending position at 46% (-4 + 50).
>
> > > > > I'm not that familiar with the animation plumbing, so I'm not sure why
> > > this
> > > > > is occurring.
>
> > > > > JK
>
> > > > > -Original Message-
> > > > > From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
> > > > > Behalf Of ^AndreA^
> > > > > Sent: Saturday, November 22, 2008 4:26 PM
> > > > > To: jQuery (English)
> > > > > Subject: [jQuery] Re: animate problem with IE7
>
> > > > > Hi Jeffrey, thanks.
>
> > > > > I deleted the "float: left;", i didn't know was useless with
> > > > > position:absolute;
>
> > > > > Anyway, I noted the strange behaviour of the  elements too.
>
> > > > > I uploaded jQuery unpacked... if you still want to have a look... ;-)
>
> > > > > BTW, there could be something wrong with animate('left','+=50%'); but
> > > > > that would mean a bug... :-|
>
> > > > > Thanks,
> > > > > Andrea
>
> > > > > On Nov 22, 11:51 pm, "Jeffrey Kretz" <[EMAIL PROTECTED]> wrote:
> > > > > > I watched the animation with the IE developer toolbar, and noticed a
> > > > > couple
> > > > > > of oddities.
>
> > > > > > Firstly, the CSS for the divs are set to both position:absolute and
> > > > > > float:left.  This is not the source of the problem (I overwrite to
> > > > > > float:none and tried it), but float:left is unnecessary if with
> > > absolute
> > > > > > positioning.
>
> > > > > > Anyway, then I monitored the left: position as the animations
> > > happened.
>
> > > > > > While going to the right, everything went as usual.
>
> > > > > > Div#0    0% to -50%
> > > > > > Div#1   25% to -25%
> > > > > > Div#2   50% to   0%
> > > > > > Div#3   75% to  25%
> > > > > > Div#4  100% to  50%
> > > > > > Div#5  125% to  75%
>
> > > > > > All good.
>
> > > > > > Then I refreshed and tried going to the left.
>
> > > > > > Div#0    0% to  50%
> > > > > > Div#1   25% to  75%
> > > > > > Div#2   50% to 100%
> > > > > > Div#3   75% to 125%
> > > > > > Div#4  100% to  45%
> > > > > > Div#5  125% to  48%
>
> > > > > > As you can see, divs 0-3 were fine.
>
> > > > > > Divs 4 and 

[jQuery] Re: Doing Ajax call to a page that requires authentication

2008-11-27 Thread TheBlueSky

Thanks for your reply.

Sorry that my question wasn't clear enough; I already tried using the
username/password options for ajax() method, however, I'm getting
'Permission denied to call method XMLHttpRequest.open' kind of
message. I don't know if there is something else need to be done or
not.

By the way, the credentials I'm using are correct.

On Nov 25, 4:24 pm, "Pierre Bellan" <[EMAIL PROTECTED]> wrote:
> Hi,
> If the authentification is form-based, then the login credentials is passed
> by GET or POST.
> So you just have to add it to your ajax request
>
> see the data option.
>
> $.ajax({
>    type: "POST",
>    url: "some.php",
>    data: "name=John&location=Boston",
>    success: function(msg){
>      alert( "Data Saved: " + msg );
>    }
>  });
>
> If the authentification is based on .htaccess, you can use username/password
> option
>
> Pierre
>
> W. C. Fields  - "I cook with wine, sometimes I even add it to the food."
>
> 2008/11/25 TheBlueSky <[EMAIL PROTECTED]>
>
>
>
>
>
> > Hi everyone,
> > How can I send login credentials with jQuery Ajax request (get(), post
> > () or ajax()) when the page I'm requesting is asking for them before
> > permitting the access.
> > Note here that I'm not talking here about form-based authentication.
> > Thanks in advance.- Hide quoted text -
>
> - Show quoted text -


[jQuery] trying to style thickbox

2008-11-27 Thread CliffordSean


hi there

im trying to style thickbox so it looks a little better howerev im lost.
i have seen some places on the web where its styled real nice but i cant see
how it is done

can anyone offer me pointers ?

one example is on biocompare.com (click signin or register!)

tnx
sean
-- 
View this message in context: 
http://www.nabble.com/trying-to-style-thickbox-tp20716471s27240p20716471.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.



[jQuery] Re: error option for jQuery.ajax

2008-11-27 Thread seasoup

Your getting an error in that code because you need a comma after the
success:function(){},

Also, make sure there is no comma after the last method in the object
or IE throws an error.

Josh Powell

On Nov 26, 11:51 pm, WebAppDeveloper <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I have the following code below where I'm trying to dynamically check if an
> AJAX request error occurs. If an error occurs, do something; otherwise, do
> something else (if it's a success). But according to jQuery.com, they say
> "You can never have both an error and a success callback with a request."
> And that's why I'm getting an error when running the code below. Is there a
> way to solve this?
>
> $(document).ready(function() {
> $.ajax({
>type: "GET",
>url: "SomeProcessPage.cfm",
>data: "FirstName=Jerry&LastName=Young",
>success: function(data) {
> $(data).appendTo("#myDivId");
>}
>error: function(XMLHttpRequest, textStatus, errorThrown){
>  $("#msg").ajaxError(function(event, request, settings){
>$(this).append("Error requesting page " + settings.url + 
> "");
>  });
>}
>   });});
>
> --
> View this message in 
> context:http://www.nabble.com/error-option-for-jQuery.ajax-tp20711274s27240p2...
> Sent from the jQuery General Discussion mailing list archive at Nabble.com.


[jQuery] error option for jQuery.ajax

2008-11-27 Thread WebAppDeveloper


Hi,

I have the following code below where I'm trying to dynamically check if an
AJAX request error occurs. If an error occurs, do something; otherwise, do
something else (if it's a success). But according to jQuery.com, they say
"You can never have both an error and a success callback with a request."
And that's why I'm getting an error when running the code below. Is there a
way to solve this?

$(document).ready(function() {
$.ajax({
   type: "GET",
   url: "SomeProcessPage.cfm",
   data: "FirstName=Jerry&LastName=Young",
   success: function(data) {
$(data).appendTo("#myDivId");
   }
   error: function(XMLHttpRequest, textStatus, errorThrown){
   $("#msg").ajaxError(function(event, request, settings){
$(this).append("Error requesting page " + 
settings.url + "");
});
   }
  });
});
-- 
View this message in context: 
http://www.nabble.com/error-option-for-jQuery.ajax-tp20711274s27240p20711274.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.



[jQuery] warning: jquery in firefox 3

2008-11-27 Thread codz

hello everyone,

i just want to ask anybody about this warning that always show
whenever my page load with the jquery.js file.

Warning:

test for equality (==) mistyped as assignment (=)?
Source File: http://localhost:2008/jquery.js
Line: 1161, Column: 32
Source Code:
   while ( elem = second[ i++ ] )

anonymous function does not always return a value
Source File: http://localhost:2008/jquery.js
Line: 1859, Column: 71
Source Code:
   });

anonymous function does not always return a value
Source File: http://localhost:2008/jquery.js
Line: 3524, Column: 20
Source Code:
this[0][ method ];


though this warning show, it does not affect my entire program.

i hope that all of you can make me understand about this or maybe
solve this stuff.


Thank you very much.

Codz



[jQuery] Issues in JCarousel scroller

2008-11-27 Thread Thomas

Hi there

We are facing an issue with JCarousel scroller while loading dynamic
data. The scenario is like we have a set of images loaded on to the
scroller initially.

Later upon a click event on one of the links on the page, we are
loading a fresh set of images (via AJAX) to the scroller.

We referred the following example to achieve the same.http://
sorgalla.com/projects/jcarousel/examples/dynamic_ajax.html

To an extent we achieved what was required. i.e. loading the dynamic
data to the scroller. But the issue is say the first set had 5 images
and the new set had only 2 images, the remaining 3 from the first set
of images were still there on the scroller.

Can any one suggest a workaround for this?

Regards
Thomas