Printable View
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
Spiegati meglio...
Comunque un comando può essere questo:
<td onmouseover="this.bgColor='#ff0000';" onmouseout="this.bgColor='#ffffff';">
Ciao! :D
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">
cmq nel css puoi anche mettere background-color: rgb(colore ke vuoi)
Silverseraph, penso che Allo abbia chiesto qualcosa in javascript e non la struttura dei fogli di stile...
Ciao :D
beh...css è molto +m comodo di javascript...e poi che cambia?
ciauuuuu
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:
Poi all'inizio dell pagina ho messo:Codice:<area shape="rect" alt="" coords="1,1,8,11" href="javascript:colore(255,0,0);">
In questo modo, in 3 box:Codice:<script>
function colore(rosso,verde,blu){
document.modulo.red.value=rosso;
document.modulo.green.value=verde;
document.modulo.blue.value=blu;
}
</script>
e volevo che poi una cella si colorasse del colore scelto.Codice:<form name=modulo>
<input type="text" name="red">
<input type="green" name="red">
<input type="blue" name="red">
</form>
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.... :=D: :=D:
In altre parole ti serve una funzione javascript che, a partire dalle 3 componenti, calcoli la stringa HTML del colore che hai scelto.Citazione:
Originalmente inviato da allo
Prova questa funzione (dato che la sto improvvisando, non so dirti se funzionerà...)
Questa funzione la aggiungi nella parte di script all'inizio della pagina (che dovrebbe essere compresa, se ho capito bene, nei tag <HEAD>).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;
}
La cella della tabella dovresti crearla così, all'interno del modulo:
Nei tag <SCRIPT> ti consiglio anche di aggiungere una funzione di supporto del genere:Codice HTML:<TABLE WIDTH="..." HEIGHT="..." BORDER="...">
<!-- EDIT: ho cambiato le specifiche della cella -->
<TR><TD ID="my_cell">
<INPUT TYPE="hidden" NAME="data_hidden">
</TD></TR>
</TABLE>
<INPUT TYPE="submit" VALUE="crea immagine">
e nei vari link della mappa cambi il colore in questo modo: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;
}
dove rr, gg, bb sono le componenti del nuovo colore (immagino diverse per ogni cella).Codice HTML:<AREA ... HREF="javascript:cambiaColore(rr, gg, bb)">
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...
Grazie,
Adesso provo poi ti dico!
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...