Hi.
I am using a Rails plugin called will_paginate. For AJAX pagination they
use the solution presented here:
http://wiki.github.com/mislav/will_paginate/ajax-pagination
The code is something like:
|document.observe("dom:loaded", function() {
[..]
container.observe('click', function(e) {
var el = e.element()
if (el.match('.pagination a')) {
el.up('.pagination').insert(createSpinner())
new Ajax.Request(el.href, { method: 'get' })
e.stop()
[..]
})
|
The only problem is that this doesn't work if there are images in the
links.
<a class="next_page" rel="next" href="/link">
<img src="/images/right-point.gif?1244992605" alt="Right-point"/></a>
When clicking on the image the trigger is called for the img tag, not
the link.
Here is the fix I've implemented:
container.observe('click', function(e) {
if (e.element().match('img'))
var el = e.element().ancestors()[0]
else
var el = e.element()
if (el.match('.pagination a')) {
el.up('.pagination').insert(createSpinner())
new Ajax.Request(el.href, { method: 'get' })
e.stop()
}
})
I am not the best JS programmer, so maybe someone has a better solution.
--
Cheers,
M.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Prototype & script.aculo.us" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
