Hi,
ich wollte diesen Mod (phpbb.de/community/viewtopic … 8&t=186912) einbauen, aber leider ist noch keine subsilver2 Anleitung fertig. (Tabellenbasiertes Design für phpBB3).
Daher habe ich ihn bei mir eingebaut, wo ich dachte, dass es hinkommt…
der jQuery Code ist der:
[code]// <![CDATA[
$(document).ready(function() {
var id = [];
$("[id^='fid']").each(function() {
id.push( $(this).attr("id").replace('fid','') );
});
for (var i = 0; i < id.length; i++)
{
$('#fid' + id[i]).css("font-family","Lucida Console");
if ($.cookie('computerboard_cb_' + id[i]) == 'collapsed')
{
$('#fid' + id[i]).text('[+]');
$('#fid' + id[i]).addClass('cb_collapsed');
$('#frow' + id[i]).css("display","none");
} else
{
$('#fid' + id[i]).text('[-]');
$('#fid' + id[i]).addClass('cb_expanded');
}
$('#fid' + id[i]).click(function()
{
var thisid = $(this).attr("id").replace('fid','');
if ($(this).attr('class') == 'cb_collapsed')
{
$.cookie('computerboard_cb_' + thisid, null)
$(this).text('[-]')
$(this).removeClass('cb_collapsed')
$(this).addClass('cb_expanded')
$("#frow" + thisid).slideDown(200)
} else
{
$.cookie('computerboard_cb_' + thisid, 'collapsed', { expires: 365 })
$(this).text('[+]')
$(this).removeClass('cb_expanded')
$(this).addClass('cb_collapsed')
$("#frow" + thisid).slideUp(200)
}
});
}
});
// ]]>
[/code]
Jetzt habe ich einmal ein eingefügt, welches dann als Schalter dienen soll… Das funktioniert schonmal!
Jetzt soll natürlich dieser Schalter auch funktionieren:
[code]
<tr>
<th colspan="2"> Forum </th>
<th width="50"> Themen </th>
<th width="50"> Beiträge </th>
<th> Letzter Beitrag </th>
</tr>
<tr>
<td colspan="6" align="left" class="row3h"><h4><a href="http://computerboard.eu/informationen/">Informationen</a><span id="fid13"></span></h4></td>
</tr>
<tr id="frow18">
<td class="forumrow" width="50" align="center"><img src="./styles/AeroBlue/imageset/forum_read.png" width="27" height="28" alt="Keine neuen Beiträge" title="Keine neuen Beiträge" /></td>
<td class="row1h" width="100%">
<div style="float: left; margin-right: 5px;"><img src="./images/logos/ideas.png" alt="Keine neuen Beiträge" /></div><div style="float: left;">
<a class="forumlink" href="http://computerboard.eu/feedback/">Feedback & Ankündigungen</a>
<p class="forumdesc">Verbesserungsvorschläge, Kritik, etc. und Ankündigungen<br /><strong>Auch Gäste können in diesem Forum Beiträge verfassen!</strong></p>
</div> </td>
<td class="forumrow" align="center"><p class="topicdetails">22</p></td>
<td class="forumrow" align="center"><p class="topicdetails">262</p></td>
<td class="forumrow" align="center" nowrap="nowrap">
<p class="topicdetails"><i><a href="http://computerboard.eu/feedback/ein-eigener-teamspeak-server-fur-das-cb-t210.html" title="Ein eigener TeamSpeak Server für das CB : Feedback & Ankündigungen">Ein eigener TeamSpeak ...</a></i></p>
<p class="topicdetails"><a href="http://computerboard.eu/member/PCFreund/">PCFreund</a> <a href="http://computerboard.eu/feedback/ein-eigener-teamspeak-server-fur-das-cb-t210.html#p1963"><img src="./styles/AeroBlue/imageset/icon_topic_latest.gif" width="18" height="9" alt="Neuester Beitrag" title="Neuester Beitrag" /></a> </p>
</td>
</tr>
<tr id="frow12">
<td class="forumrow" width="50" align="center"><img src="./styles/AeroBlue/imageset/forum_read.png" width="27" height="28" alt="Keine neuen Beiträge" title="Keine neuen Beiträge" /></td>
<td class="row1h" width="100%">
<div style="float: left; margin-right: 5px;"><img src="./images/logos/computer.png" alt="Keine neuen Beiträge" /></div><div style="float: left;">
<a class="forumlink" href="http://computerboard.eu/computernews/">Computernews</a>
<p class="forumdesc">News in der Computerwelt</p>
</div> </td>
<td class="forumrow" align="center"><p class="topicdetails">9</p></td>
<td class="forumrow" align="center"><p class="topicdetails">34</p></td>
<td class="forumrow" align="center" nowrap="nowrap">
<p class="topicdetails"><i><a href="http://computerboard.eu/computernews/neuen-google-browser-chrome-3-0-195-21-t181.html" title="Neuen Google-Browser: Chrome 3.0.195.21 : Computernews">Neuen Google-Browser: ...</a></i></p>
<p class="topicdetails"><a href="http://computerboard.eu/member/LV%20Arts/">LV Arts</a> <a href="http://computerboard.eu/computernews/neuen-google-browser-chrome-3-0-195-21-t181.html#p1602"><img src="./styles/AeroBlue/imageset/icon_topic_latest.gif" width="18" height="9" alt="Neuester Beitrag" title="Neuester Beitrag" /></a> </p>
</td>
</tr>
[/code]
Jetzt habe ich als Forenid
eingesetzt, aber leider funktioniert die slide() funktion dann nicht…
Hab ich was falsch gemacht ?
lg DHMH
Habs jetzt damit versucht:
und eben dann mit
GEHT NICHT
was das ?
In meiner Beispieldatei "test.html" gehts:
[code]
tr.ausgeblendeteZeile{display:none}
|
Spalte 2 |
Spalte 1 |
Spalte 2 |
Spalte 1 |
Spalte 2 |
[/code]