Ich habe das Tutorial mit den jquery Registerkarten ausprobiert. Funktioniert auch. Danach wollte ich in das div der Registerkarte eine Exel Datei einfügen. Wenn ich es in csv umwandle ist die Textformatierung weg. Dann habe ich sie abgespeichert unter htm. Leider wird sie nicht angezeigt.
Code
<script type="text/javascript" src="jquery.js"></script>
<body>
<style type="text/css">
<!--
ul.navi {
list-style: none;
margin: 0;
padding: 0;
}
ul.navi li {
display: inline;
}
ul.navi li a {
padding: 3px 5px;
background-color: #ccc;
color: #000;
text-decoration: none;
}
ul.navi li a.selected, ul.navi li a:hover {
background-color: #333;
color: #fff;
padding-top: 7px;
}
ul.navi li a:focus {
outline: 0;
}
div.tabs > div {
padding: 5px;
margin-top: 3px;
border: 2px solid #333;
}
#eins {
background-color:#FF9;
}
#zwei {
background-color:#FF9;
}
#drei {
background-color:#FF9;
}
#vier {
background-color:#FF9;
}
#fünf {
background-color:#FF9;
}
-->
</style>
<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function(){
var bereich = $('div.tabs > div');
$('div.tabs ul.navi a').click(function () {
bereich.hide().filter(this.hash).show();
$('div.tabs ul.navi a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':first').click();
});
/* ]]> */
</script>
<div class="tabs">
<ul class="navi">
<li><a href="#eins">Klein und fein</a></li>
<li><a href="#zwei">Pizza</a></li>
<li><a href="#drei">Nudelgerichte</a></li>
<li><a href="#vier">Geflügelgerichte</a></li>
<li><a href="#fünf">Salate</a></li>
</ul>
<div id="eins">
<a href="Speisekarte.htm"></a>
</div>
<div id="zwei">
<p>Inhalt des zweiten Registers.</p>
</div>
<div id="drei">
<p>Inhalt des dritten Registers.</p>
</div>
<div id="vier">
<p>Inhalt des vierten Registers.</p>
</div>
<div id="fünf">
<p>Inhalt des fünften Registers.</p>
</div>
</div>
Alles anzeigen
Er zeigt einen leeren div an. Ich weiß nicht woran es liegt.