Newsgroup: it.comp.lang.javascript
Titolo: td e onmouseover

Ciao a tutti,
Ho una tabella con una  quantita' variabile di celle, all' interno delle
quali in ordine sparso sono presenti dei
numeri i quali pero' in alcuni casi, sono in relazione e mi piacerebbe fare
questo;
Quando il mouse e' sopra a una di queste celle cambire il colore sia di
quella selezionata, sia di quelle in relazione con essa, quindi selezionado
un solo TD vorrei evidenziarne altri.
Spero di essermi spiegato bene

 un solo TD vorrei evidenziarne altri.
Dovresti chiarire meglio che tipo di relazione c'e' tra le varie celle, e
come questa si puo' ricavare da una singola cella.
-- 
C'ya,
  ZER0 :: coder.gfxer.webDesigner();
Come devo regolare la stampante laser per stordire?
(How do I set a laser printer to stun?)
Now playing: nothing

 ha scritto nel messaggio
news:26pzfdfv...@ID-171124.news.individual.net...

Questo e' l'esempio piu' semplice:
Se vado con il mouse sul td intestazione per esempio Intestazione01, vorrei
cambiare il colore di ARiga01, BRiga01 e con onClick cambiare nuovamente il
colore.
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>Intestazione01</td>
    <td>Intestazione02</td>
  </tr>
  <tr>
    <td>ARiga01</td>
    <td>ARiga02</td>
  </tr>
  <tr>
    <td>BRiga01</td>
    <td>BRiga02</td>
  </tr>
</table>

 Questo e' l'esempio piu' semplice:
Ho bisogno dell'esempio piu' complesso :) Altrimenti rischio di
"semplificare" troppo la relazione.
Ad esempio in questo caso sembrerebbe che tu voglia cambiare colore di
tutte le celle facenti parte della colonna in cui sei posizionato col
mouse.
-- 
C'ya,
  ZER0 :: coder.gfxer.webDesigner();
Io non soffro di pazzia, ne godo ogni minuto.
(I don't suffer from insanity, I enjoy every minute of it)
Now playing: nothing

 ha scritto nel messaggio
news:lvwyj0sm...@ID-171124.news.individual.net...

In questo esempio si.
In teoria semplificandomi la vita, per ora potrebbe bastare anche questo..
Grazie

 In teoria semplificandomi la vita, per ora potrebbe bastare anche questo..
<script type="text/javascript">
	var COLUMN_COLOR_HL='#ff00ff',
		COLUMN_COLOR='';
 
	function setColumnColor(evt){
		var sender=evt.target||evt.srcElement;
 
		var cin=sender.cellIndex,
			rw=sender.parentNode.parentNode.rows;
 
		for (var i=0;i<rw.length;i++)
 
rw[i].cells[cin].style.backgroundColor=evt.type=="mouseover"?COLUMN_COLOR_HL:COLUMN_COLOR;
	}
</script>
E un esempio di tabella:
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
	 <thead>
 		<tr>
			<th>Intestazione01</th>
		    	<th>Intestazione02</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td 
				onmouseover="setColumnColor(event)" 
				onmouseout="setColumnColor(event)">ARiga01</td>
			<td 
				onmouseover="setColumnColor(event)" 
				onmouseout="setColumnColor(event)">ARiga02</td>
		</tr>
		<tr>
			<td 
				onmouseover="setColumnColor(event)" 
				onmouseout="setColumnColor(event)">BRiga01</td>
			<td 
				onmouseover="setColumnColor(event)" 
				onmouseout="setColumnColor(event)">BRiga02</td>
		</tr>
    </tbody>
</table>
Scritto al volo, e in tutta sincerita' non mi piace un gran che', pero' e'
funzionale al tuo scopo.
Sicuramente sarebbe piu' congeniale utilizzare i CSS, quantomeno nello
specificare i colori, e poi cambiare al volo la classe specificata.. e
utilizzare una gestione degli eventi piu' idonea.
Ma se sei alle prime armi, non voglio metterti troppa carne al fuoco.
