[jQuery] how to assign date picker for all class "date" ?
Hi,
I have a tabular data that updated via ajax (using table and input)
I have inputs that looks like this
this input generated by ajax or added dynamically.
on js :
$('.datepicker').datepicker();
but it seems it is not working with new and i need to call $
('.datepicker').datepicker(); again everytime i add new
is there any way to make sure that new added (by ajax) has datepicker
as well?
i am using jquery 1.3.2 and ui 1.7.2
[jQuery] how to prevent user input while the page is loading
I have page that rely heavily on jquery for doing calculation. I need to prevent user to enter before the page finished loading so the javascript can be run. is there simple solutions to do that ? like displaying [loading] may be ? thanks
[jQuery] Re: how to add callback in the $.ajax ?
nope, i want to return as json.
price was there because i was logging into console. just for
debugging :) and i will do the calculation after it return the value.
I tried using async:false
and the result still undefined
function getGoodsDetail(id){
$.ajax({
type: "POST",
url : "/goods/detail/",
data : "id="+id,
dataType: "json",
async:false,
success : function(data){
return data ;
}
});
}
var x = getGoodsDetail(10);
any idea ?
I think i need to have callback so that I can return the value ...
just like in $.post and $.get.
is it possible ?
thanks
On Mar 5, 9:06 am, James wrote:
> But does it work with async set to false?
> The code should work correctly if you have async set to false.
> However, you cannot do this (return the JSON from the function)
> properly without that setting set to false.
>
> By the way, is it suppose to be:
> result = price;
> ? I don't see what you're doing with the price variable in there.
>
> On Mar 4, 3:43 pm, Charles Liu wrote:
>
> > hi Adwin,
> > it is "undefined" because it runs before ajax is finished.
> > maybe you should try to move "return result" next to the position of "result
> > = data"
>
> > let me know if it works
>
> > Charles
>
> > 2009/3/5 Adwin Wijaya
>
> > > Hi,
>
> > > can i have callback function on the $.ajax ?
> > > I don't want to use async since it will block the browser ... so can i
> > > use callback instead ?
>
> > > I would like to have function that return json like this
>
> > > function getGoodsDetail(id,member){
> > > var result ;
> > > $.ajax({
> > > type: "POST",
> > > url : "/goods/detail/",
> > > data : "id="+id,
> > > dataType: "json",
> > > async:false,
> > > success : function(data){
> > > var price = 0 ;
> > > if(member == 'Y'){
> > > price = data.priceMember ;
> > > }else{
> > > price = data.priceNonMember;
> > > }
> > > // I want to return data to user
> > > result = data
> > > }
> > > });
> > > return result; // --> always undefined
> > > }
>
> > > so when I call getGoodsDetail(id, membership) it will return json
> > > value ...
[jQuery] how to add callback in the $.ajax ?
Hi,
can i have callback function on the $.ajax ?
I don't want to use async since it will block the browser ... so can i
use callback instead ?
I would like to have function that return json like this
function getGoodsDetail(id,member){
var result ;
$.ajax({
type: "POST",
url : "/goods/detail/",
data : "id="+id,
dataType: "json",
async:false,
success : function(data){
var price = 0 ;
if(member == 'Y'){
price = data.priceMember ;
}else{
price = data.priceNonMember;
}
// I want to return data to user
result = data
}
});
return result; // --> always undefined
}
so when I call getGoodsDetail(id, membership) it will return json
value ...
[jQuery] Re: how to capture error 500/404 ?
Thanks anyway .. i found simpler solutions as referred by richo :)
$(document).ajaxError(function(event, request, setting)
{
var re = /|/g; // for replacing all with empty string in error 404
var txt = request.responseText.replace(re,"");
jqalert(txt,"Server Error");
});
On Dec 15, 8:57 am, MareceK wrote:
> Solution of your problem:
>
> error: function (xhr, ajaxOptions, thrownError) {
> if(xhr.status == 404) {
> // some error
> }
> else if(xhr.status == 403) {
> // another error
> }
> else {
> // default error
> }
>
> }
>
> On 24. Nov, 16:21 h., ricardobeat wrote:
>
> > The XHR object and the error are passed as arguments to the ajaxError
> > callback:
>
> > $.ajaxError(function(event, XHRObject, options, errorThrown){
> > console.log( XHRObject.responseText, errorThrown );
>
> > });
>
> > seehttp://docs.jquery.com/Ajax/ajaxError#callback
>
> > On Nov 24, 4:09 am, Adwin Wijaya wrote:
>
> > > how about using ajaxError events ? but I dont know how to capture the
> > > response text if 404 / 500 errors occured.
> > > can i use that instead of $.ajax ... ?
>
> > > thanks !
>
> > > On Nov 24, 12:18 pm, "Jeffrey Kretz" wrote:
>
> > > > The best way would be to use the $.ajax call directly (both the post
> > > > and the
> > > > get function call $.ajax internally).
>
> > > > $.ajax({
> > > > type:'GET',
> > > > url:'somepath.php',
> > > > dataType:'json',
> > > > success:do_something,
> > > > error:do_something_else
>
> > > > });
>
> > > > function do_something(results) {
> > > > ///
>
> > > > }
>
> > > > function do_something_else() {
> > > > ///
>
> > > > }
>
> > > > JK
>
> > > > -Original Message-
> > > > From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
>
> > > > Behalf Of Adwin Wijaya
> > > > Sent: Sunday, November 23, 2008 8:58 PM
> > > > To: jQuery (English)
> > > > Subject: [jQuery] how to capture error 500/404 ?
>
> > > > Hi,
>
> > > > how to capture error that produced by server (err 505 or 404) inside
> > > > $.post() and $.get() ?
>
> > > > thanks !!!
[jQuery] jquery validation
I am using jquery validation from bassistance.de
I have problem with dynamic forms which have same input name.
(i know the demo has one dynamic form, but they have unique name)
this is the example
how to validate each fields ? it seems it only validate the first one
and ignore the rest.
can i create custom validation for each input which has "name" class ($
(".name")) ?
thanks ... i really need this to be done ...
and i cannot rename the name of each fields so it has unique name.
[jQuery] Re: ask : jquery validation plugins not working
the reason I am not put unique names on each fields because on grails
(grails.org) it will render as array.
and i want it to become array of fields.
I put unique id on each fields.
i think, validation should look at the id instead of names.
Okay i will try you validate modification :)
Thanks !
On Dec 3, 11:04 pm, ksun <[EMAIL PROTECTED]> wrote:
> Ok, I think I found the problem
>
> you form input elements don't have unique names (check how many times
> you have 'expPerson1' 'expPerson2' etc). so the validation plugin only
> picks the first ones. give unique names and then try. The following is
> the code in validate.jquery.js file that does this , look at the
> comment "// select only the first element for each name, and only
> those with rules specified". Hope this helps.
>
> elements: function() {
> var validator = this,
> rulesCache = {};
>
> // select all valid inputs inside the form (no submit
> or reset
> buttons)
> // workaround $Query([]).add
> untilhttp://dev.jquery.com/ticket/2114
> is solved
> return $([]).add(this.currentForm.elements)
> .filter(":input")
> .not(":submit, :reset, :image, [disabled]")
> .not( this.settings.ignore )
> .filter(function() {
> !this.name && validator.settings.debug &&
> window.console &&
> console.error( "%o has no name assigned", this);
>
> // select only the first element for each
> name, and only those
> with rules specified
> if ( this.name in rulesCache ||
> !validator.objectLength($
> (this).rules()) )
> return false;
>
> rulesCache[this.name] = true;
> return true;
> });
> },
>
> On Dec 3, 12:00 am, Adwin Wijaya <[EMAIL PROTECTED]> wrote:
>
> > Here is the test pagehttp://wysmedia.com/test/
>
> > you can delete the first field .. and the validate() will work .. but
> > when you delete the second, third, etc ... the validation will simply
> > said it is valid and allow me to go to next page.
>
> > On Dec 2, 5:16 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]>
> > wrote:
>
> > > Could you provide a testpage?
>
> > > Jörn
>
> > > On Mon, Dec 1, 2008 at 10:32 PM,AdwinWijaya <[EMAIL PROTECTED]> wrote:
>
> > > > Hi jquery users,
>
> > > > I have forms which has a lot of input inside and all of it I set as
> > > > required. Actually I generated the form using database, not by hand :)
>
> > > > each input has unique id (generated by server).
>
> > > > at the moment, the validation wont work on all field, it just detect
> > > > the first fields ... (eg: houseHoldExpfood, expPerson1food,
> > > > expPerson2food) .. but ignored another fields.
>
> > > > is this jquery validation bug ?
>
> > > > here is
> > > > My javascript code:
> > > > $(document).ready(function(){
> > > > $('#householdBudgetForm').validate({
> > > > errorLabelContainer: $('#householdBudgetErrorMsg'),
> > > > submitHandler: submitHouseholdBudgetForm
> > > > });
> > > > });
>
> > > > here is my form :
> > > >
> > > >
> > > >
> > > >
> > > > Expenses
> > > > Suggested exp
> > > > Household exp
> > > > %
> > > > Person1
> > > > Person2
> > > > Reason
> > > >
> > > >
>
> > > >
> > > > Food incl groceries & take aways
> > > >
> > > > 2,100
> > > > > > > id="suggestedExpfood" name="suggestedExp"/>
> > > >
> > > > > > > id="houseHoldExpfood" name="houseHoldExp" size="10" class="money
> > > > required houseHoldExp"/>
> >
[jQuery] Re: ask : jquery validation plugins not working
Here is the test page
http://wysmedia.com/test/
you can delete the first field .. and the validate() will work .. but
when you delete the second, third, etc ... the validation will simply
said it is valid and allow me to go to next page.
On Dec 2, 5:16 pm, "Jörn Zaefferer" <[EMAIL PROTECTED]>
wrote:
> Could you provide a testpage?
>
> Jörn
>
> On Mon, Dec 1, 2008 at 10:32 PM,AdwinWijaya <[EMAIL PROTECTED]> wrote:
>
> > Hi jquery users,
>
> > I have forms which has a lot of input inside and all of it I set as
> > required. Actually I generated the form using database, not by hand :)
>
> > each input has unique id (generated by server).
>
> > at the moment, the validation wont work on all field, it just detect
> > the first fields ... (eg: houseHoldExpfood, expPerson1food,
> > expPerson2food) .. but ignored another fields.
>
> > is this jquery validation bug ?
>
> > here is
> > My javascript code:
> > $(document).ready(function(){
> > $('#householdBudgetForm').validate({
> > errorLabelContainer: $('#householdBudgetErrorMsg'),
> > submitHandler: submitHouseholdBudgetForm
> > });
> > });
>
> > here is my form :
> >
> >
> >
> >
> > Expenses
> > Suggested exp
> > Household exp
> > %
> > Person1
> > Person2
> > Reason
> >
> >
>
> >
> > Food incl groceries & take aways
> >
> > 2,100
> > > id="suggestedExpfood" name="suggestedExp"/>
> >
> > > id="houseHoldExpfood" name="houseHoldExp" size="10" class="money
> > required houseHoldExp"/>
> >
> >
> >
> >
> > > id="expPerson1food" name="expPerson1" size="10" class="money required
> > expPerson1"/>
> >
> >
> > > id="expPerson2food" name="expPerson2" size="10" class="money required
> > expPerson2"/>
> >
> >
> > > id="reasonfood">
> > > name="reason"/>
> > > href="#">
> >
> >
> >
>
> >
> > Phone mobile internet
> >
> > 830
> > > id="suggestedExpcommunication" name="suggestedExp"/>
> >
> > > id="houseHoldExpcommunication" name="houseHoldExp" size="10"
> > class="money required houseHoldExp"/>
> >
> >
> >
> >
> > > id="expPerson1communication" name="expPerson1" size="10" class="money
> > required expPerson1"/>
> >
> >
> > > id="expPerson2communication" name="expPerson2" size="10" class="money
> > required expPerson2"/>
> >
> >
> > > id="reasoncommunication">
> > > name="reason"/>
> > > id="reasonLinkcommunication" href="#">
> >
> >
> >
>
> >
> > Entertainment, pay tv
> >
> > 1,100
> > > id="suggestedExpentertainment" name="suggestedExp"/>
> >
> > > id="houseHoldExpentertainment" name="houseHoldExp" size="10"
> > class="money required houseHoldExp"/>
> >
> >
> >
> >
> > > id="expPerson1entertainment" name="expPerson1" size="10" class="money
> > required expPerson1"/>
> >
> >
> > > id="expPerson2entertainment" name="expPerson2" size="10" class="money
> > required expPerson2"/>
> >
> >
> > > id="reasonentertainment">
> > > name="reason"/>
> > > id="reasonLinkentertainment" href="#">
> >
> >
> >
> > . another fields .
> >
> >
[jQuery] ask : jquery validation plugins not working
Hi jquery users,
I have forms which has a lot of input inside and all of it I set as
required. Actually I generated the form using database, not by hand :)
each input has unique id (generated by server).
at the moment, the validation wont work on all field, it just detect
the first fields ... (eg: houseHoldExpfood, expPerson1food,
expPerson2food) .. but ignored another fields.
is this jquery validation bug ?
here is
My javascript code:
$(document).ready(function(){
$('#householdBudgetForm').validate({
errorLabelContainer: $('#householdBudgetErrorMsg'),
submitHandler: submitHouseholdBudgetForm
});
});
here is my form :
Expenses
Suggested exp
Household exp
%
Person1
Person2
Reason
Food incl groceries & take aways
2,100
Phone mobile internet
830
Entertainment, pay tv
1,100
. another fields .
[jQuery] Re: how to capture error 500/404 ?
how about using ajaxError events ? but I dont know how to capture the
response text if 404 / 500 errors occured.
can i use that instead of $.ajax ... ?
thanks !
On Nov 24, 12:18 pm, "Jeffrey Kretz" <[EMAIL PROTECTED]> wrote:
> The best way would be to use the $.ajax call directly (both the post and the
> get function call $.ajax internally).
>
> $.ajax({
> type:'GET',
> url:'somepath.php',
> dataType:'json',
> success:do_something,
> error:do_something_else
>
> });
>
> function do_something(results) {
> ///
>
> }
>
> function do_something_else() {
> ///
>
> }
>
> JK
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On
>
> Behalf Of Adwin Wijaya
> Sent: Sunday, November 23, 2008 8:58 PM
> To: jQuery (English)
> Subject: [jQuery] how to capture error 500/404 ?
>
> Hi,
>
> how to capture error that produced by server (err 505 or 404) inside
> $.post() and $.get() ?
>
> thanks !!!
[jQuery] how to capture error 500/404 ?
Hi, how to capture error that produced by server (err 505 or 404) inside $.post() and $.get() ? thanks !!!
[jQuery] Re: jQuery.getJSON ajax loading
it doesnt work ... the block and unblock was to fast ...
now i use ajaxStart and ajaxStop and it work well ;)
On Oct 4, 5:39 am, MorningZ <[EMAIL PROTECTED]> wrote:
> Use a plugin like blockUI
>
> http://malsup.com/jquery/block/
>
> then it's as easy as having a div wrapped around your UI like:
>
>
> your content .
>
>
> and then when you call your getJSON method:
>
> $("SomeButton").click(function() {
> $("Page_Block").block();
> $.getJSON(
> "somepage.html"
> { Params },
> function(result) {
> ... your success code
> $("Page_Block").unblock();
> }
> );
>
> });
>
> On Oct 3, 1:29 pm, Adwin Wijaya <[EMAIL PROTECTED]> wrote:
>
> > Hi,
>
> > I need to add ajax loading before jQuery.getJSON loaded ... because on
> > some user, the connection was pretty slow and they needs to wait for
> > several seconds...
>
> > please tell me how to add ajax loading message (i will supply with the
> > image and overlay div) before getJSON loaded and after getJSON
> > finished.
>
> > thanks
[jQuery] jQuery.getJSON ajax loading
Hi, I need to add ajax loading before jQuery.getJSON loaded ... because on some user, the connection was pretty slow and they needs to wait for several seconds... please tell me how to add ajax loading message (i will supply with the image and overlay div) before getJSON loaded and after getJSON finished. thanks
[jQuery] Re: mootools and jquery
btw, may i know why you need to convert from mootools to jquery ? you can use jquery.noConflict() so it can work with mootools (beware, some jquery plugins are not working with it) On Aug 18, 6:24 pm, Hoi <[EMAIL PROTECTED]> wrote: > I'm completely new to jquery (and not technical...) and I've been > asked to estimate how mush would it would take to convert a > html +xml+mootools written mini web page into jquery, the current > mootools written mini web page has the following: > > * 2 dynamic menus, content of these menus are defined in 2 > different .xmls (both click through and html to display) > * When clicked on the menus, it import individual htmls to a div > within the main template > * a small animtaion (like slideDown(); in jquery) within the menu > * 966 lines of .js > * drop cookie function (unfortunately with my very poor knowledge, I > do not know what this is for...) > > My questions are... > 1. How much work is it to convert what this from mootools to jquery? > 1.1. What's the quickest way to do it? > 1.2. Is it a complete re-write (.html, .js, .xml) ? > 1.3. Is it doable by re-writing the .js only + pointing the pages to > jquery.js? > > 2. How long would it take - for someone who's basic jquery knowledge > to complete it (it > answer to 1. above...)? > > Very very very much appreciated for anyone' input in advance...
[jQuery] Re: How do I do a Ajax request before form submits
simple solutions ...
do this on
that will do what you want :)
On Jul 22, 7:22 pm, HairyJim <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I created a form which I wanted to submit using jQuery (I'm new to jq)
> but before the submit I wanted to run an ajax request and attach the
> returned result to the form for posting. However it seems the form
> submits before the ajax request is returned, I can see the code
> generated in the DB but it never gets attached to the form.
>
> If I set the return false; and hit submit the ajax process runs and is
> attached to the forms hidden field correctly but obviously the form
> does not get submitted, any thoughts for a 'green skin' on this
> matter?
>
>
> $(document).ready(function()
> {
> $("form#RegForm").submit(function()
> {
> $.get("servertime.php",function(response)
> {
> response=response.split("\n");
> $("#serialnumber").val(response[0]);
> $("#passcode").val(response[1]);
> });
> return true;
> });});
>
>
>
> Cheers
> Jim
[jQuery] Re: How do I do a Ajax request before form submits
you can do this
and then
$("form#RegForm").submit(function()
{
$.get("servertime.php",function(response)
{
response=response.split("\n");
$("#serialnumber").val(response[0]);
$("#passcode").val(response[1]);
});
url = 'http://localhost/reg.php';
data = $('#RegForm').serialize();
$.post(data, url , function(){ ... put your call back
here ... });
--- > if you want to move to another page just call javascript
redirection :)
});
On Jul 22, 7:22 pm, HairyJim <[EMAIL PROTECTED]> wrote:
> Hi,
>
> I created a form which I wanted to submit using jQuery (I'm new to jq)
> but before the submit I wanted to run an ajax request and attach the
> returned result to the form for posting. However it seems the form
> submits before the ajax request is returned, I can see the code
> generated in the DB but it never gets attached to the form.
>
> If I set the return false; and hit submit the ajax process runs and is
> attached to the forms hidden field correctly but obviously the form
> does not get submitted, any thoughts for a 'green skin' on this
> matter?
>
>
> $(document).ready(function()
> {
> $("form#RegForm").submit(function()
> {
> $.get("servertime.php",function(response)
> {
> response=response.split("\n");
> $("#serialnumber").val(response[0]);
> $("#passcode").val(response[1]);
> });
> return true;
> });});
>
>
>
> Cheers
> Jim
[jQuery] ask: jquery plugins loader (just in time loader)
Hi ,
I have a project and my project using many plugins from jquery (thank
you everybody ... ).
But it makes my page load slower than usual because i load all jquery
libs before loading pake (I load it on templates) but I am not using
all of it ...
I just need a plugins /script that can load javascript just when i
need it and it should placed before everything else (before $
(document).ready() )
for example, i want to load table sorter .. i will call $.load('
http://localhost/js/tablesorter.min.js') ;
and then on $(document).ready(function(){$('#mytbl').tablesorter();});
do you have any idea how to do that ?
[jQuery] is this bug ? bind not work
Hi ...
I have table and inside contains image which class name = 'reason_img'
my js script was like this
$(document).ready(function(){
.. another initialization goes here
$('.reason_img').bind('click',function(e)
{display_reason(this);});
});
function display_reason(el){
alert('test');
}
.
when i click on every image which has "reason_img" class .. it won't
work ..
I tried to type $('.reason_img').bind('click',function(e)
{display_reason(this);}); in my firebug
and everything works well ..
dunno why ...
is this a bug ? or should i place it outside the $
(document).ready() ?
[jQuery] Re: each() how to change the element text ?
oo now I know it ... thank you Richard :)
On Jun 7, 8:28 pm, "Richard D. Worth" <[EMAIL PROTECTED]> wrote:
> $('a.pop').each(function() {
> $(this).text('change to something');
>
> });
>
> since 'this' is each DOMElement, you need to wrap it in $() to be able to
> call the jQuqyer .text() method.
>
> - Richard
>
> Richard D. Worthhttp://rdworth.org/
>
> On Sat, Jun 7, 2008 at 2:31 AM, Adwin Wijaya <[EMAIL PROTECTED]> wrote:
>
> > Hi ...
>
> > I just want to modify my del.icio.us page so that the font color won't
> > look bad (using jquery and greasemonkey) ... :)
>
> > I did that .. and now I want to change the text inside > class='pop'>
> > like this
>
> > [code]saved
> > by 651 other people
> > [/code]
>
> > but I don't know how to modify text "saved by ... other people". I
> > wanto add a new style for example if it saved by less than 100, the
> > color will be light yellow, 100-300 color will be yellow, etc ... but
> > i have no idea how to add and change the element inside ;)
>
> > here is my jquery
>
> > [code]
> > $('a.pop').each(function(data){
> >this.text = 'change to something '; // won't change ... :(
> > });
> > [/code]
>
> > any idea ? :D
[jQuery] each() how to change the element text ?
Hi ...
I just want to modify my del.icio.us page so that the font color won't
look bad (using jquery and greasemonkey) ... :)
I did that .. and now I want to change the text inside
like this
[code]saved
by 651 other people
[/code]
but I don't know how to modify text "saved by ... other people". I
wanto add a new style for example if it saved by less than 100, the
color will be light yellow, 100-300 color will be yellow, etc ... but
i have no idea how to add and change the element inside ;)
here is my jquery
[code]
$('a.pop').each(function(data){
this.text = 'change to something '; // won't change ... :(
});
[/code]
any idea ? :D
[jQuery] bug: [ui 1.5b4] jquery ui ... dialog problem
I used jquery 1.5b2 packed and I use jquery dialog ... it work perfectly .. but when I used 1.5b4 packed ... the dialog won't open ... it produce error ... which i don't know why ...
[jQuery] empty class return undefined .. bug ?
I have code .. to check what class in every id ..
i found that if the class="", attr will return undefined ...
example: className = $('#myid').attr('class');
I use Jquery 1.2.4b from ui.jquery.com
is it the bug or it is the correct result from attr() ?
[jQuery] Re: Modal Dialog in blockUI
it is easy ...
for example your block like this
get the page from ajax first ...
webpage = ... ; //get from ajax
$('#blockui').empty();
$('#blockui').append(webpage);
On May 6, 10:34 pm, Adam <[EMAIL PROTECTED]> wrote:
> Is it possible to show an external webpage inside of a blockUI modal
> dialog? I'd like to call another page via ajax and populate the
> dialog instead of using a reference to a hidden div, etc.
[jQuery] Re: Best way to do Lightbox-like modal windows?
I use JQuery UI Dialog ...easy and elegant :) enough for simple to complex dialog box. for displaying error/warning/info I use jqalert() as replacement of alert box by browser. On May 8, 4:36 am, Kyrre Nygård <[EMAIL PROTECTED]> wrote: > Hello! > > What's the best way to do a Lightbox-like modal windows? jqModal? > Facebox? Thickbox? There are so many options out there, so many of > them look so bloated and really getting confused. Maybe you guys with > experience and all could show me the right way? I'm looking for the > simplest, most elegant alternative where I can do stuff like > newsletter signups, logins, etc. > > Much obliged, > Kyrre
[jQuery] how to access this function (flexigrid)
Hi ..
I download the Flexigrid from http://www.webplicity.net/flexigrid/
and I just doing a test, everything work fine but I found that my
quick search doesn't work .. and I don't know why.
I have read the code and found doSearch() function to perform
search ... but I don't know how to call it manually (I mean from my
own button).
But I am here to ask ... how to get access for doSearch function in
Flexigrid.
(I want to have my own quick search that's not embed in Flexigrid
table)
[code]
var g = {
hset : {},
the rest of the code ..
doSearch: function () {
p.query = $('input[name=q]',g.sDiv).val();
p.qtype = $('select[name=qtype]',g.sDiv).val();
p.newp = 1;
this.populate();
},
another codes here
}
[/code]
Another questions,
in line 1191
[code]
$('input[name=q],select[name=qtype]',g.sDiv).keydown(function(e)
{if(e.keyCode==13) g.doSearch()});
[/code]
I just knowing that I could type input[name=q], etc .. I just curious
and want to learn more about this syntax. Which documents/web I should
read to know more about this ?
[jQuery] Re: TableSorter + Filtering + Ajax
Uhmm ... flexigrid looks more difficult to master that tablesorter :) btw, can tablesorter sort using ajax and pagination. I have 1000 data and I dont want to throw all the data to user. so i use pagination, separated into 10 records per page ... but I dont have any idea how to override the sort function, because when the sort clicked, I want to call my ajax function and doing sort from database. On May 7, 3:13 am, patrick davey <[EMAIL PROTECTED]> wrote: > Hi Kevin, > > That looks like a really excellent plugin - might have to give it a > try. The one thing it doesn't do that I need it to - is *filtering*. > That is, say I am returning rows and one of the columns is a city - > and there may be multiple rows with the same city data. I want to be > able to choose 'Dublin' and then only have rows which have dublin as a > city returned. > > And then... I want to be able to continue sorting and paging through > my ajax'd data! Fun eh ;) When I get something working I'll try to > post it up somewhere... as long as I can make it readable etc! > > Thanks, > Patrick > > On May 6, 9:47 pm, Kevin Kietel <[EMAIL PROTECTED]> wrote: > > > Try Flexigrid! > > >http://webplicity.net/flexigrid/ > > > This jQuery plugin is a Lightweight but rich data grid with resizable > > columns and a scrolling data to match the headers, plus an ability to > > connect to an json/xml based data source using Ajax to load the > > content. > > > If you need any help implementing it, just contact me or take a look > > at the Flexigrid discussion on CodeIgniter > > forums:http://codeigniter.com/forums/viewthread/75326/ > > There are several examples that you can use. > > > Let me know if this is what you're looking for! > > > Bye, > > > Kevin > > > On May 6, 2:18 am, patrick davey <[EMAIL PROTECTED]> wrote: > > > > Hi, > > > > I am using thetablesorterpluginghttp://tablesorter.com/andit > > > works fine for smallish tables. However, I need to page through large > > > result sets (and filter them) - so I am going to use AJAX to > > > repopulate the table once the options have been selected. > > > > Now, if through filtering / whetever - less than 100 rows are > > > returned, then I wanttablesorterto just sort the table (without > > > having to make an AJAX call) > > > > To do this I want to edit thetablesorterplugin to call a function > > > which returns true/false depending on how many records there are to > > > sort. > > > > So my question (there is one!) is how do I do that withtablesorter. > > > I have tried using 'sortStart' and returning false but no joy. I can > > > edit the source of course - but if there is a simple way I'd love to > > > know it. > > > > Better still, does anyone have an example of doing filtering&sorting& > > > paging of large datasets using JSON/AJAX and Jquery? :) > > > > Thanks, > > > Patrick
[jQuery] Re: using.attr('type') returns undefined
works fine in my web as well ...
may be you make a typo mistakes
:)
On May 7, 5:12 am, JP <[EMAIL PROTECTED]> wrote:
> if i have
>
> if I do:
>
> $('#fname').attr('type') - it returns "undefined"
>
> how can I get the "type" ?
[jQuery] Re: $ is not defined
It can be becaused the $ was used by another library like in wordpress
admin (if i am not wrong), $ is assigned to their own lib.
so try to use this : jQuery('#yourid').val(); :)
On May 6, 11:57 pm, motob <[EMAIL PROTECTED]> wrote:
> When ever I get the $ not defined error, its because my core jQuery
> library is not there, for example when I switch from jquery.pack to
> jquery.min and I forget to change the
[jQuery] Re: jQuery UI v1.5b3 is Now Available for Download plus New Site
I used 1.5b2 and it worked well.. but when I changed to 1.5b3 it
doesnt work .. like the datepicker ...
I use this class instead using one by one
jquery.ui-all-1.5b4.js
but using beta2 it work perfectly ...
here is the error :
$.effects has no properties
[Break on this error] $.effects.blind = function(o) {
jquery.ui-all-1.5... (line 2697)
$("#orderdate").datepicker is not a function
thx
adwin
> > > jQuery UI v1.5b3, the jQuery project's UI & effects library, is now
> > > available for download. While still in beta, the library is feature
> > > frozen and the features are in excellent shape.
>
> > > The jQuery UI team is anxious for your feedback so please join them on
> > > the UI mailing list found here:
>
> > >http://groups.google.com/group/jquery-ui?hl=en
>
> > > Any assistance with testing is greatly appreciated as it will help in
> > > making UI rock-solid out of the gate.
>
> > > Also check out the new site for the jQuery UI project
> > > athttp://ui.jquery.com/
>
> > > Rey- Hide quoted text -
>
> > - Show quoted text -
[jQuery] Re: event data ?
Thanks .. but I still curious what is inside the variable that passed
through function callback (btn in my example) and how to have access
on it.
On May 6, 6:39 pm, motob <[EMAIL PROTECTED]> wrote:
> $('.mybutton').click(function(){
> alert($(this).attr("id")); //get the id
> $(this).attr("disabled", "disabled"); //disable the clicked button
>
> });
>
> On May 6, 3:33 am, Adwin Wijaya <[EMAIL PROTECTED]> wrote:
>
> > Hi
>
> > I got a problem ... I have more than 1 buttons and each buttons has
> > unique name.
> > I assign / bind the button with function like this :
>
> > $('.mybutton').bind('click',function(btn){ alert( btn.id); } );
>
> > every time i click on the buttons the alert always show undefined. How
> > to get the ID of button who clicked ? i want to get the id, change the
> > button to disabled ... how to do that one ...
>
> > and what is event.data actually is
>
> > thanks !
[jQuery] Re: TableSorter + Filtering + Ajax
I got the same problem with you, at the moment I use partition from CI. and if you want you can use ajax to get partitioned data. I have no idea to get which one is sorted. adwin On May 6, 7:18 am, patrick davey <[EMAIL PROTECTED]> wrote: > Hi, > > I am using the tablesorter pluginghttp://tablesorter.com/and it > works fine for smallish tables. However, I need to page through large > result sets (and filter them) - so I am going to use AJAX to > repopulate the table once the options have been selected. > > Now, if through filtering / whetever - less than 100 rows are > returned, then I want tablesorter to just sort the table (without > having to make an AJAX call) > > To do this I want to edit the tablesorter plugin to call a function > which returns true/false depending on how many records there are to > sort. > > So my question (there is one!) is how do I do that with tablesorter. > I have tried using 'sortStart' and returning false but no joy. I can > edit the source of course - but if there is a simple way I'd love to > know it. > > Better still, does anyone have an example of doing filtering&sorting& > paging of large datasets using JSON/AJAX and Jquery? :) > > Thanks, > Patrick
[jQuery] event data ?
Hi
I got a problem ... I have more than 1 buttons and each buttons has
unique name.
I assign / bind the button with function like this :
$('.mybutton').bind('click',function(btn){ alert( btn.id); } );
every time i click on the buttons the alert always show undefined. How
to get the ID of button who clicked ? i want to get the id, change the
button to disabled ... how to do that one ...
and what is event.data actually is
thanks !
[jQuery] Re: need to popup window, grab values from mysql db, have user edit, and save data
I use UI Dialog in my project as well . and it is good ;) On May 3, 9:11 am, ktpmm5 <[EMAIL PROTECTED]> wrote: > I'm looking for the best popup window plugin available. I want > clients to be able to view a schedule, and click a date. This will > display a popup window with values from a mysql database. The user > will then be able to add data (not delete or edit) more data, press > save, then close the popup and go back to the original schedule. > Right now I am leaning towards using the UI Dialog plugin - does this > sound like a viable use for this plugin?
[jQuery] Re: event trigger doesnt work ?
Yaps that's right, Jquery cannot trigger the events that was not
binded by jquery. So I tried to bind the javascript event using
jquery. and it works ;) Thank you anyway ...
I wish jquery can trigger any trigger even it doesnt assign by jquery
(like from natural javascript) because it would be usefull if i use in
some framework who has js trigger on its component.
On May 2, 10:43 pm, BlueCockatoo <[EMAIL PROTECTED]> wrote:
> I'm not sure that jQuery picks up on events that weren't assigned
> through jQuery... Maybe it does but I've only been using it as
> "unobtrusive javascript" and so haven't tried to trigger an event that
> I didn't bind through jQuery yet.
>
> Try this and see if it doesn't work for you instead:
>
> $(document).ready( function() {
> $("#myname").blur( function() {
> dosomething(this.value);
> });
>
> });
>
> Then your call to $("#myname").trigger('blur'); should work, or just
> abbreviate it and use $("#myname").blur(); instead.
>
> HTH!
>
> On May 1, 7:23 pm,Adwin Wijaya <[EMAIL PROTECTED]> wrote:
>
> > I have a field with onblur function like this
>
> > > onblur='dosomething(this.value);'/>
>
> > and then in a button i put
> > $('#myname').trigger('blur'); ...
>
> > it seems the trigger wont call "dosomething" when i call $
> > ('#myname').trigger('blur');
[jQuery] event trigger doesnt work ?
I have a field with onblur function like this
and then in a button i put
$('#myname').trigger('blur'); ...
it seems the trigger wont call "dosomething" when i call $
('#myname').trigger('blur');
[jQuery] Re: ajax submit and jquery validation
I forgot ... i am not using input type='submit' because I use ajax i serialize the data first before submitting ... may be I should made clear ... I want to validate .. and I want to know .. if it is pass the validation (using JQUERY Validation) then I can do postAjax() ... but I dont know how to use jquery validation to return true/false while doing form validation. Thx On Apr 30, 12:05 am, Adwin Wijaya <[EMAIL PROTECTED]> wrote: > Hi :D > > I use Jquery validation > fromhttp://bassistance.de/jquery-plugins/jquery-plugin-validation/ > and I got a question ... > > I have form that I need to submit using ajax post() function.it works > well ... and now I tried to add data validation using jquery > validation .. it works well. > > my form is like this ... > > > > > > > > What i need to know is ... if the button "send the data" clicked .. i > would like to have validation first and if the validation was > failed .. it wont call postAjax() function. > > I dont know how to do this using JQuery Validation. > > Please help me ... > > Thx you > > best regardas... > > adwin
[jQuery] ajax submit and jquery validation
Hi :D I use Jquery validation from http://bassistance.de/jquery-plugins/jquery-plugin-validation/ and I got a question ... I have form that I need to submit using ajax post() function.it works well ... and now I tried to add data validation using jquery validation .. it works well. my form is like this ... What i need to know is ... if the button "send the data" clicked .. i would like to have validation first and if the validation was failed .. it wont call postAjax() function. I dont know how to do this using JQuery Validation. Please help me ... Thx you best regardas... adwin
[jQuery] how to use ajaxComplete on specific javascript function
Hi ..
I have a form let call it "myform", inside the form I use many kind of
ajax calls.
I have some ajax function for validating data, some for retrieving/
code completion and I have one ajax for post the data/save data.
I want $('#myform').ajaxComplete(function(data){ . }); to be
called just once when I call post/save data function only, but it
seems everytime I interacted with fields using ajax, this ajaxComplete
was called.
can you give me some help about this .. thx
[jQuery] Re: Off-line documentation
can jquery provide with the offline wiki (updated every week or month) so that everyone can have the offline documentation .. i used to work on the place where there is no internet access .. so i need to open the documentation everytime. currently i still use documentation from jquery 1.3.x I do fetch all the wiki using winhttrack and it is about 120mb :( so big for the software that has 78KB (+ some plugins) :( On Nov 27, 3:46 am, Jörn Zaefferer <[EMAIL PROTECTED]> wrote: > AdwinWijaya schrieb:> jquery 1.2 source should have the documentation and > examples in the > > source, but the developers take the precious one away .. (the previous > > version of jquery has nice and easy to follow documentation and > > examples, even if we have to read the source) > > > why in jquery 1.2 they are removed ? > > It was done for very practical reasons. > > - a wiki is the best place to get people help improving the documentation > - backporting changes in the wiki to the source is extremely > timeconsuming and not worth the trouble > - creating other formats of documentation from the wiki is possible > > Please see this thread on details of the current exporter > progress:http://groups.google.com/group/jquery-dev/browse_thread/thread/d08934... > > Your help on that is welcome. > > Jörn
[jQuery] Re: Off-line documentation
jquery 1.2 source should have the documentation and examples in the source, but the developers take the precious one away .. (the previous version of jquery has nice and easy to follow documentation and examples, even if we have to read the source) why in jquery 1.2 they are removed ? On Nov 23, 2:26 am, Jörn Zaefferer <[EMAIL PROTECTED]> wrote: > TunaSandwich schrieb:> So what I'm understanding is that there is no official > jQuery > >documentationthat we can download for offline reading and > > development? > > > I searched this area and that's all I've found so far. Some of it is > > old. Is there a better solution? > > > I mean, I'm about to take the bus for 45m and I'd like to use that > > time for jQuery. > > Well, there is downloadabledocumentationfor pre 1.2.x versions. And > the Learning jQuery book. > > Jörn
[jQuery] Re: Announce: jQuery UI 1.0 Released
Congratulations :D I wil try at home tonight :D btw, when I tried on the thumbnail, why it always asking the server for large image ? (we usually use cache instead of asking the server all the times.. ) .. just asking ;) great job guys .
[jQuery] Re: jQuery UI already released?
the ui.jquery.com mentioned that we can download ui 1.0 but i got this xml NoSuchKey The specified key does not exist. ui-1.0.zip 98B7FD0A90EF331D bqlj57YlE9zlvYmyBQKqheLzAHHg1BwSyP0he48+TVt/AN2454MMxonzCnWN2HPG
[jQuery] Re: BUG ? cannot detect the id with ":"
I just wonder why in jquery we need to escape such an "unusuall" characters ? (I found in prototype, we dont need to do that, I am not trying to compare, but i just wonder about that). thx
[jQuery] BUG ? cannot detect the id with ":"
Hi :) I am glad you are reache version 1.2 :) that's awesome .. but I would like to report the bug, it seems the jquery 1.2 (and before) still couldnt detect the id with ":" for example this code usually generated by those who using netbeans + visual webpack. they generated silly id like that .. but it works very well using prototype :) adwin
