[javascript] Colore sfondo cella

14-09-2005, 14.58.36

Ciao a tutti!

Ho bisogno di aiuto.
Ho più collegamenti ipertestuali di questo tipo:

<a href=javascript:colore(100,51,0);>Colore blablabla</a>

e volevo che una cella di nome ANTEPRIMA come colore di sfondo abbia il colore selezionato (quello tra parentesi, in RGB).

Potete darmi una mano?

Grazie,
allo

**poske** · 14-09-2005, 15.27.06

Spiegati meglio...

Comunque un comando può essere questo:

<td onmouseover="this.bgColor='#ff0000';" onmouseout="this.bgColor='#ffffff';">

Ciao! :D

**silverseraph** · 14-09-2005, 15.27.30

Allora la base è questa, poi il colore che vuoi tu lo mofifichi, ma il colore dev'essere in html.

CSS:

Codice:

.colore {
     background-color: #COLORE CHE VUOI;
}

LA CELLA VERRA' COSI'

Codice:

<td class="colore">

14-09-2005, 15.40.22

cmq nel css puoi anche mettere background-color: rgb(colore ke vuoi)

**poske** · 14-09-2005, 15.41.02

Silverseraph, penso che Allo abbia chiesto qualcosa in javascript e non la struttura dei fogli di stile...

Ciao :D

**silverseraph** · 14-09-2005, 15.42.35

beh...css è molto +m comodo di javascript...e poi che cambia?

ciauuuuu

14-09-2005, 16.33.38

Grazie a tutti per le risposte.

Mi spiego meglio.
Ho creato un immagine con tanti quadratini di colore diverso.
Dopo, in html, ho creato una mappa su quella immagine in modo che se ad esempio vado sul quadratino rosso venga fuori questo link:

Codice:

<area shape="rect" alt="" coords="1,1,8,11" href="javascript:colore(255,0,0);">

Poi all'inizio dell pagina ho messo:

Codice:

<script>
function colore(rosso,verde,blu){
document.modulo.red.value=rosso;
document.modulo.green.value=verde;
document.modulo.blue.value=blu;
}
</script>

In questo modo, in 3 box:

Codice:

<form name=modulo>
<input type="text" name="red">
<input type="green" name="red">
<input type="blue" name="red">
</form>

e volevo che poi una cella si colorasse del colore scelto.
Infine questa pagina invia il colore selezionato ad una pagina PHP che attraverso la libreria GD crea un immagine con il colore di sfondo, che però deve essere in RGB.

Spero di essere stato chiaro....

**dementialsite** · 15-09-2005, 11.28.00

Originalmente inviato da allo

...e volevo che poi una cella si colorasse del colore scelto.
Infine questa pagina invia il colore selezionato ad una pagina PHP che attraverso la libreria GD crea un immagine con il colore di sfondo, che però deve essere in RGB.

In altre parole ti serve una funzione javascript che, a partire dalle 3 componenti, calcoli la stringa HTML del colore che hai scelto.
Prova questa funzione (dato che la sto improvvisando, non so dirti se funzionerà...)

Codice:

function componentsToHTML (red, green, blue)
{
   var argv = componentsToHTML.arguments;
   var argc = argv.length;
   var str = "#";
   for (var i = 0; i < argc; i++)
   {
// EDIT: prima non scriveva bene i valori...
      var digits = new Array (Math.floor (argv[i] / 16), argv[i] % 16);
// EDIT: c'era un punto e virgola di troppo...
      for (var j = 0; j < digits.length; j++)
      {
         switch (digits[j])
         {
            case 10: str += 'A'; break;
            case 11: str += 'B'; break;
            case 12: str += 'C'; break;
            case 13: str += 'D'; break;
            case 14: str += 'E'; break;
            case 15: str += 'F'; break;
            default: str += digits[j];
         }
      }
   }
   return str;
}

Questa funzione la aggiungi nella parte di script all'inizio della pagina (che dovrebbe essere compresa, se ho capito bene, nei tag <HEAD>).
La cella della tabella dovresti crearla così, all'interno del modulo:

Codice HTML:

<TABLE WIDTH="..." HEIGHT="..." BORDER="...">
<!-- EDIT: ho cambiato le specifiche della cella -->
<TR><TD ID="my_cell">
<INPUT TYPE="hidden" NAME="data_hidden">&nbsp;
</TD></TR>
</TABLE>
<INPUT TYPE="submit" VALUE="crea immagine">

Nei tag <SCRIPT> ti consiglio anche di aggiungere una funzione di supporto del genere:

Codice:

function cambiaColore (red, green, blue)
{
   colore (red, green, blue);
   var data = componentsToHTML (red, green, blue);
// EDIT: ho cambiato la seguente riga di codice
   document.all.my_cell.style.background = data;
   document.modulo.data_hidden.value = data;
}

e nei vari link della mappa cambi il colore in questo modo:

Codice HTML:

<AREA ... HREF="javascript:cambiaColore(rr, gg, bb)">

dove rr, gg, bb sono le componenti del nuovo colore (immagino diverse per ogni cella).
Infine, aggiungi l'attributo ACTION="elabora.php" al tuo form, in modo che tu possa inviarlo (la variabile che contiene il colore pronto all'uso si chiama $data_hidden).

Puoi verificare il funzionamento di questo script su questa pagina: http://dementialsite.altervista.org/...ori/colori.htm.

Spero di averti chiarito i dubbi... stammi bene...

15-09-2005, 13.12.20

Grazie,
Adesso provo poi ti dico!

**dementialsite** · 15-09-2005, 13.17.41

Allora... prima di dirmi che lo script non funziona, ricontrollalo perché l'ho modifcato proprio mentre scrivevi che l'avresti provato (vedi il mio post sopra)... stammi bene...

Discussione: [javascript] Colore sfondo cella

LinkBack

Strumenti discussione

Display

[javascript] Colore sfondo cella

Regole di scrittura