salva click e cambia colore

[unreg]

Salve,

ho una pagina xhtml e css che presenta suddivisi in celle dei links:

...
  <tr>
    <td id="1">Cella 1 </td>
    <td id="2">Cella 2 </td>
  </tr>
  <tr>
    <td id="3">Cella 3 </td>
    <td id="4">Cella 4 </td>
  </tr>
...

Tramite js è possibile per caso passando l'id della cella fargli cambiare colore di sfondo e ricliccandola farla tornare normale ?

inoltre deve eserci la possibilità di cliccare + celle, e tutte le celle cliccate devono essere "salvate" in un campo di testo presente sulla pagina.

<input name="id" type="hidden" id="id" value="" />

separando i vari id da virgola.


esempio pratico:
======================

clicco sulla cella 1 e sulla cella 3

mi cambia il colore di sfondo alle celle sudette e mi "salva" del campo di testo: 1,3 così:

<input name="id" type="hidden" id="id" value="1,3" />

si può fare una cosa del genere con js ?

grazie !

[unreg]

up

[unreg]

[br1]

<script>
function colora(v) {
  obj = document.getElementById("td"+v)
  dst = document.getElementById("ids")
  if (obj.style.backgroundColor!="red") {
    dst.value += (dst.value=="")?v:","+v;
    obj.style.backgroundColor="red";
  } else {
    obj.style.backgroundColor="white";
  } 
}
</script>
<table><tr>
<td id="td1">Cella 1 </td>
<td id="td2">Cella 2 </td>
</tr></table>
<input name="ids" type="text" id="ids" value="" />

c'e' qualche modifica introdotta per la fase di test... inoltre ho modificato vari id e name: non possono essere costituiti da soli numeri o essere termini riservati... ad esempio "id"

ciao

[unreg]

grazie mille !

Br1 6 bravissimo

lo scritp è perfetto, ma c'è un'altra cosa da sistemare, se riclicco una cella selezionata, mi toglie il colore da essa ma non il numero dalla casella di testo.

grazie

ciao

[br1]

se riclicco una cella selezionata, mi toglie il colore da essa ma non il numero dalla casella di testo.

Basta chiedere...

<script>
function colora(v) {
  obj = document.getElementById("td"+v)
  dst = document.getElementById("ids")
  if (obj.style.backgroundColor!="red") {
    dst.value += (dst.value=="")?v:","+v;
    obj.style.backgroundColor="red";
  } else {
    oldv = dst.value.split(",");
    newv = "";
    for (var i=0; i[list=1]

ciao

[unreg]

grazie mille

solo un'ultima cosa:

ho provato a cambiare colore anche al testo e non va più

come mai ?

<script>
function colora(v) {
  obj = document.getElementById("td"+v)
  dst = document.getElementById("ids")
  if (obj.style.backgroundColor!="#FFE1E1") {
    dst.value += (dst.value=="")?v:","+v;
    obj.style.backgroundColor="#FFE1E1";
	obj.style.color="#990000";
  } else {
    oldv = dst.value.split(",");
    newv = "";
    for (var i=0; i[list=1]

grazie di cuore !

ciao

[unreg]

ho risolto così e sembra funzionare

<script>
function colora(v) {
  obj = document.getElementById("td"+v)
  dst = document.getElementById("ids")
  if (obj.style.selezionato!="si") {
    dst.value += (dst.value=="")?v:","+v;
    obj.style.selezionato="si";
	obj.style.backgroundColor="#FFE1E1";
	obj.style.color="#820000";
  } else {
    oldv = dst.value.split(",");
    newv = "";
    for (var i=0; i[list=1]

grazie per tutto

ciao

[br1]

Cosa sarebbe questo:

obj.style.selezionato="si";

:master:

ciao

[unreg]

Originariamente inviato da br1
Cosa sarebbe questo:

obj.style.selezionato="si";

:master:

ciao

nulla, lo messo solo perchè se faccio così:

<script>
function colora(v) {
  obj = document.getElementById("td"+v)
  dst = document.getElementById("ids")
  if (obj.style.backgroundColor!="#FFE1E1") {
    dst.value += (dst.value=="")?v:","+v;
    obj.style.backgroundColor="#FFE1E1";
	obj.style.color="#990000";
  } else {
    oldv = dst.value.split(",");
    newv = "";
    for (var i=0; i[list=1]

non funziona.

A quanto sembra non va perchè non gli piace il colore nel formato #FFE1E1

infatti se metto red al posto di #FFE1E1 funziona

il motivo di

obj.style.selezionato="si";

è perchè non ho trovato altra soluzione per farlo funzionare

cmq. grazie ancora per tutto

ciao