Первые N тем в описании форума
Вариант : Окно появляется при наведении на название форума
http://forum.mybb.ru/viewtopic.php?id=3 … 15#p865245
В HTML низ
Код:
<style type="text/css">
.topicslist {
margin: 5px 0px 0px 0px;
background: #fff;
border: 1px #ff0000 solid;
border-radius: 10px;
padding: 10px;
}
</style>
<script type="text/javascript">
var count = 2;
$('.tclcon h3 a').hover(function(){
$(this).parent().after('<div style="position: absolute;" class="topicslist"><ul></ul></div>');
var arr = [];
var tlist = $(this).parents('.tclcon').find('.topicslist');
var fnum = $(this).parents('tr').attr('id');
if(sessionStorage.getItem(fnum)) {
var local = sessionStorage.getItem(fnum).split(',');
for (var i = 0; i < local.length; i+=2) {
tlist.find('ul').append('<li><a href="'+local[i+1]+'">'+local[i]+'</a></li>');
}
} else {
$.get($(this).attr('href'), function(data){
$(data).find('.tclcon').find('a:first').each(function(){
arr.push($(this).text(),$(this).attr('href'));
});
arr = arr.slice(0,count*2);
sessionStorage.setItem(fnum,arr);
for (var i = 0; i < arr.length; i+=2) {
tlist.find('ul').append('<li><a href="'+arr[i+1]+'">'+arr[i]+'</a></li>');
}
});
}
}, function(){
$('.topicslist').remove();
});
</script>var count = 2;
Красным - кол-во отображаемых тем.
