0

クライアントには、シリアル番号とIPアドレスのみが異なる複数のWeb対応デバイスがあります。

個々のWebアプリケーションがあまりにも似ているため、クライアントが複数のデバイスを連続して構成するときにミスを犯し、クライアントのコピーと貼り付けのミスにより、正常に動作するデバイスが返されました。

したがって、デバイスごとに異なるWebページヘッダーの見つけやすい色でWebアプリケーションを区別することは非常に便利です。

シリアル番号はJavaScriptで利用できますが、JavaScriptでそれから独自の色を生成するのがいいと思いました。そうすれば、各デバイスの各ページヘッダーに異なる色のドットまたは幾何学的図形が表示され、区別しやすくなります。

私は動作するJavaScriptコードを書きました:

function ChangeColor(mySerialNumber) 
{
    var i = 0;    
    var asciinum;  
    var numberstring = '';  
    for(i=0; i < mySerialNumber.length; i++)  
    {  
        asciinum = mySerialNumber.charCodeAt(i);  
        numberstring += (asciinum).toString();  
    }  

    if(numberstring.length < 9)  
    {  
        while(numberstring.length < 9)  
        {  
            numberstring = '9' + numberstring; // prepend  
        }  
    }  
    else  
    {  
         numberstring = numberstring.substring((numberstring.length -10),(numberstring.length -1));  
    }  

    newcolorcode = 'rgb(' + numberstring.substring(1,3) + ',';  
    newcolorcode = newcolorcode + numberstring.substring(4,6) + ',';  
    newcolorcode = newcolorcode + numberstring.substring(7,9) + ')';  

    alert('numberstring is ' + numberstring + ' and new color code is ' + newcolorcode);  

    colorme.style.backgroundColor = newcolorcode;  
}  

シリアル番号は連続しており、次のようになります。

677-026A、677-027A、677-028Aなど。

そのため、生成された色は近すぎて、見た目が似すぎます。

カラースパンを改善するための提案はありますか?特定のマシンの各Webページで色が同じでなければならないため、rand関数を使用できませんか?

ありがとう、バート

4

1 に答える 1