Hallo Zusammen,

aus meiner sicht ein großer Nachteil: bei jedem Klick in einer Komponente / Modul wird die komplette Seite immer und immer wieder neu geladen.

Muss das sein?

Ich (absoluter JS Anfänger) habe mich gestern einem mehr oder weniger Intensiv mit Jquery beschäftigt und folgendes versucht:

In meinem Template habe ich zunächst im Head Jquery eingebunden.
Code:
<link type="text/css" href="templates/test/css/jquery.css" rel="stylesheet" />
<script type="text/javascript" src="templates/test/js/jquery.js"></script>
anschließend noch folgende funktion:
Code:
 <script type="text/javascript">
$(function(){
$('#tabs').tabs();
$('#dialog_link, ul#icons li').hover(
function() { $(this).addClass('ui-state-hover'); },
function() { $(this).removeClass('ui-state-hover'); }
);
Nun habe ich mir ein kleines Modul geschrieben das mir folgenden Code liefer:

Code:
<div id="tabs">
<ul>
<li><a href="index2.php?option=com_test&task=test1t#content">Test1</a></li>
<li><a href="index2.php?option=com_test&task=test1t#content">Test2</a></li>
<li><a href="index2.php?option=com_test&task=test1t#content">Test3</a></li>
<li><a href="index2.php?option=com_test&task=test1t#content">Test4</a></li>
<li><a href="index2.php?option=com_test&task=test1t#content">Test5</a></li>
<li><a href="index2.php?option=com_test&task=test1t#content">Test6</a></li>
</ul>
<div id="content"></div>
</div>
Ergenis des ganzen ist das die Komponente erst beim klick auf das Tab-Menu geladen wird (also genau das was ich erreichen wollte!)

Mein Problem ist nun, wenn ich zum Beispiel im 4ten Tab eine Aktion ausführe, wird wiederrum die komplette seite geladen. Dannach wird standardmäßig Tab1 aufgerufen.

Das möchte ich gerne umgehen, also meine Kompoenten so anpassen, das sie nur das entsprechende DIV Element neu laden.

Hat hier jemand Ideen zur Verwirklichung ?