hjälp med scriptmodifiering

jag är helt grön när det gäller javascript... jag skulle behöva få detta skript att "fada" (från eng. 'fade') från en färg till en annan vid onFocus. Den ska inte gå över från färg till färg hela tiden, utan när den gjort övergången ska den stanna. sedan vid onBlur ska den göra tvärtom, alltså "fada" tillbaks till den färg den hade från början..

hoppas det inte är för mycket begärt att be om hjälp med detta..

 
<SCRIPT>
// CREDITS:
// Animate your form elements
// by Urs Dudli and Peter Gehrig 
// Copyright (c) 2001 Peter Gehrig and Urs Dudli. All rights reserved.
// Permission given to use the script provided that this notice remains as is.
// Additional scripts can be found at [url]http://www.24fun.com[/url]
// [email]info@24fun.com[/email]
// 10/24/2001

// IMPORTANT: 
// If you add this script to a script-library or a script-archive 
// you are required to insert a highly visible link to [url]http://www.24fun.com[/url]
// right into the webpage where the script
// will be displayed.

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION STARTS HERE
///////////////////////////////////////////////////////////////////////////

// Choose a coloring effect by configuering the variable fade-effect below:
// Set 1 if the background should fade from dark to medium and back to dark
// Set 2 if the background should fade from light to medium and back to light
// Set 3 if the background should fade from light to dark and back to light
// Set 4 if the background should fade from light to very light and back to light
// Set 5 if the background should fade from dark to very dark and back to dark
var fade_effect=1

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

var eventobj=false
var timer
var previouscolor
var ns6=document.getElementById&&!document.all
if (fade_effect==1) {
	var darkmax=1
	var lightmax=127
}

if (fade_effect==2) {
	var darkmax=127
	var lightmax=254
}

if (fade_effect==3) {
	var darkmax=1
	var lightmax=254
}

if (fade_effect==4) {
	var darkmax=180
	var lightmax=254
}

if (fade_effect==5) {
	var darkmax=1
	var lightmax=80
}
var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')

var redrgb=lightmax
var greenrgb=lightmax
var bluergb=lightmax

var redcol_1
var redcol_2 
var greencol_1 
var greencol_2 
var bluecol_1 
var bluecol_2 
 
var stepmax=15
var stepred=Math.ceil(stepmax*Math.random())
var stepgreen=Math.ceil(stepmax*Math.random())
var stepblue=Math.ceil(stepmax*Math.random())

function setrandomstep() {
	stepred=Math.ceil(stepmax*Math.random())
	stepgreen=Math.ceil(stepmax*Math.random())
	stepblue=Math.ceil(stepmax*Math.random())
}

function makedarker() {
	redrgb-=stepred
	greenrgb-=stepgreen
	bluergb-=stepblue
	if (redrgb<darkmax) {redrgb=darkmax}
	if (greenrgb<darkmax) {greenrgb=darkmax}
	if (bluergb<darkmax) {bluergb=darkmax}
	if (redrgb>darkmax || greenrgb>darkmax || bluergb>darkmax) {
      	redcol_1 = hexc[Math.floor(redrgb/16)];
     	redcol_2 = hexc[redrgb%16];
	 	greencol_1 = hexc[Math.floor(greenrgb/16)];
      	greencol_2 = hexc[greenrgb%16];
	  	bluecol_1 = hexc[Math.floor(bluergb/16)];
      	bluecol_2 = hexc[bluergb%16];
	  	var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
        eventobj.style.backgroundColor=backcolor
		timer=setTimeout("makedarker()",20);
    } 
  	else {
  		clearTimeout(timer)
		setrandomstep()
		setTimeout("makelighter()",20)
  	}
}

function makelighter() {
	redrgb+=stepred
	greenrgb+=stepgreen
	bluergb+=stepblue
	if (redrgb>=lightmax) {redrgb=lightmax}
	if (greenrgb>=lightmax) {greenrgb=lightmax}
	if (bluergb>=lightmax) {bluergb=lightmax}
	
	if (redrgb<lightmax || greenrgb<lightmax || bluergb<lightmax) {
      	redcol_1 = hexc[Math.floor(redrgb/16)];
     	redcol_2 = hexc[redrgb%16];
	 	greencol_1 = hexc[Math.floor(greenrgb/16)];
      	greencol_2 = hexc[greenrgb%16];
	  	bluecol_1 = hexc[Math.floor(bluergb/16)];
      	bluecol_2 = hexc[bluergb%16];
	  	var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
        eventobj.style.backgroundColor=backcolor
		timer=setTimeout("makelighter()",20);
    } 
  	else {
  		clearTimeout(timer)
		setrandomstep()
		setTimeout("makedarker()",20)
  	}
}

function animate(e) {
    if (document.all) {
        if (eventobj) {
            eventobj.style.backgroundColor=previouscolor
        }
        clearTimeout(timer)
        eventobj=   event.srcElement
        previouscolor= eventobj.style.backgroundColor
        makedarker()
    }
}

function stopit() {
    if (document.all) {
        clearTimeout(timer)
        eventobj.style.backgroundColor=previouscolor
    }
}
</script>

det är verkligen inte en enda person som orkar hjälpa mig?

Använd den bifogade filen och byt namn på den till fade.js.. För att använda den behöver du bara använda:

<script language="Javascript" type="text/javascript" src="filens_plats/fade.js"></script>

Men innan du gör detta, gå in i filen, byt färgen på första raden till den du vill fada till och så är det klart.

Den här gör inte direkt så den fadar på onFocus och onBlur utan den fadar när du drar över musen och när du drar bort den från en länk.

R// Satte dit type. :)

tack nexus. jag har försökt använda det skriptet.. men det går inte att använda det på formulärelement. och det är just där jag vill ha fade-effekten..

tack ändå för att du tog dig tid! :)

jag har lagt in det javascriptet på http://www.eannons.com/

men det gör ingenting, jag skulle gärna vilja kunna använda det men jag antar att jag måste lägga onmaouse eller något sådant i koden för det, hur gör jag?

Byt ut

<script language="Javascript" src="filens_plats/fade.js"></script>

mot

<script language="Javascript" src="fade.js"></script>

så ska det nog fungera. :)

Glöm inte att ändra till vilken färg du vill länkarna ska fada i fade.js.