Jetzt probiere ich Widget "Tabs" aus.
http://jqueryui.com/tabs/
Die Seite sieht total zerschossen aus. Ein Teil der Seite wird an irgendeine Stelle reinkopiert, die Laschen funktionieren nicht.
aber der CSS von ui geht.
Habe den Queltext in eine Datei kopiert, und wenn ich dort die folgende Zeichenkette rausnehme, funktionieren die Laschen....
Code: Alles auswählen
<base href="http://mydomain/contenido_test/cms/" />
Andere Sachen mit JS, CSS funktionieren.
in Layout:
Code: Alles auswählen
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
...
<link rel="stylesheet" href="css/jquery-ui.css" />
<script src="js/jquery-1.8.3.js"></script>
<script src="js/jquery-ui.js"></script>
...
</head>
Code: Alles auswählen
<script type="text/javascript">// <![CDATA[
$(function() { $( "#tabs" ).tabs(); });
// ]]></script>
<div id="tabs">
<ul>
<li><a href="http://jake/contenido_test/cms2/#tabs-1">Nunc tincidunt</a></li>
<li><a href="http://jake/contenido_test/cms2/#tabs-2">Proin dolor</a></li>
<li><a href="http://jake/contenido_test/cms2/#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
<p>Test text 1</p>
</div>
<div id="tabs-2">
<p>Test Text 2</p>
</div>
<div id="tabs-3">
<p>Test Text 3</p>
</div>
</div>