Beim Javascript schwächel ich leider etwas
Ich habe Ajax in den entsprechenden Modulen und auch in dem Artikel wo die Module eingesetzt sind aktiviert.
Das folgende Script habe ich in das verwendete Seitenlayout eingesetzt. Als Trigger habe ich die Klasse "linkclass" im Template von der Kategorien-Navigation in die Links eingebaut.
Was genau muss in dem Abschnitt "element = $(this).closest('[class^="ce_"],[class^="mod_"]');" angepasst werden?
Code:
<script>
$(".linkclass").click(function (event) {
var element;
// Don't follow the link
event.preventDefault();
// This is the elements div container like ".mod_my_module". "Allow ajax reload" has to be ticket for this element in the backend
element = $(this).closest('[class^="ce_"],[class^="mod_"]');
// Add a css class to this element. An overlay and spinning icon can be set via css
element.addClass('ajax-reload-element-overlay');
$.ajax({
method: 'POST',
url: location.href,
data: {
// The data- attribute is set automatically
ajax_reload_element: element.attr('data-ajax-reload-element')
}
})
.done(function (response, status, xhr) {
if ('ok' === response.status) {
// Replace the DOM
element.replaceWith(response.html);
}
else {
// Reload the page as fallback
location.reload();
}
});
});
</script>
Vielen Dank