Far partire script in automatico?

04-02-2011, 18.14.53

Salve, ho uno script che cambia colore al testo, ma accade solamente se ci si passa il mouse sopra [naturalmente se lo si toglie da sopra rimane sempre lo script attivo], ma io vorrei che si attivasse anche se non si passa il mouse su quel testo, come faccio? Questo è il codice della pagina in cui c'è lo script:

Codice:

<html>
<head>
<title>RBL ~ Invia una richiesta</title>
<style type="text/css">
body {
background-color: black;
}

.button {
background-image: url(button.png);
width: 89px;
height: 39px;
text-align: center;
}

.buttontext {
font-size: 16px;
font-weight: bold;
padding-top: 7px;
background: transparent;
border: 0px;
text-decoration: none;
color: black;
}

.buttontext:hover {
color: white;
}

</style>
<script src="rainbow.js"></script>
</head>
<body>
<font color="red"><h2 onmouseover="doRainbow(this);" onmouseout="doRainbow(this);">Invia una richiesta</h2></font><br>
<font color="white"><form method="POST" action="request.php">
<b><strong>Inserisci il tuo nickname<br>
<input type="text" name="nickname"><br><br>
Cosa desideri inviare?<br><br>
<input type="radio" name="request" value="Richiesta canzone" onclick="document.getElementById('show').style.display='block'; document.getElementById('show2').style.display='none'; document.getElementById('show3').style.display='none';" />Richiedi una canzone [Canzone]<br>
<input type="radio" name="request" value="Dedica"  onclick="document.getElementById('show2').style.display='block'; document.getElementById('show').style.display='none'; document.getElementById('show3').style.display='none';" />Invia una dedica [Canzone + Dedica]<br>
<input type="radio" name="request" value="Messaggio"  onclick="document.getElementById('show3').style.display='block'; document.getElementById('show').style.display='none'; document.getElementById('show2').style.display='none';" />Invia un messaggio [Messaggio]<br><br>
<div id="show" style="display: none;">
Inserisci il nome del brano<br>
<input type="text" name="brano"><br><br>
Inserisci il/la cantante/gruppo<br>
<input type="text" name="cantante"><br><br></div>
<div id="show2" style="display: none;">
Inserisci il nome del brano<br>
<input type="text" name="brano"><br><br>
Inserisci il/la cantante/gruppo<br>
<input type="text" name="cantante"><br><br>
A chi desideri dedicare questa canzone?<br>
<input type="text" name="dedica"><br><br>
</div>
<div id="show3" style="display: none;">
Inserisci il messaggio<br>
<textarea name="messaggio" cols="30" rows="8" maxlengh="500"></textarea><br><br></div>
<div class="button"><input type="submit" class="buttontext" value="Invia"></div>
</form></strong></b></font>
</body>
</html>

**alemoppo** · 04-02-2011, 18.40.27

Se ho ben capito (ovvero che vuoi che rimanga la modifica anche se esci con il puntatore) forse devi eliminare questo:

Codice:

onmouseout="doRainbow(this);"

..soltanto che non hai postato lo script, quindi non son sicuro di come funziona lo script...

Prova. Semmai posta anche il file "rainbow.js".

Ciao!

05-02-2011, 02.41.34

questo è il codice js:

Codice:

/************************************************************************/
/* Rainbow Links Version 1.03 (2003.9.20)                               */
/* Script updated by Dynamicdrive.com for IE6                           */
/* Copyright (C) 1999-2001 TAKANASHI Mizuki                             */
/* takanasi@hamal.freemail.ne.jp                                        */
/*----------------------------------------------------------------------*/
/* Read it somehow even if my English text is a little wrong! ;-)       */
/*                                                                      */
/* Usage:                                                               */
/*  Insert '<script src="rainbow.js"></script>' into the BODY section,  */
/*  right after the BODY tag itself, before anything else.              */
/*  You don't need to add "onMouseover" and "onMouseout" attributes!!   */
/*                                                                      */
/*  If you'd like to add effect to other texts(not link texts), then    */
/*  add 'onmouseover="doRainbow(this);"' and                            */
/*  'onmouseout="stopRainbow();"' to the target tags.                   */
/*                                                                      */
/* This Script works with IE4,Netscape6,Mozilla browser and above only, */
/* but no error occurs on other browsers.                               */
/************************************************************************/


