Link changes colours when mouse hovers over it.

[leftie]

I have visited a forum where if you hover the cursor over a link in the navbar or username or new post it changes through about four different colours. Does any one know what this is, I have tried a search but i really don't where to start it so i have had no success.
Please help.

[scotsnutta]

Originally Posted by leftie

I have visited a forum where if you hover the cursor over a link in the navbar or username or new post it changes through about four different colors. Does any one know what this is, I have tried a search but i really don't where to start it so i have had no success.
Please help.

i'm a newbi here and dont know much about scripting but i'll try and help you. i use that style for my forum so all my links flash so from what i can work out this is how you do it:

go to your header template in your style manager

find

<!-- /logo -->

and below that paste this

 
<script language="JavaScript">
function stopError() {
	 return true;
}
window.onerror = stopError;
// -->
</script>
<!-- content table -->
$spacer_open
$_phpinclude_output
<script language="JavaScript">
function stopError() {
	 return true;
}
window.onerror = stopError;
// -->
</script>
<SCRIPT src="<A href="http://www.mjjlatino.net/foro/clientscript/rainbow.js"></SCRIPT">http://www.mjjlatino.net/foro/clientscript/rainbow.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function expandingWindow(website) {
var heightspeed = 2; // vertical scrolling speed (higher = slower)
var widthspeed = 7; // horizontal scrolling speed (higher = slower)
var leftdist = 0;	// distance to left edge of window
var topdist = 0;	 // distance to top edge of window
if (document.all) {
var winwidth = window.screen.availWidth - leftdist;
var winheight = window.screen.availHeight - topdist;
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist + ",width=1,height=1,scrollbars=yes");
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) {
sizer.resizeTo("1", sizeheight);
}
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed) {
sizer.resizeTo(sizewidth, sizeheight);
}
sizer.location = website;
}
else
window.location = website;
}
// End -->
</script>

hope that works as i say i'm new to this, and your the first person i've tried to help!!

let me know how you get on

[Zia]

nice..but he have'nt given a reply yet...

[tipoboy]

the code above can be narrowed down to this

<SCRIPT src="<A href="http://www.mjjlatino.net/foro/clientscript/rainbow.js">
</SCRIPT">
<SCRIPT LANGUAGE="JavaScript">

so i believe anyways i have this on my board also

[leftie]

Sorry for my late reply.
Thank you for your help. I have tried adding the code to the template but nothing happens.

[tipoboy]

Originally Posted by leftie

Sorry for my late reply.
Thank you for your help. I have tried adding the code to the template but nothing happens.

ok download the "rainbow.js" file open it and copy the entire script into your header template via the style and templates section in your admincp

[leftie]

Sorry, still does not work.

[tipoboy]

Originally Posted by leftie

Sorry, still does not work.

ok erm copy this scriptn into your header works on my forum, let me know how you get on

 
<SCRIPT LANGUAGE="JavaScript">
var rate = 20;
 
var obj;
var act = 0; 
var elmH = 0; 
var elmS = 128; 
var elmV = 255; 
var clrOrg; 
var TimerID; 
 
 
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
} else {
Browser = false;
}
 
if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
 
function doRainbow()
{
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
 
function stopRainbow()
{
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
 
function doRainbowAnchor()
{
if (Browser && act != 1) {
obj = event.srcElement;
 
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
 
if (obj.tagName == 'A' && obj.href != '') {
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
 
function stopRainbowAnchor()
{
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
 
function ChangeColor()
{
obj.style.color = makeColor();
}
 
function makeColor()
{
 
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
 
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
 
elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
 
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
 
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
 
return clrRGB;
}
</SCRIPT>

[leftie]

Yahhhhhhh it works, thanks buddy. Thank you.
What was the problem m8 with the others codes.

Ps, it looks like you have worked hard in your script, perhaps you should include your credit and release it. :nervous:

[tipoboy]

Originally Posted by leftie

Yahhhhhhh it works, thanks buddy. Thank you.
What was the problem m8 with the others codes.

Ps, it looks like you have worked hard in your script, perhaps you should include your credit and release it. :nervous:

i found the script at http://www.mjjlatino.net

all i did was open up the javascript file, and post up the code in it m8. i deserve no credit. at least i can say i helped someone though lol