Hello. I am having some problems with a certain code. The code below is suppose to create a small table at the top of the forum and display topic titles/links from a specific forum section. Thus creating like a news feed for the forum. However, it does not align properly, as well, it messes up the bottom of the forum. I was hoping you guys could help me figure this out.
The link to the forum in which I am testing this is http://s4.zetaboards.com/Nicks/index/
Thank you so much for anyone that can help me.
Code:
<div id="newsbox">
<table>
<tr>
<td align="center" width="15%">
News:
</td>
<td align="center" width="85%">
<div></div>
</td>
</tr>
</table>
</div>
<script type="text/javascript">
$.get("http://s4.zetaboards.com/Nicks/forum/3766756/",function(d){
var tickercontent = new Array(), nt=0;
$('.posts:not("#announcement_list") tr:has("a"):has(".c_cat-title")',d).each(function(){
tickercontent[tickercontent.length] = [$(this).find('.c_cat-title a:last').html(),$(this).find('.c_cat-title a:last').attr('href')];
});
function newsticker(){
$('#newsbox td:eq(1)').children().fadeOut('fast', function(){
$('#newsbox td:eq(1)').html("<a style='display:none;' href='"+tickercontent[nt][1]+"'>"+tickercontent[nt][0]+"</a>");
$('#newsbox td:eq(1)').children().fadeIn('fast');
if(nt<tickercontent.length-1){nt++;}else{nt = 0;};
});
};
setInterval(newsticker, 5000);
newsticker();
});
</script>The link to the forum in which I am testing this is http://s4.zetaboards.com/Nicks/index/
Thank you so much for anyone that can help me.