hi MagistYata,
ist nicht so schwer , ich habe das ganze so gelöst und es funktioniert bei mir und bei okular.ok.funpic.de auch.
das ist nur ein beispiel:
in der
/include/templates/user/userdetails.htm
habe ich das so eingefügt:
<a href="javascript:history.back(1)"><b>«</b> {_lang_back}</a>
<br />
<script type="text/javascript" src="include/includes/js/user_details/user.js"></script>
<table width="100%" cellpadding="3" cellspacing="1" class="border">
<tr>
<td><center>
<a onfocus="if (this.blur) this.blur()" href="javascript:switchid('a1');"><img src="include/images/userdetails/button/alles.png" border="0"></a>
<a onfocus="if (this.blur) this.blur()" href="javascript:switchid('a2');"><img src="include/images/userdetails/button/details.png" border="0"></a>
</center></td>
</tr>
</table>
<div id='a1' style="display:block;">
<table width="100%" cellpadding="3" cellspacing="1" class="border">
<tr class="Chead">
<th colspan="3"><b>{_lang_detailsfrom} {NAME}</b></th>
</tr><tr>
<td class="Cmite" width="30%">{_lang_nickname}</td>
<td class="Cnorm" width="40%">{NAME}</td>
<td class="Cnorm" width="30%" rowspan="{rowspan}" valign="top" align="center">
{AVATA}
<br /><br />
<font class="smalfont">{RANG}</font>
</td>
</tr><tr>
<td class="Cmite">{_lang_regsince}</td>
<td class="Cnorm">{JOINED}</td>
</tr><tr>
<td class="Cmite">{_lang_lastactivity}</td>
<td class="Cnorm">{LASTAK}</td>
</tr><tr>
<td class="Cmite">{_lang_posts2}</td>
<td class="Cnorm">{POSTS}, {_lang_perday}: {postpday}</td>
</tr>
{profilefields}
</table>
</div>
<div id='a2' style="display:none;">
<table width="100%" cellpadding="3" cellspacing="1" class="border">
<tr class="Chead">
<th colspan="3"><b>{_lang_detailsfrom} {NAME}</b></th>
</tr><tr>
<td class="Cmite" width="30%">{_lang_nickname}</td>
<td class="Cnorm" width="40%">{NAME}</td>
</tr>
</table>
</div>
und eine js datei angelegt in
include/includes/js/user_details/user.js
//here you place the ids of every element you want.
var ids=new Array('a1','a2','a3','a4','a5','a6','a7','a8');
function switchid(id){
hideallids();
showdiv(id);
}
function hideallids(){
//loop through the array and hide each element by id
for (var i=0;i<ids.length;i++){
hidediv(ids[i]);
}
}
function hidediv(id) {
//safe function to hide an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'none';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'none';
}
else { // IE 4
document.all.id.style.display = 'none';
}
}
}
function showdiv(id) {
//safe function to show an element with a specified id
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById(id).style.display = 'block';
}
else {
if (document.layers) { // Netscape 4
document.id.display = 'block';
}
else { // IE 4
document.all.id.style.display = 'block';
}
}
}
das wars
mfg littlecrow