rendered paste body
<style>
#myDiv {
height:150px;
padding:5px 0px 5px 5px;
margin:auto;
background-color: #eaeaea
}
</style>
<script type='text/javascript'>
var iTimer = null;
var fade_num = 100;
var fade_to = null;
var iClickables = new Array();
iClickables[1] = "Some more text in here!"
iClickables[2] = "Administrator<br/>Moderator<br/>Coder<br/>GFX<br/>Member<br/>"
iClickables[3] = "affiliates here?";
function doFadeUp(){
fade_num += 10;
opacity_this(fade_num);
if(fade_num == 100){
window.clearInterval(iTimer);
}
}
function doFadeDown(obj){
fade_num -= 10;
opacity_this(fade_num);
if(fade_num == 0){
window.clearInterval(iTimer);
document.getElementById('myDiv').innerHTML = iClickables[fade_to];
iTimer = window.setInterval("doFadeUp()" , 100);
}
}
function opacity_this(val){
var usr = navigator.userAgent.toLowerCase()
if(usr.match(/msie/)){
document.getElementById('myDiv').style.filter = "Alpha(Opacity=" + fade_num + ")";
}else if(usr.match(/Konqueror/i) !=null) {
document.getElementById('myDiv').style.KhtmlOpacity = (fade_num / 100);
} else if(usr.match(/Mozilla\/5.0/i) != null) {
document.getElementById('myDiv').style.opacity = (fade_num / 100);
} else if(usr.match(/opera/i) != null){
document.getElementById('myDiv').style.opacity = (fade_num / 100);
}
}
function clickDiv(num){
fade_to = num;
iTimer = window.setInterval("doFadeDown()", 100);
}
</script>
<div class="tableborder">
<div class="maintitle">Board Stuff</div>
<div class="titlemedium">Clickables :
<a href='javascript:clickDiv(1)'>News</a> |
<a href='javascript:clickDiv(2)'>Staff</a> |
<a href='javascript:clickDiv(3)'>Affiliates</a>
</div>
<div id='myDiv' >
<p><span id="latestnews">Loading Latest News....</span></p>
<p>
<span id="postshere">Loading Latest Topic....</span>
</p>
<p>Random Affiliate</p>
</div>
</div>
<br/>
<script type='text/javascript'>
/*
5 Latest Topics
Created by iFusion
*/
var reqTopics;
var openField = "";
function getActiveTopics(url){
if (window.XMLHttpRequest || window.ActiveXObject) {
reqTopics= (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
reqTopics.onreadystatechange=test_xml_complete;
reqTopics.open("GET",url,true);
reqTopics.send(null);
}
}
function test_xml_complete(){
if(reqTopics.readyState == 4 && reqTopics.status == 200)
showLinky(reqTopics.responseText);
}
function showLinky(txt){
RegExp.multiline="true";
var regEx = new RegExp("100%.*>.*<a href='(.*)showtopic=(\\d+)&hl='>" + "(.*)<\/A>.*\n.*\n.*\n.*\n.*align='center'>(.*)<.*\n.*\n.*\n.*\n.*<b><b>(.*)<\/b>","i");
if(txt.match(regEx) ){
var apps = 'The latest Post is : ';
var i = 0;
var matches = regEx.exec(txt);
while (matches != null && i < 1){
i++;
apps += '<a href="' + RegExp.$1 + 'showtopic=' + RegExp.$2 + '">' + RegExp.$3 + '</a>. Last posted by ' + RegExp.$5 + '. Starting in forum : ' + RegExp.$4 + '.';
txt = txt.substring(matches.index + 50, txt.length);
var matches = regEx.exec(txt);
}
apps+='</TABLE>';
document.getElementById('postshere').innerHTML = apps;
} else {
document.getElementById('postshere').innerHTML = "No New Topics Were Found";
}
}
getActiveTopics('http://s10.invisionfree.com/clansega/index.php?act=Search&CODE=getactive');
</script>
<script>
var idiv = document.getElementsByTagName("DIV")
for(i=0;i<idiv.length;i++){
if(idiv[i].innerHTML.match(/Clansega latest news:/i) && idiv[i].style.textAlign == "left"){
var announce =idiv[i].innerHTML
announce +=announce.split(/<BR(.*?)>/g)
idiv[i].innerHTML = announce[1] + announce[0]
document.getElementById('latestnews').innerHTML = idiv[i].innerHTML
idiv[i].style.display = "none"
}}
</script>