Bonsai a todos!
Stavo lavorando su delle pagine e volevo un menù utilizzando come pulsanti gli stessi td di una tabella, con tanto di rollover e di evidenziazione dell'ultimo "pulsante" premuto; per cui ho operato una cosa simile a questa:
-----------------------------------------------------
<style type="text/css">
<!--
.ON {
background-color: #FF9900;
}
.OFF {
background-color: #999999;
}
.Premuto {
background-color: #FFFF00;
}
-->
</style>
<body bgcolor="#CCCCCC">
<table width="600" align="center">
<tr>
<td width="200" class="OFF" id="cellauno"
onClick="this.className='Premuto', celladue.className='OFF', cellatre.className='OFF'"
onMouseOver="if(this.className!='Premuto'){this.cl assName='ON'}"
onMouseOut="if(this.className!='Premuto'){this.cla ssName='OFF'}"></td>
<td width="200" class="OFF" id="celladue"
onClick="this.className='Premuto', cellauno.className='OFF', cellatre.className='OFF'"
onMouseOver="if(this.className!='Premuto'){this.cl assName='ON'}"
onMouseOut="if(this.className!='Premuto'){this.cla ssName='OFF'}"></td>
<td width="200" class="OFF" id="cellatre"
onClick="this.className='Premuto', cellauno.className='OFF', celladue.className='OFF'"
onMouseOver="if(this.className!='Premuto'){this.cl assName='ON'}"
onMouseOut="if(this.className!='Premuto'){this.cla ssName='OFF'}"></td>
</tr>
</table>
-----------------------------------------------------
E per funzionare funziona, ma non è molto... comodo, in senso che se voglio aggiungere nuove celle, devo in ognuna di queste, aggiungere ogni volta la stringa che dice di evidenziare se stessa ma de-evidenziare le altre, menzionandole una per una, e modificando poi anche le stringhe delle altre celle per dire "oh, c'è anche questa da de-evidenziare adesso!"
Per cui mi chiedevo se c'era un modo per, sì evidenziare la cella che mi serve col solito this, ma anche di poter de-evidenziare tutte le altre in un colpo solo, tipo:
onClick="this.className='Premuto', tuttelealtredannatecelle.className='OFF'"
Si può far qualcosa? Denchiù!
Rispondi quotando
