[jQuery] problem with TableSorter en TablePager
Dear members, I run into problems with the tablesorter and tablepager plugin. Here`s the case: The original tablesorter plugin works fine on its own. However, if i try integrating the tablepager, my tablesorting functions dissapear. If i try sorting it on something, all my rows dissapear. This is only the case when i have less then 10 rows. If i get more then 10 rows, the sorting works, but the pagination doesnt work as it should. Any one know anything about this? I tried searching the forums, but nothing helped me out so far. I tried debugging, and changing default settings, but no luck so far. So i suppose it has something to do with my own installation. I dont have any examples online, but the code i run now is all default as downloaded from the tablesorter website. With kind regards, James -- View this message in context: http://old.nabble.com/problem-with-TableSorter-en-TablePager-tp27666503s27240p27666503.html Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Scrolling Problem
Hi I have div1 class=post div class=title div2 class=post div class=title div3 id=post div class=title div10 id=post div class=title I am trying: clicking on div#title belonging to div1 scrolls to div#title belonging to div2 and so on to cut a long story short clicking on div#title scrolls to the next div#title and so on I have tried and not succeded so far Any help will be very much appreciated jean
Re: [jQuery] Scrolling Problem
On Sat, Feb 20, 2010 at 9:13 AM, macgyver47 jrl...@wanadoo.fr wrote:
div1 class=post
div class=title
div10 id=post
div class=title
I am trying: clicking on div#title belonging to div1 scrolls to
div#title belonging to div2 and so on
$().ready(function() {
$(.title).click(function() {
var thisPost = $(this).parent();
var nextPost = thisPost.next(.post);
if ( ! nextPost.length ) nextPost = thisPost.parent().find(.post);
var positionOfNextTitle = nextPost.find(.title).position(); // or offset()
window.scrollTo(positionOfNextTitle.left, positionOfNextTitle.top);
});
});
http://jsbin.com/adoti/edit
Nathan
[jQuery] Javascript Feelings
I'm working on a series of Javascript Feelings which attempt to explain complex human emotions using Javascript. I've used the parallax effect in my first piece entitled Intimacy With Strangers. http://verytogether.com/lifestyle/play/javascript-feelings-intimacy-with-strangers.html
[jQuery] jQuery thickbox/form plugin Chrome/Safari compatibility issue?
I'm displaying a form in a Thickbox and using the jQuery form plugin
to process the form and load the results back into the same Thickbox
window.
It's working perfectly in Firefox, but when the form is submitted in
Chrome/Safari you are sent to the page in the action attribute.
This is the js in the Thickbox ajax content: (jquery.js is linked on
the original page that loads the Thickbox inside it.)
script src=js/jquery.form.js type=text/javascript
charset=utf-8/script
script type=text/javascript
// prepare the form when the DOM is ready
$(document).ready(function() {
// bind form using ajaxForm
$('#msg_form').ajaxForm({
// target identifies the element(s) to update with the server response
target: '#sender',
// success identifies the function to invoke when the server response
// has been received; here we apply a fade-in effect to the new
content
success: function() {
$('#sender').fadeIn('slow');
}
});
});
/script
HTML in the Thickbox ajax content:
div id=sender
form id=msg_form action=sender.php method=post
input type=hidden name=msg value=lorem ipsum /
input type=submit value=submit /
/form
/div
In Firefox, this works perfectly and loads the results from sender.php
in #sender inside the original Thickbox. In Chrome/Safari it just
sends you to sender.php.
[jQuery] Re: jQuery thickbox/form plugin Chrome/Safari compatibility issue?
I figured it out. All I had to do was move this part to the very end
of the page.
script type=text/javascript
// prepare the form when the DOM is ready
$(document).ready(function() {
// bind form using ajaxForm
$('#msg_form').ajaxForm({
// target identifies the element(s) to update with the server response
target: '#sender',
// success identifies the function to invoke when the server response
// has been received; here we apply a fade-in effect to the new
content
success: function() {
$('#sender').fadeIn('slow');
}
});
});
/script
On Feb 20, 9:00 pm, jfornear jesseforn...@gmail.com wrote:
I'm displaying a form in a Thickbox and using the jQuery form plugin
to process the form and load the results back into the same Thickbox
window.
It's working perfectly in Firefox, but when the form is submitted in
Chrome/Safari you are sent to the page in the action attribute.
This is the js in the Thickbox ajax content: (jquery.js is linked on
the original page that loads the Thickbox inside it.)
script src=js/jquery.form.js type=text/javascript
charset=utf-8/script
script type=text/javascript
// prepare the form when the DOM is ready
$(document).ready(function() {
// bind form using ajaxForm
$('#msg_form').ajaxForm({
// target identifies the element(s) to update with the server response
target: '#sender',
// success identifies the function to invoke when the server response
// has been received; here we apply a fade-in effect to the new
content
success: function() {
$('#sender').fadeIn('slow');}
});
});
/script
HTML in the Thickbox ajax content:
div id=sender
form id=msg_form action=sender.php method=post
input type=hidden name=msg value=lorem ipsum /
input type=submit value=submit /
/form
/div
In Firefox, this works perfectly and loads the results from sender.php
in #sender inside the original Thickbox. In Chrome/Safari it just
sends you to sender.php.
[jQuery] Re: Scrolling Problem
Thanks Nathan, it works as expected !
Great help !
On 20 fév, 21:34, Nathan Klatt n8kl...@gmail.com wrote:
On Sat, Feb 20, 2010 at 9:13 AM, macgyver47 jrl...@wanadoo.fr wrote:
div1 class=post
div class=title
div10 id=post
div class=title
I am trying: clicking on div#title belonging to div1 scrolls to
div#title belonging to div2 and so on
$().ready(function() {
$(.title).click(function() {
var thisPost = $(this).parent();
var nextPost = thisPost.next(.post);
if ( ! nextPost.length ) nextPost = thisPost.parent().find(.post);
var positionOfNextTitle = nextPost.find(.title).position(); // or
offset()
window.scrollTo(positionOfNextTitle.left, positionOfNextTitle.top);
});
});
http://jsbin.com/adoti/edit
Nathan
