Links Block

[SOcRatEs]

This is awesome!

Thank you

[Quix]

Hi all,

I'm a dope. Fixed my problem.

[EdwinK]

I don't seem to have a javascript/html block option, just bbc/html

[G6Cad]

It's called Scriptblock i think

[EdwinK]

Thanks.

[Verve]

Anyone have a demo I can peek at?

[Polymath]

I would love to make this a image one. So I could have a block with the topsite butttons and link exchange buttons. I changed the http's to the image thingies and the block didn't work.

[velsor]

Well the Basic code Works fine for me, However When I enter my links and text it just shows an empty box..

What am I doing wrong?

Code Select Expand

<Script Type="text/javascript">

var delay = 4000; // Set delay between message change (in miliseconds)
var maxsteps=30; // Number of steps to take to change from start color to endcolor
var stepdelay=40; // Time in miliseconds of a single step

//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)

fcontent[0]="<a href='http://www.mercenariesoftheblade.org/index.htm' target='_new'>MOB Homepage</a><Br><a
href='http://www.mercenariesoftheblade.org/about.htm' target='_new'>MOB Rules</a><Br><a
href='http://www.mercenariesoftheblade.org/Qdig/index.php' target='_new'>MOB Gallery</a><Br><a
href='http://www.mercenariesoftheblade.org/phpRaid/index.php' target='_new'>MOB Raid Schedule</a><Br><a
href='http://www.mercenariesoftheblade.org/roster/index.php' target='_new'>MOB Roster</a><Br><a
href='http://www.mercenariesoftheblade.org/forum/index.php?action=forum' target='_new'>MOB Forum</a><Br><a
href='http://www.mercenariesoftheblade.org/forum/index.php' target='_new'>MOB Portal</a><Br>";
fcontent[1]="& More Links!...<br><a href='http://www.mercenariesoftheblade.org/forum/index.php?action=arcade' target='_new'>Arcade (BETA)</a><Br>";
closetag='</div>';


var fwidth='150px'; //set scroller width
var fheight='100px'; //set scroller height

var fadelinks=1;  //should links inside scroller content also fade like text? 0 for no, 1 for yes.

/// No Need To Edit Anything Below This Line ///

var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;

/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
  if (index>=fcontent.length)
    index=0
  if (DOM2){
    document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
    document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag
    if (fadelinks)
      linkcolorchange(1);
    colorfade(1, 15);
  }
  else if (ie4)
    document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;
  index++
}

// colorfade() partially by Marcio Galli for Netscape Communications.  ////////////
// Modified by Dynamicdrive.com

function linkcolorchange(step){
  var obj=document.getElementById("fscroller").getElementsByTagName("A");
  if (obj.length>0){
    for (i=0;i<obj.length;i++)
      obj[i].style.color=getstepcolor(step);
  }
}

/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
  if(step<=maxsteps) {
    document.getElementById("fscroller").style.color=getstepcolor(step);
    if (fadelinks)
      linkcolorchange(step);
    step++;
    fadecounter=setTimeout("colorfade("+step+")",stepdelay);
  }else{
    clearTimeout(fadecounter);
    document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
    setTimeout("changecontent()", delay);

  }   
}

/*Rafael Raposo's new function*/
function getstepcolor(step) {
  var diff
  var newcolor=new Array(3);
  for(var i=0;i<3;i++) {
    diff = (startcolor[i]-endcolor[i]);
    if(diff > 0) {
      newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);
    } else {
      newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);
    }
  }
  return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}

if (ie4||DOM2)
  document.write('<div id="fscroller" style="border:0px solid black;width:'+fwidth+';height:'+fheight+'"></div>');

if (window.addEventListener)
window.addEventListener("load", changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent
</Script>

[Polymath]

Your missing the div and font  and an array

Your code:

Code Select Expand


//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)

fcontent[0]="<a href='http://www.mercenariesoftheblade.org/index.htm' target='_new'>MOB Homepage</a><Br><a
href='http://www.mercenariesoftheblade.org/about.htm' target='_new'>MOB Rules</a><Br><a
href='http://www.mercenariesoftheblade.org/Qdig/index.php' target='_new'>MOB Gallery</a><Br><a
href='http://www.mercenariesoftheblade.org/phpRaid/index.php' target='_new'>MOB Raid Schedule</a><Br><a
href='http://www.mercenariesoftheblade.org/roster/index.php' target='_new'>MOB Roster</a><Br><a
href='http://www.mercenariesoftheblade.org/forum/index.php?action=forum' target='_new'>MOB Forum</a><Br><a
href='http://www.mercenariesoftheblade.org/forum/index.php' target='_new'>MOB Portal</a><Br>";
fcontent[1]="& More Links!...<br><a href='http://www.mercenariesoftheblade.org/forum/index.php?action=arcade' target='_new'>Arcade (BETA)</a><Br>";
closetag='</div>';[/div]


Should be:

Code Select Expand


//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(0,0,0); // end color (red, green, blue)

var fcontent=new Array();
begintag='<div style="font: normal 14px Arial; padding: 5px;">'; //set opening tag, such as font declarations

fcontent[0]="<a href='http://www.mercenariesoftheblade.org/index.htm' target='_new'>MOB Homepage</a><Br><a
href='http://www.mercenariesoftheblade.org/about.htm' target='_new'>MOB Rules</a><Br><a
href='http://www.mercenariesoftheblade.org/Qdig/index.php' target='_new'>MOB Gallery</a><Br><a
href='http://www.mercenariesoftheblade.org/phpRaid/index.php' target='_new'>MOB Raid Schedule</a><Br><a
href='http://www.mercenariesoftheblade.org/roster/index.php' target='_new'>MOB Roster</a><Br><a
href='http://www.mercenariesoftheblade.org/forum/index.php?action=forum' target='_new'>MOB Forum</a><Br><a
href='http://www.mercenariesoftheblade.org/forum/index.php' target='_new'>MOB Portal</a><Br>";
fcontent[1]="& More Links!...<br><a href='http://www.mercenariesoftheblade.org/forum/index.php?action=arcade' target='_new'>Arcade (BETA)</a><Br>";
closetag='</div>';[/div]


[Reality12]

Nice block script.

Verve, I set it up, it's kinda like the news fader that SMF uses - but for a block instead. I can't put it to use on my site right now, but it's good nontheless.