Newsgroup: it.comp.www.php
Titolo: Cambiare colore sfondo di una cella dopo clic

Ho una tabella nella quale sono presenti un certo numero di celle che
contengono dei link
sottoforma di immagine.
Volevo sapere come sia possibile cambiare colore di sfondo della cella dopo
che ci si è cliccato sopra
e riportando al colore trasparente l'eventuale cella precedentemente
cliccata.
Grazie, alcau

 cliccata.
hint:
in PHP puoi farlo solo ricaricando tutta la pagina (server-side).
se vuoi farlo run-time dovresti usare JS (client-side).
ciao
-- 
punkarruso

> se vuoi farlo run-time dovresti usare JS (client-side).
Non potresti buttarmi li un'esempietto ho rimandarmi a un'indirizzo.
Sono molto impreparato su Java :-(
Grazie

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <title>Untitled</title>
<script language="JavaScript">
n = (document.layers) ? 1:0
ie = (document.all) ? 1:0
function idOggetto(nome) {
  if (n) return(
document.td
[nome]);
  else if (ie) {
   pippo = eval('document.all.' + nome + '.style');
    return(pippo);
 }
  else return(null);
}
function cambia_colore(colore) {
 numero_tabelle=4;
 for (i=1;i<numero_tabelle+1;i++) {
  var oggetto1=idOggetto("td"+i);
  oggetto1.backgroundColor="red";
 }
 var oggetto1=idOggetto(colore);
 oggetto1.backgroundColor="#003399";
}
</script>
</head>
<body>
<table>
<tr>
 <td id="td1" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td1');">asass</a></td>
 <td id="td2" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td2');">asass</a></td>
 <td id="td3" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td3');">asass</a></td>
 <td id="td4" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td4');">asass</a></td>
</tr>
</table>
</body>
</html>
ricordati di passare allo script java il numero di celle che sono soggette a
questa azione
ad ogni cella applica un id crescente

 ad ogni cella applica un id crescente
Funziona........ ma solo su una riga della tabella
La tabella contine 6 colonne e 4 righe
Nella prima riga funziona correttamente ma se mi sposto sulle righe
successive mi evidenzia la casella con il colore dello sfondo ma se mi
sposto su un'altra cella non ripristina il colore.
Ti ringrazio immensamente, alcau

Prova cosě
    <html>
    <head>
        <STYLE type="text/css">
            .acceso {background-color:6666FF;}
            .spento {background-color:3B9CC1;}
        </STYLE>
    </head>
    <body>
        <table>
            <tr>
                <td onMouseOver="this.className='acceso'"
onMouseOut="this.className='spento'">
                    Testo 1
                </td>
                <td onMouseOver="this.className='acceso'"
onMouseOut="this.className='spento'">
                    Testo 2
                </td>
            <tr>
        </table>
    </body>
Bello veloce e funzionante ...

R [ D / L ] + 1 ha scritto:

peccato che lui vuole cambiare dopo il click .....

alcau ha scritto:

funziona perfettamente ...... dove č il problema?
lol ...... piů che un aiuto forse hai bisogno di un buon libro o corso ^_^
basta che modifichi le celle su cui vuoi agire come nell'esempio ma 
sempre assegnando un id unico ad ogni cella con un numero consecutivo
e ricordati sempre di assegnare il numero totale di celle che sono 
soggette a questa azione nello script java("numero_tabelle=4;" nel tuo 
caso con 6colonne e 4 righe č 24)..... in caso contrario non ti resetta 
tutte le celle
<table>
<tr>
  <td id="td1" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td1');">asass</a></td>
  <td id="td2" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td2');">asass</a></td>
  <td id="td3" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td3');">asass</a></td>
  <td id="td4" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td4');">asass</a></td>
  <td id="td5" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td5');">asass</a></td>
  <td id="td6" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td6');">asass</a></td>
</tr>
<tr>
  <td id="td7" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td7');">asass</a></td>
  <td id="td8" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td8');">asass</a></td>
  <td id="td9" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td9');">asass</a></td>
  <td id="td10" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td10');">asass</a></td>
  <td id="td11" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td11');">asass</a></td>
  <td id="td12" style="background-color: red;"><a href="#"
onClick="javascript:cambia_colore('td12');">asass</a></td>
</tr>
ecc........
</table>

Accidenti .......... è fantastico :-)
Grazie infinite, alcau

alcau scrivette il Wed, 19 Mar 2003 01:03:06 +0100:

Consulta il manuale del Javascript: non e' una cosa da PHP, a meno che tu
non voglia ricaricare la pagina ogni volta!
http://www.netscape.com/eng/mozilla/3.0/handbook/javascript/
ciao
Marco
-- 
bernama -truciolo- libero -puntino- it
Un chiaro sintomo del morbo di Alzheimer e' premere il tasto
'INVIO' prima di avere completato il mes
+- PHPRndSig 0.02 --------------------------------------------17/75-+

 Accidenti .......... è fantastico :-)
Specialmente con un browser vocale per non vedenti...
-- 
bernama -spirale- libero -PUNTO- it
Prima di schiacciare un tasto siediti sulle mani e pensa
bene a quello che stai per fare.
- Antico manuale Linux -
+- PHPRndSig 0.02 --------------------------------------------66/75-+

> Specialmente con un browser vocale per non vedenti...
Perchè dici che sarà visibile da pochi ?

 Accidenti .......... è fantastico :-)
Specialmente con un browser vocale per non vedenti...
-- 


Bohhhhh
Ragazzi proprio non capisco quel che dite !!
Sono rimasto un po' indietro.

 Accidenti .......... è fantastico :-)
Specialmente con un browser vocale per non vedenti...


ri........... BOHHHHHHHHHH