[jQuery] Autocomplete: highlight is not working if the result contains escaped html characters
I have textfield where I am using the autocomplete. I want to allow users to use html in the input . And while outputting the result I am escaping the html. Now there is an issue if I use the default highlight feature of the autocomplete plugin. If the result contains escaped html characters, the highlight is not working properly. Also the characters are not displayed properly in the list. Ex: If the response contains lt; test gt; Then 1. In the list it is appearing as ; test ; 2. Highlight is not working. I found the issue is with the options.highlight() function in the plugin. It is using RegExp to match and highlight the result. This is buggy. Any fix for this ?
[jQuery] Autocomplete plugin: Google Chrome - Focus issue with the scrollbar
I am using jQuery 1.3.2. There is an input field in a form. Clicking on the input field opens a div as a dropdown. The div contains a list of items. As the list size is large there is a vertical scrollbar in the div. There is a blur event on the input field, to close the drop down when clicked outside, . Now the problem is: In chrome(2.0.172) when we click on the scrollbar, the input field will loose focus. And now if you click outside, then the dropdown won't close(as the input has already lost focus when you clicked on the srollbar) In Firefox(3.5), IE(8), opera(9.64), safari() when we click on the scrollbar the input field will not loose focus. Hence when you click outside (after clicking on the srollbar) the dropdown will close. This is the expected behaviour. So In chrome once the scrollbar is clicked, and then if I click outside the dropdown won't close. How can i fix this issue with chrome.
[jQuery] set the gap of start and end date in datepicker
Hi
I have simple problem in which I want to set the difference of 2 dates
max 60 days.
I am able to select dates from past in 2 textboxes and I want when
user select start date , the end date calender should disable
everything after 60 days..
here is the code I am using:
Date.format = 'mm/dd/';
//this function is used to show only past dates in calendar.
$('.date-pick').datePicker(
{
startDate: '01/01/2000',
endDate: (new Date()).asString()
}
);
//this function is used to set end date after start date
$('.date-pick').datePicker()
$('#' + serverIdPrefix + 'TextBox1').bind(
'dpClosed',
function(e, selectedDates) {
var d = selectedDates[0];
if (d) {
d = new Date(d);
$('#' + serverIdPrefix +
'TextBox2').dpSetStartDate(d.addDays
(1).asString());
}
}
);
$('#' + serverIdPrefix + 'TextBox2').bind(
'dpClosed',
function(e, selectedDates) {
var d = selectedDates[0];
if (d) {
d = new Date(d);
$('#' + serverIdPrefix +
'TextBox1').dpSetEndDate(d.addDays
(-1).asString());
}
}
);
Please point me , if I can put a simple filter inside this where it
should not allow end date more then 60 days from start date..
Thanks
Varun
[jQuery] Jquery Live search
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
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] Table sorter pager and live search problem
Hi all
Can some body please tell me the solution to this problem...
I have 2 tables on page and 2 pagers. Both table have different height
but same width. Each of them occupy 50% of page width . one is on left
other is on right..
the problem is the pager of 1st table is using the height of second
table pager. When I put an alert in pager.js file ... I can see
different height for pager for both tables but finally it comes back
to second table pager height..
also , I am using live search plugin:
it works well until I have all records on same page like I can
only find something in the table which is on that page
If i have 40 records ... and I am showing 10 on 1st page , 10 on
second and so on...
it just finds from those 10 records which I am seeing on the page and
not the entire table records..
here is the code I am using:
$('.tablesorter tbody tr').quicksearch({
position: 'before',
attached: '.tablesorter',
stripeRowClass: ['odd', 'even'],
labelText: 'Search the table'
});
//table sorter plugin for table on page
$(.tablesorter)
.tablesorter({ widthFixed: true, widgets: ['zebra'] })
.tablesorterPager({ container: $(#pager) })
Plz help!
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] Is this bug in IE or ui tabs
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] Validation Plugin
Hi Can some one please tell me if I can use validate plugin if saomething is written in textbox by default ? I have a textbox which is using auto complete p[lugin , so when page loads an auto-suggest keyword always written in textbox and if some user clicks that keyword,it disappears ... I want even if it is there and somebody submits the form , validation plugin should work? 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] validation plugin and ui tabs
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] retrieve huge set of records using jquery
Hi everybody I have been using tablesorter plugin in all my pages of website but suddenly I realized on one of page I am retrieving huge record from database and populating that in table.Now the problem is that the script takes too long to load and so i thought of using some ajax call so that only a bunch of data is retrieved when clicked on pager .. is it podssible using tablesorter plugin... a small example or hint will help Thanks Varun
[jQuery] hide column problem
Hi
I just wanted to ask if its possible to hide the entire column in
tablesorter plugin or may be by selecting column...
I know how to select rows or even cells but how will i hide column :
like ('thead tr td')
suppose i want to hide column 1,2,7,8 in out of 10 rows ?
Is it possible?
Thanks
Varun
[jQuery] Tablesorter plugin
selected=\selected\ value= + 10 + 10/optionoption value= + 20 + 20/optionoption value= + 30 + 30/optionoption value= + 40 + 40/option/select; PlaceHolder2.Controls.Add(pageExtras); Literal formend = new Literal(); formend.Text = /form; PlaceHolder2.Controls.Add(formend); Literal endiv = new Literal(); endiv.Text = /div; PlaceHolder2.Controls.Add(endiv); } Thnks for any help!! 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] Table sorter and pager problem
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] Example of using Ingrid or Tablesorter plugin with dynamic table
Hi Can anyone please send me an example of using any of these 2 libraries with dynamic tables in .net . I can use both libraries when I use html table but as soon as I write runat=server... It doesnot work... I tried all the things: Matched Ids and also tried selecting using the class of table .. Nothing works Thanks Varun
[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
[jQuery] Jquery tablesorter problem
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