////////////////////////////////////////////////////////////////////
// Setting

var rate = 20;  // Increase amount(The degree of the transmutation)


////////////////////////////////////////////////////////////////////
// Main routine

if (document.getElementById)
window.onerror=new Function("return true")

var objActive;  // The object which event occured in
var act = 0;    // Flag during the action
var elmH = 0;   // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg;     // A color before the change
var TimerID;    // Timer ID


if (document.all) {
    document.onmouseover = doRainbowAnchor;
    document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
    document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
    document.onmouseover = Mozilla_doRainbowAnchor;
    document.onmouseout = Mozilla_stopRainbowAnchor;
}


//=============================================================================
// doRainbow
//  This function begins to change a color.
//=============================================================================
function doRainbow(obj)
{
    if (act == 0) {
        act = 1;
        if (obj)
            objActive = obj;
        else
            objActive = event.srcElement;
        clrOrg = objActive.style.color;
        TimerID = setInterval("ChangeColor()",100);
    }
}


//=============================================================================
// stopRainbow
//  This function stops to change a color.
//=============================================================================
function stopRainbow()
{
    if (act) {
        objActive.style.color = clrOrg;
        clearInterval(TimerID);
        act = 0;
    }
}


//=============================================================================
// doRainbowAnchor
//  This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function doRainbowAnchor()
{
    if (act == 0) {
        var 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 != '') {
            objActive = obj;
            act = 1;
            clrOrg = objActive.style.color;
            TimerID = setInterval("ChangeColor()",100);
        }
    }
}


//=============================================================================
// stopRainbowAnchor
//  This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function stopRainbowAnchor()
{
    if (act) {
        if (objActive.tagName == 'A') {
            objActive.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }
}


//=============================================================================
// Mozilla_doRainbowAnchor(for Netscape6 and Mozilla browser)
//  This function begins to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_doRainbowAnchor(e)
{
    if (act == 0) {
        obj = e.target;
        while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
            obj = obj.parentNode;
            if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
                break;
        }

        if (obj.nodeName == 'A' && obj.href != '') {
            objActive = obj;
            act = 1;
            clrOrg = obj.style.color;
            TimerID = setInterval("ChangeColor()",100);
        }
    }
}


//=============================================================================
// Mozilla_stopRainbowAnchor(for Netscape6 and Mozilla browser)
//  This function stops to change a color. (of a anchor, automatically)
//=============================================================================
function Mozilla_stopRainbowAnchor(e)
{
    if (act) {
        if (objActive.nodeName == 'A') {
            objActive.style.color = clrOrg;
            clearInterval(TimerID);
            act = 0;
        }
    }
}


//=============================================================================
// Change Color
//  This function changes a color actually.
//=============================================================================
function ChangeColor()
{
    objActive.style.color = makeColor();
}


//=============================================================================
// makeColor
//  This function makes rainbow colors.
//=============================================================================
function makeColor()
{
    // Don't you think Color Gamut to look like Rainbow?

    // HSVtoRGB
    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).toString(16);
    elmG = Math.floor(elmG).toString(16);
    elmB = Math.floor(elmB).toString(16);
    if (elmR.length == 1)    elmR = "0" + elmR;
    if (elmG.length == 1)    elmG = "0" + elmG;
    if (elmB.length == 1)    elmB = "0" + elmB;

    elmH = elmH + rate;
    if (elmH >= 360)
        elmH = 0;

    return '#' + elmR + elmG + elmB;
}

Discussione: Far partire script in automatico?

LinkBack

Strumenti discussione

Display

Far partire script in automatico?

Regole di scrittura