[jQuery] Re: Jquery Live search
ANY IDEA... ANY HINT WILL BE APPRECIATED? Thanks Varun On Tue, Feb 17, 2009 at 2:00 PM, varun khatri.vk1...@gmail.com wrote: Hi It seems I am doing something wrong in here... But cant figure out... Please help me with this: The jquery Live Search only works on 1 page and not the entire tablesorter Like suppose 1st page have 10 records and than a pager is there and I have 10 pages each with records Live search only searches on the page that I am seeing currently and not in entire table... any solution to this ? Thanks Varun
[jQuery] Re: Jquery Live search
Many thanks to reply!! I am using table sorter plugin with pager plugin and on this table I am using live search plugin... I will read the article that you just sent Just in case if you can suggest something else Thanks Varun On Tue, Feb 17, 2009 at 5:44 PM, brian bally.z...@gmail.com wrote: Are you loading the other pages with ajax? http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F On Tue, Feb 17, 2009 at 7:36 PM, Varun Khatri khatri.vk1...@gmail.com wrote: ANY IDEA... ANY HINT WILL BE APPRECIATED? Thanks Varun On Tue, Feb 17, 2009 at 2:00 PM, varun khatri.vk1...@gmail.com wrote: Hi It seems I am doing something wrong in here... But cant figure out... Please help me with this: The jquery Live Search only works on 1 page and not the entire tablesorter Like suppose 1st page have 10 records and than a pager is there and I have 10 pages each with records Live search only searches on the page that I am seeing currently and not in entire table... any solution to this ? Thanks Varun
[jQuery] Re: Jquery Live search
also I would like to tell you, its not that on clicking the pager it stops working... but the problem is it works only on the records which are on 1 page ... and not on wntire table so I dont know if binding it will work what is your opinion ? Please tell? Thanks Varun On Tue, Feb 17, 2009 at 6:34 PM, Varun Khatri khatri.vk1...@gmail.comwrote: Many thanks to reply!! I am using table sorter plugin with pager plugin and on this table I am using live search plugin... I will read the article that you just sent Just in case if you can suggest something else Thanks Varun On Tue, Feb 17, 2009 at 5:44 PM, brian bally.z...@gmail.com wrote: Are you loading the other pages with ajax? http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F On Tue, Feb 17, 2009 at 7:36 PM, Varun Khatri khatri.vk1...@gmail.com wrote: ANY IDEA... ANY HINT WILL BE APPRECIATED? Thanks Varun On Tue, Feb 17, 2009 at 2:00 PM, varun khatri.vk1...@gmail.com wrote: Hi It seems I am doing something wrong in here... But cant figure out... Please help me with this: The jquery Live Search only works on 1 page and not the entire tablesorter Like suppose 1st page have 10 records and than a pager is there and I have 10 pages each with records Live search only searches on the page that I am seeing currently and not in entire table... any solution to this ? Thanks Varun
[jQuery] Re: Jquery Live search
Thank you !!! i found a solution like this on one of website: $(.qs_input).keyup(function() { var filter = $(this).val(); alert('filter ' + filter); if (filter.length 2) // only starts searching when more than 2 chars { alert($(.pagesize).val(500)); $(.pagesize).val(500); $(.pagesize).change(); // update pagesize so we are searching all rows not just current page $(.tablesorter tbody tr).hide(); $(.tablesorter tbody tr:Contains( + filter + )).show(); $(.pagesize).change(); } else { $(.pagesize).val(10); $(.pagesize).change(); $(.tablesorter tbody tr).show(); } }); I think this will work but probably there should be a way to find out the number of records in tablesorter table... any body knows how to do that ? Thanks Varun On Tue, Feb 17, 2009 at 8:31 PM, brian bally.z...@gmail.com wrote: I'm not familiar with those plugins. But, if you are refreshing the content using ajax then that's the problem. On Tue, Feb 17, 2009 at 10:40 PM, Varun Khatri khatri.vk1...@gmail.com wrote: also I would like to tell you, its not that on clicking the pager it stops working... but the problem is it works only on the records which are on 1 page ... and not on wntire table so I dont know if binding it will work what is your opinion ? Please tell? Thanks Varun On Tue, Feb 17, 2009 at 6:34 PM, Varun Khatri khatri.vk1...@gmail.com wrote: Many thanks to reply!! I am using table sorter plugin with pager plugin and on this table I am using live search plugin... I will read the article that you just sent Just in case if you can suggest something else Thanks Varun On Tue, Feb 17, 2009 at 5:44 PM, brian bally.z...@gmail.com wrote: Are you loading the other pages with ajax? http://docs.jquery.com/Frequently_Asked_Questions#Why_do_my_events_stop_working_after_an_AJAX_request.3F On Tue, Feb 17, 2009 at 7:36 PM, Varun Khatri khatri.vk1...@gmail.com wrote: ANY IDEA... ANY HINT WILL BE APPRECIATED? Thanks Varun On Tue, Feb 17, 2009 at 2:00 PM, varun khatri.vk1...@gmail.com wrote: Hi It seems I am doing something wrong in here... But cant figure out... Please help me with this: The jquery Live Search only works on 1 page and not the entire tablesorter Like suppose 1st page have 10 records and than a pager is there and I have 10 pages each with records Live search only searches on the page that I am seeing currently and not in entire table... any solution to this ? Thanks Varun
[jQuery] Re: Is this bug in IE or ui tabs
any ideas ? On Thu, Feb 5, 2009 at 5:56 PM, Varun Khatri khatri.vk1...@gmail.comwrote: I am using a function like : $('.ui-tabs-nav').bind('tabsselect', function(event, ui) { $(input[rel='currentTab']).val(ui.index); $(#example div.ui-tabs-panel).empty(); }); It just removes everything from tab , buttons , textbox , table everything... I want that when I click on some tab the controls belonging to that tab should be visible... Any idea ? Thanks Varun On Thu, Feb 5, 2009 at 4:12 PM, James james.gp@gmail.com wrote: Are your tabs AJAX? I had a similar issue, but it didn't work in Firefox also. Apparently this occurred for me because everytime you click on a tab, the AJAX loaded HTML remains in the DOM. This is an issue if you have separate tabs HTML with elements that have the same ID, as this will cause multiple elements with the same ID to exist at the same time. I put in a small code in select option for Tab UI that empties the div for all tabs when a different tab is clicked on and my problem went away. select: function() { $(#tab-container div.ui-tabs-panel).empty(); } On Feb 5, 1:52 pm, varun khatri.vk1...@gmail.com wrote: HI I am using ui tabs and i have 5 tabs on my page. Each tab is having a submit button and placeholder... when submit button is clicked , it fires a click event for that button in code behind and loads a table in placeholder of that tab... problem is after doing this process once in Internet Explorer when I go to another tab and hit submit button , it does not fire the event attached to that button... means if there are 3 submit buttons and 3 click events in code behind only 1 time submit button event is fired and then switching to different tab and hitting submit does nothing... But if I do the same stuff in firefox, it works . Can some one please advise ? Thanks Varun
[jQuery] Re: Is this bug in IE or ui tabs
I am using a function like : $('.ui-tabs-nav').bind('tabsselect', function(event, ui) { $(input[rel='currentTab']).val(ui.index); $(#example div.ui-tabs-panel).empty(); }); It just removes everything from tab , buttons , textbox , table everything... I want that when I click on some tab the controls belonging to that tab should be visible... Any idea ? Thanks Varun On Thu, Feb 5, 2009 at 4:12 PM, James james.gp@gmail.com wrote: Are your tabs AJAX? I had a similar issue, but it didn't work in Firefox also. Apparently this occurred for me because everytime you click on a tab, the AJAX loaded HTML remains in the DOM. This is an issue if you have separate tabs HTML with elements that have the same ID, as this will cause multiple elements with the same ID to exist at the same time. I put in a small code in select option for Tab UI that empties the div for all tabs when a different tab is clicked on and my problem went away. select: function() { $(#tab-container div.ui-tabs-panel).empty(); } On Feb 5, 1:52 pm, varun khatri.vk1...@gmail.com wrote: HI I am using ui tabs and i have 5 tabs on my page. Each tab is having a submit button and placeholder... when submit button is clicked , it fires a click event for that button in code behind and loads a table in placeholder of that tab... problem is after doing this process once in Internet Explorer when I go to another tab and hit submit button , it does not fire the event attached to that button... means if there are 3 submit buttons and 3 click events in code behind only 1 time submit button event is fired and then switching to different tab and hitting submit does nothing... But if I do the same stuff in firefox, it works . Can some one please advise ? Thanks Varun
[jQuery] Re: validation plugin and ui tabs
I was checking it on the link that you sent me , so do you think I need it to have form tag seperately in each tab ... and then use it or I can just use aspnetForm... The problem is how in each tab i will have different validation ... Like tab1 will have textbox1 and submitbutton1...tab2 will have textbox2 and submitbutton2 and so on... now if I press submnitbutton1 .. it should only validate textbox1 aqnd if i click submitbutton2 it should only validate textbox2 another problem... suppose in any of textbox I am using autocomplete plugin and when page loads ... Auto-Suggest keyword is written in textbox in that case validation fails as it looks for empty textbox is there any work around for that ? can you write a small some pseudo code for that ? thanks varun On Wed, Feb 4, 2009 at 2:55 PM, tres treshug...@gmail.com wrote: It is being used and is stable in an enterprise environment so I shouldn't say alpha. The only reason I said that was because I do want to do a lot more work to it and the api might change. Trey On Feb 5, 9:42 am, tres treshug...@gmail.com wrote: Varun, I've actually solved a problem like this for the company that I work for. I have 5 tabs, all located within 1 form. I also had to label the tabs that had errors and focus the first one that had errors. This is simply unachievable without a bit of hacking with the .validate() plugin. Don't get me wrong, it's a great plugin, but doesn't scale very well when posed with a very high level problem, not to mention it can get slow when validating a lot of fields. Because of this, I have written something for myself that may be of use to you. It is still in alpha stages and I have a lot of changes and fixes that I want to work on, but it is quite effective and it may help you quite bit with your problem here. http://shugartweb.com/jquery/form/ The documentation is generated from the doc blocks in the code, so it's fairly well documented, but lacking examples. Let me know if you like it. Suggestions, changes, collaboration is all welcome. Cheers, Trey On Feb 4, 11:12 am, varun khatri.vk1...@gmail.com wrote: Hi Everybody I am trying to use validation plugin with ui tbas. suppose I have 5 tabs on page and every tab have submit button in that case how can I use validation plugin... I know i can use validation as: ('#form-id').validate(); but since i have 5 tabs but i cant have 5 forms in asp.net(please correct me if I am wrong)... can some one please let me know workaround for this ? Thanks Varun
[jQuery] Re: Table sorter and pager problem
Thanks for the reply... But I am using plugin table sorter... where should I put empty text replacer... dint quite get you ? Here is the code: $(.tablesorter) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) $(.tablesorter).each(function() { $(this).find(tbody).each(function() { $(this).find(tr).each(function() { $(this).find(td).each(function() { $(this).css(width,80px); if($(this).html()==) { $(this).html('NA') } }); $(this).find(td).eq(7).click(function(){ document.location.href = $(this).html(); }); }); }); }); I know it should not be a big change but really cant understand the problem ? Thanks Varun On Sat, Jan 17, 2009 at 10:56 AM, jQuery Lover ilovejqu...@gmail.comwrote: You must be loading your page 2 with an ajax call! Add your empty text replacer to the ajax call callback. PS. I haven't checked but I think you can rewrite your jquery code for better performance like this: $(.tablesorter).each(function() { $('tbody tr td', this).each(function() { $(this).css(width,80px); if($(this).html()==) { $(this).html('NA') } }).eq(7).click(function(){ document.location.href = $(this).html(); }); }); Read jQuery HowTo Resource - http://jquery-howto.blogspot.com On Sat, Jan 17, 2009 at 8:33 AM, varun khatri.vk1...@gmail.com wrote: Hi I am using these plugins. But my problem is firefox related. while sorting I can see small images in header of table in IE(images on which we click and do sort ascending and descending ) but when I open same page in firefox it does not show images Any idea ? Also, there are some fields in the table where nothing is written so I am using Jquery to put NA where nothing is written. But it only does this on 1st page where I am showing only 10 rows Now suppose through my pager I change the option to 20 rows ... It shows NA in 1st 10 rows but after that it doesnot show NA , It shows only empty field I think when you use this : $(.tablesorter).each(function() { $(this).find(tbody).each(function() { $(this).find(tr).each(function() { $(this).find(td).each(function() { $(this).css(width,80px); if($(this).html()==) { $(this).html('NA') } }); $(this).find(td).eq(7).click(function(){ document.location.href = $(this).html(); }); }); }); }); It should put NA in the entire table ...Not just in 1st 10 rows which are shown default on page. Any ideas , any hints will help me!! Thanks Varun
[jQuery] Re: Jquery tablesorter problem
Can I also use table sorter with datagrid control? Thanks Varun On Mon, Jan 12, 2009 at 4:26 AM, MorningZ morni...@gmail.com wrote: in the runat=server version, put alert($(#+serverIdPrefix+table1).length)); right before the tablesorter line believe me, as a .NET programmer myself, the runat=server is *not* causing tablesorter (or jQuery) to break, you definitely are not jQuery-selecting the table properly On Jan 12, 6:14 am, Genus Project genusproj...@gmail.com wrote: when the table is generated by server side code, are you sure you are calling the correct selector (#+serverIdPrefix+table1) ? maybe you missed some letter or something. you can use firebug to examine the generated table html to see if you are in fact calling the correct selector. If you are, it really doesnt matter if the table is runat server or not. They all transform to HTML fragments. On Jan 12, 7:52 am, varun khatri.vk1...@gmail.com wrote: Hi I was trying to use jquery table sorter plugins: when ever I use it like : table id=table1 cellspacing=1 class=tablesorter //row and column here /table and jquery: $(#table1) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) It works fine.. how ever if i use : table id=table1 cellspacing=1 class=tablesorter runat=server //row and column here /table and jquery: $(#+serverIdPrefix+table1)// serverIdPrefix nicely found what is attached by server to id of table .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) it doesnt work when ever table is runat=server can some one help? Thanks Varun
[jQuery] Re: Jquery tablesorter problem
Also, to get around the problem : I made a div around the table : div id=tableDiv table id=table1 cellspacing=1 class=tablesorter // table content here /table /div I used this jquery after making div: $(#tableDiv).each(function(){ $(this).find(table).each(function() { if($(this).hasClass('tablesorter')) { $(this).tablesorter({widthFixed: true, widgets: ['zebra']}) //.tablesorterPager({container: $(#pager)}) } }); }); This worked fine . div id=tableDiv table id=table1 cellspacing=1 class=tablesorter *runat=server**// only this thing changed * // table content here /table /div I used this jquery after making div: $(#tableDiv).each(function(){ $(this).find(table).each(function() { if($(this).hasClass('tablesorter')) { $(this).tablesorter({widthFixed: true, widgets: ['zebra']}) //.tablesorterPager({container: $(#pager)}) } }); }); This does not work. Any body knows the reason. On Mon, Jan 12, 2009 at 9:09 AM, Varun Khatri khatri.vk1...@gmail.comwrote: Can I also use table sorter with datagrid control? Thanks Varun On Mon, Jan 12, 2009 at 4:26 AM, MorningZ morni...@gmail.com wrote: in the runat=server version, put alert($(#+serverIdPrefix+table1).length)); right before the tablesorter line believe me, as a .NET programmer myself, the runat=server is *not* causing tablesorter (or jQuery) to break, you definitely are not jQuery-selecting the table properly On Jan 12, 6:14 am, Genus Project genusproj...@gmail.com wrote: when the table is generated by server side code, are you sure you are calling the correct selector (#+serverIdPrefix+table1) ? maybe you missed some letter or something. you can use firebug to examine the generated table html to see if you are in fact calling the correct selector. If you are, it really doesnt matter if the table is runat server or not. They all transform to HTML fragments. On Jan 12, 7:52 am, varun khatri.vk1...@gmail.com wrote: Hi I was trying to use jquery table sorter plugins: when ever I use it like : table id=table1 cellspacing=1 class=tablesorter //row and column here /table and jquery: $(#table1) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) It works fine.. how ever if i use : table id=table1 cellspacing=1 class=tablesorter runat=server //row and column here /table and jquery: $(#+serverIdPrefix+table1)// serverIdPrefix nicely found what is attached by server to id of table .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) it doesnt work when ever table is runat=server can some one help? Thanks Varun
[jQuery] Re: Jquery tablesorter problem
alert($(#+serverIdPrefix+table1).length)); This returns 1 I dint get it Plz help Thanks Varun On Mon, Jan 12, 2009 at 4:26 AM, MorningZ morni...@gmail.com wrote: in the runat=server version, put alert($(#+serverIdPrefix+table1).length)); right before the tablesorter line believe me, as a .NET programmer myself, the runat=server is *not* causing tablesorter (or jQuery) to break, you definitely are not jQuery-selecting the table properly On Jan 12, 6:14 am, Genus Project genusproj...@gmail.com wrote: when the table is generated by server side code, are you sure you are calling the correct selector (#+serverIdPrefix+table1) ? maybe you missed some letter or something. you can use firebug to examine the generated table html to see if you are in fact calling the correct selector. If you are, it really doesnt matter if the table is runat server or not. They all transform to HTML fragments. On Jan 12, 7:52 am, varun khatri.vk1...@gmail.com wrote: Hi I was trying to use jquery table sorter plugins: when ever I use it like : table id=table1 cellspacing=1 class=tablesorter //row and column here /table and jquery: $(#table1) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) It works fine.. how ever if i use : table id=table1 cellspacing=1 class=tablesorter runat=server //row and column here /table and jquery: $(#+serverIdPrefix+table1)// serverIdPrefix nicely found what is attached by server to id of table .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) it doesnt work when ever table is runat=server can some one help? Thanks Varun
[jQuery] Re: Jquery tablesorter problem
*alert($(#+serverIdPrefix+table1).size());// still returns 1* $(#+serverIdPrefix+table1) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) *//still doesnot work* Is there any other mistake that you can think of that I am making here , I know it should be pretty simple But I am unable to make it work Thanks Varun On Mon, Jan 12, 2009 at 11:25 AM, Lukas Pitschl | Dressy Vagabonds lu...@dressyvagabonds.com wrote: you shouldn't use .length on a jQuery object, since that always returns 1 afaik.Use .size() instead. If your alert then still reports 1 you've selected the table correctly using jQuery, else you have to check your id. also your example implies, that the serverIdPrefix is not used. Check if html corresponds to your javascript on that. best regards, lukas pitschl Am 12.01.2009 um 20:21 schrieb Varun Khatri: alert($(#+serverIdPrefix+table1).length)); This returns 1 I dint get it Plz help Thanks Varun On Mon, Jan 12, 2009 at 4:26 AM, MorningZ morni...@gmail.com wrote: in the runat=server version, put alert($(#+serverIdPrefix+table1).length)); right before the tablesorter line believe me, as a .NET programmer myself, the runat=server is *not* causing tablesorter (or jQuery) to break, you definitely are not jQuery-selecting the table properly On Jan 12, 6:14 am, Genus Project genusproj...@gmail.com wrote: when the table is generated by server side code, are you sure you are calling the correct selector (#+serverIdPrefix+table1) ? maybe you missed some letter or something. you can use firebug to examine the generated table html to see if you are in fact calling the correct selector. If you are, it really doesnt matter if the table is runat server or not. They all transform to HTML fragments. On Jan 12, 7:52 am, varun khatri.vk1...@gmail.com wrote: Hi I was trying to use jquery table sorter plugins: when ever I use it like : table id=table1 cellspacing=1 class=tablesorter //row and column here /table and jquery: $(#table1) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) It works fine.. how ever if i use : table id=table1 cellspacing=1 class=tablesorter runat=server //row and column here /table and jquery: $(#+serverIdPrefix+table1)// serverIdPrefix nicely found what is attached by server to id of table .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) it doesnt work when ever table is runat=server can some one help? Thanks Varun
[jQuery] Re: Jquery tablesorter problem
well to me both returned same value So I agree But still cant find solution to problem: *alert($(#+serverIdPrefix+table1).size());// still returns 1* $(#+serverIdPrefix+table1) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) *//still doesnot work* Is there any other mistake that you can think of that I am making here , I know it should be pretty simple But I am unable to make it work Thanks Varun On Mon, Jan 12, 2009 at 11:48 AM, MorningZ morni...@gmail.com wrote: you shouldn't use .length on a jQuery object, since that always returns 1 afaik size and length are equivalent, well, except that size is slower Straight from the docs: Length: The number of elements currently matched. The size function will return the same value Size: This returns the same number as the 'length' property of the jQuery object. However, it is slightly slower, so length should be used instead On Jan 12, 2:25 pm, Lukas Pitschl | Dressy Vagabonds lu...@dressyvagabonds.com wrote: you shouldn't use .length on a jQuery object, since that always returns 1 afaik. Use .size() instead. If your alert then still reports 1 you've selected the table correctly using jQuery, else you have to check your id. also your example implies, that the serverIdPrefix is not used. Check if html corresponds to your javascript on that. best regards, lukas pitschl Am 12.01.2009 um 20:21 schrieb Varun Khatri: alert($(#+serverIdPrefix+table1).length)); This returns 1 I dint get it Plz help Thanks Varun On Mon, Jan 12, 2009 at 4:26 AM, MorningZ morni...@gmail.com wrote: in the runat=server version, put alert($(#+serverIdPrefix+table1).length)); right before the tablesorter line believe me, as a .NET programmer myself, the runat=server is *not* causing tablesorter (or jQuery) to break, you definitely are not jQuery-selecting the table properly On Jan 12, 6:14 am, Genus Project genusproj...@gmail.com wrote: when the table is generated by server side code, are you sure you are calling the correct selector (#+serverIdPrefix+table1) ? maybe you missed some letter or something. you can use firebug to examine the generated table html to see if you are in fact calling the correct selector. If you are, it really doesnt matter if the table is runat server or not. They all transform to HTML fragments. On Jan 12, 7:52 am, varun khatri.vk1...@gmail.com wrote: Hi I was trying to use jquery table sorter plugins: when ever I use it like : table id=table1 cellspacing=1 class=tablesorter //row and column here /table and jquery: $(#table1) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) It works fine.. how ever if i use : table id=table1 cellspacing=1 class=tablesorter runat=server //row and column here /table and jquery: $(#+serverIdPrefix+table1)// serverIdPrefix nicely found what is attached by server to id of table .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) it doesnt work when ever table is runat=server can some one help? Thanks Varun
[jQuery] Re: Jquery tablesorter problem
If I remove runat=server Like *table id=table1 cellspacing=1 class=tablesorter* And then use : $(.tablesorter) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) *It works fine * But If I do *table id=table1 cellspacing=1 class=tablesorter runat=server* And then use : $(.tablesorter) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) *It doesnot work* In the firebug it desont show any error : Infact when I write this in the console it says *Object length=1* but still does not work... :( Thanks Varun On Mon, Jan 12, 2009 at 12:26 PM, MorningZ morni...@gmail.com wrote: What happens with: $(.tablesorter) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) On Jan 12, 3:11 pm, Varun Khatri khatri.vk1...@gmail.com wrote: Here I have attached 3 files ... Its just a simple example I am trying this coz all my tables are dynamic (made at runtime) can you please check and let me know ... I have already spent hours for just 1 thing : Thanks I really appreciate the effort Varun On Mon, Jan 12, 2009 at 11:59 AM, MorningZ morni...@gmail.com wrote: Without seeing a working (errr, non working) page, constantly posting the same piece of non-working code is not helping others help you How about just using a class? On Jan 12, 2:51 pm, Varun Khatri khatri.vk1...@gmail.com wrote: well to me both returned same value So I agree But still cant find solution to problem: *alert($(#+serverIdPrefix+table1).size());// still returns 1* $(#+serverIdPrefix+table1) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) *//still doesnot work* Is there any other mistake that you can think of that I am making here , I know it should be pretty simple But I am unable to make it work Thanks Varun On Mon, Jan 12, 2009 at 11:48 AM, MorningZ morni...@gmail.com wrote: you shouldn't use .length on a jQuery object, since that always returns 1 afaik size and length are equivalent, well, except that size is slower Straight from the docs: Length: The number of elements currently matched. The size function will return the same value Size: This returns the same number as the 'length' property of the jQuery object. However, it is slightly slower, so length should be used instead On Jan 12, 2:25 pm, Lukas Pitschl | Dressy Vagabonds lu...@dressyvagabonds.com wrote: you shouldn't use .length on a jQuery object, since that always returns 1 afaik. Use .size() instead. If your alert then still reports 1 you've selected the table correctly using jQuery, else you have to check your id. also your example implies, that the serverIdPrefix is not used. Check if html corresponds to your javascript on that. best regards, lukas pitschl Am 12.01.2009 um 20:21 schrieb Varun Khatri: alert($(#+serverIdPrefix+table1).length)); This returns 1 I dint get it Plz help Thanks Varun On Mon, Jan 12, 2009 at 4:26 AM, MorningZ morni...@gmail.com wrote: in the runat=server version, put alert($(#+serverIdPrefix+table1).length)); right before the tablesorter line believe me, as a .NET programmer myself, the runat=server is *not* causing tablesorter (or jQuery) to break, you definitely are not jQuery-selecting the table properly On Jan 12, 6:14 am, Genus Project genusproj...@gmail.com wrote: when the table is generated by server side code, are you sure you are calling the correct selector (#+serverIdPrefix+table1) ? maybe you missed some letter or something. you can use firebug to examine the generated table html to see if you are in fact calling the correct selector. If you are, it really doesnt matter if the table is runat server or not. They all transform to HTML fragments. On Jan 12, 7:52 am, varun khatri.vk1...@gmail.com wrote: Hi I was trying to use jquery table sorter plugins: when ever I use it like : table id=table1 cellspacing=1 class=tablesorter //row and column here /table and jquery: $(#table1) .tablesorter({widthFixed: true, widgets: ['zebra']}) .tablesorterPager({container: $(#pager)}) It works fine.. how ever if i use : table id=table1 cellspacing=1 class=tablesorter runat=server //row and column here /table and jquery
[jQuery] Re: [ definition css in other file ]
make a .css file like test.css and use it like: link href=test.css rel=stylesheet type=text/css / hope this helps!! On Sun, Jan 11, 2009 at 3:56 PM, Lord Gustavo Miguel Angel goosfanc...@gmail.com wrote: Hello all! I have this .html - script language=JavaScript type=text/javascript src=jvs/ jquery-1.2.5.js /script script type=text/javascript $(document).ready(function(){ $(p).click(function(event){ alert(Thanks for visiting!); }); }); /script /head body div id=contenidos pEscoger del menu/p /div /body /html --- eof 8 and i have this other .css: - #contenidos{ float:left; width:480px; min-height: 250px; border: 3px solid grey; margin-left: 10px; padding: 5px; padding-bottom: 8px; background-color: #fff; } -EOF 8- my question. How i do to used this .css file in my .html with jQuery¿ Thank´s
[jQuery] Re: [ definition css in other file ]
i dint get you ? tell what is the problem? On Sun, Jan 11, 2009 at 3:05 PM, goosfancito goosfanc...@gmail.com wrote: thank´s but i before do this link href=test.css rel=stylesheet type=text/css / but don´t... On 11 ene, 19:59, Varun Khatri khatri.vk1...@gmail.com wrote: make a .css file like test.css and use it like: link href=test.css rel=stylesheet type=text/css / hope this helps!! On Sun, Jan 11, 2009 at 3:56 PM, Lord Gustavo Miguel Angel goosfanc...@gmail.com wrote: Hello all! I have this .html - script language=JavaScript type=text/javascript src=jvs/ jquery-1.2.5.js /script script type=text/javascript $(document).ready(function(){ $(p).click(function(event){ alert(Thanks for visiting!); }); }); /script /head body div id=contenidos pEscoger del menu/p /div /body /html --- eof 8 and i have this other .css: - #contenidos{ float:left; width:480px; min-height: 250px; border: 3px solid grey; margin-left: 10px; padding: 5px; padding-bottom: 8px; background-color: #fff; } -EOF 8- my question. How i do to used this .css file in my .html with jQuery¿ Thank´s
[jQuery] Re: [ definition css in other file ]
u can try like : script type=text/javascript src=Scripts/jQuery.js/script link href=test.css rel=stylesheet type=text/css / 2009/1/11 Lord Gustavo Miguel Angel goosfanc...@gmail.com ok. i trade explaint problem. i have 2 file: index.html( i send file with name html.txt) style.css( i send file with name style.txt) my problem: how i do to use index.html and style.css and jQuery? - Original Message - *From:* Varun Khatri khatri.vk1...@gmail.com *To:* jquery-en@googlegroups.com *Sent:* Sunday, January 11, 2009 8:45 PM *Subject:* [jQuery] Re: [ definition css in other file ] i dint get you ? tell what is the problem? On Sun, Jan 11, 2009 at 3:05 PM, goosfancito goosfanc...@gmail.comwrote: thank´s but i before do this link href=test.css rel=stylesheet type=text/css / but don´t... On 11 ene, 19:59, Varun Khatri khatri.vk1...@gmail.com wrote: make a .css file like test.css and use it like: link href=test.css rel=stylesheet type=text/css / hope this helps!! On Sun, Jan 11, 2009 at 3:56 PM, Lord Gustavo Miguel Angel goosfanc...@gmail.com wrote: Hello all! I have this .html - script language=JavaScript type=text/javascript src=jvs/ jquery-1.2.5.js /script script type=text/javascript $(document).ready(function(){ $(p).click(function(event){ alert(Thanks for visiting!); }); }); /script /head body div id=contenidos pEscoger del menu/p /div /body /html --- eof 8 and i have this other .css: - #contenidos{ float:left; width:480px; min-height: 250px; border: 3px solid grey; margin-left: 10px; padding: 5px; padding-bottom: 8px; background-color: #fff; } -EOF 8- my question. How i do to used this .css file in my .html with jQuery¿ Thank´s
[jQuery] Re: [ definition css in other file ]
body * /div // remove this line from your code* div id=contenidos h3Parte del contenido/h3 pEscoger del menu/p /div check your file is in css folder as you are writing : *css/estilos.css* *estilos.css should be in folder name css... I tried your code and it works fine... * /body On Sun, Jan 11, 2009 at 5:18 PM, Lord Gustavo Miguel Angel goosfanc...@gmail.com wrote: no work sorry i write in spanish. but in file that i send you can see this lines: link href=css/estilos.css rel=stylesheet type=text/css / but when i use this: body /div div id=contenidos h3Parte del contenido/h3 pEscoger del menu/p /div /body it no work - Original Message - *From:* Varun Khatri khatri.vk1...@gmail.com *To:* jquery-en@googlegroups.com *Sent:* Sunday, January 11, 2009 9:03 PM *Subject:* [jQuery] Re: [ definition css in other file ] u can try like : script type=text/javascript src=Scripts/jQuery.js/script link href=test.css rel=stylesheet type=text/css / 2009/1/11 Lord Gustavo Miguel Angel goosfanc...@gmail.com ok. i trade explaint problem. i have 2 file: index.html( i send file with name html.txt) style.css( i send file with name style.txt) my problem: how i do to use index.html and style.css and jQuery? - Original Message - *From:* Varun Khatri khatri.vk1...@gmail.com *To:* jquery-en@googlegroups.com *Sent:* Sunday, January 11, 2009 8:45 PM *Subject:* [jQuery] Re: [ definition css in other file ] i dint get you ? tell what is the problem? On Sun, Jan 11, 2009 at 3:05 PM, goosfancito goosfanc...@gmail.comwrote: thank´s but i before do this link href=test.css rel=stylesheet type=text/css / but don´t... On 11 ene, 19:59, Varun Khatri khatri.vk1...@gmail.com wrote: make a .css file like test.css and use it like: link href=test.css rel=stylesheet type=text/css / hope this helps!! On Sun, Jan 11, 2009 at 3:56 PM, Lord Gustavo Miguel Angel goosfanc...@gmail.com wrote: Hello all! I have this .html - script language=JavaScript type=text/javascript src=jvs/ jquery-1.2.5.js /script script type=text/javascript $(document).ready(function(){ $(p).click(function(event){ alert(Thanks for visiting!); }); }); /script /head body div id=contenidos pEscoger del menu/p /div /body /html --- eof 8 and i have this other .css: - #contenidos{ float:left; width:480px; min-height: 250px; border: 3px solid grey; margin-left: 10px; padding: 5px; padding-bottom: 8px; background-color: #fff; } -EOF 8- my question. How i do to used this .css file in my .html with jQuery¿ Thank´s