Funzioni in HTML

[MadWolf]

Salve, sto modificando un blog tumblr, e sto cercando di fare in modo che lo sfondo dei post possa essere uno fra sette colori; ho provato a cimentarmi quindi in javascript facendo tre funzioni:

<script type=”text/javascript”>
        
            var num=Math.floor((Math.random() * 7) + 1);
            
           function getRosso(){
                
                if(num==1){
                    return 255;
                }
                if(num==2){
                    return 255; 
                }
                if(num==3){
                    return 223; 
                }
                if(num==4){
                    return 215; 
                }
                if(num==5){
                    return 0; 
                }
                if(num==6){
                    return 0; 
                }
                if(num==7){
                    return 1; 
                }


            }
            function getVerde(){
              ...
            }
            function getBlu(){
              ...
            }
</script>

e nell'html, nella riga del colore di sfondo ho scritto questo per dare al colore trasparenza:

background: rgba(getRosso(), getVerde(), getBlu(), 0.1);

Solo che nel blog il colore di sfondo è diventato quello predefinito, e non so come fare

[cavicchiandrea]

http://www.html.it/page/risultati-de...olore%20random vedi qui

[MadWolf]

http://www.html.it/page/risultati-de...olore%20random vedi qui

Ho cercato un po' in giro, ma mi serve una soluzione specifica al problema.

[cavicchiandrea]

Sperare di trovare qualcosa di specifico è molto più difficile, nomalmente si cerca qualcosa da riadattare alle proprie esigenze

[MadWolf]

grazie comunque

[vic53]

Salve, sto modificando un blog tumblr, e sto cercando di fare in modo che lo sfondo dei post possa essere uno fra sette colori; ho provato a cimentarmi quindi in javascript facendo tre funzioni:

<script type=”text/javascript”>
        
            var num=Math.floor((Math.random() * 7) + 1);
            
           function getRosso(){
                
                if(num==1){
                    return 255;
                }
                if(num==2){
                    return 255; 
                }
                if(num==3){
                    return 223; 
                }
                if(num==4){
                    return 215; 
                }
                if(num==5){
                    return 0; 
                }
                if(num==6){
                    return 0; 
                }
                if(num==7){
                    return 1; 
                }
            }
            function getVerde(){
              ...
            }
            function getBlu(){
              ...
            }
</script>

e nell'html, nella riga del colore di sfondo ho scritto questo per dare al colore trasparenza:

background: rgba(getRosso(), getVerde(), getBlu(), 0.1);

Solo che nel blog il colore di sfondo è diventato quello predefinito, e non so come fare

Ciao,
non fai prima ed è piu semplice a definire un vettore caricato con i sette colori che vuoi e poi scegliere random un numero da uno a sette e ritornare il valore del vettore indicizzato dal numero random? TaLE VALORE è IL COLORE CHE TI SERVE ...
senza passare per le combinazioni ma ritornando il colore completo RGB...

[MadWolf]

Ho provato a ritornare direttamente l'rgba o l'esadecimale senza trasparenza, ma non mi prende comunque la funzione nell'html, inserisco lo script ma il colore non cambia anche se metto il metodo al posto del colore :\

[vic53]

Ciao,
non fai prima ed è piu semplice a definire un vettore caricato con i sette colori che vuoi e poi scegliere random un numero da uno a sette e ritornare il valore del vettore indicizzato dal numero random? TaLE VALORE è IL COLORE CHE TI SERVE ...
senza passare per le combinazioni ma ritornando il colore completo RGB...

forse devi scrivere

le funzioni che usi devono essere visibili a livello globale

background-color: rgba(getRosso(), getVerde(), getBlu(), 0.1);

[MadWolf]

e come faccio ad usarle a livello globale?

[Tonenge]

Ciao,
come indicato da vic53 userei un vettore di colori e successivamente assegnerei il nuovo background.
Forse non ho ben compreso le problematiche ma ti posto un esempio di riferimento.

Saluti

<!DOCTYPE>
<html>
  <head>
<script>

function f_cambiacolore(){
  var n=parseInt(Math.random() * 7), j,c;
  
  // vettore colori
  c=[               
    [255,255,0],
    [255,0,255],
    [223,223,223],
    [215,0,60],
    [0,80,80],
    [0,200,0],
    [1,40,50]
  ];

  j=document.getElementById("idsfondo");
  j.style.backgroundColor="rgba("+c[n][0]+","+c[n][1]+","+c[n][2]+",0.1)";  // cambio colore al background
  
  j.innerHTML=(n+1);
}


</script>  
  </head>
  <body>

  <button onclick='f_cambiacolore()'>Cambia colore</button> 
    
  <div id='idsfondo' style='background-color:#CCC;position:absolute;left:20px;top:80px;width:400px;height:300px;font:24px Arial;padding:20px;'></div>

  </body>
</html>