Postare tutto il codice è un'impresa (è articolato tra HTC,CSS,JS .. e vari)
Vedo se riesco a preparare qualcosa di + semplice che renda l'idea.
A livello teorico dovrebbe essere così ..
1) Html di base
<table id="c">
<tr>
<td>
<table id="A"><tr><td><div ></td></tr></table>
</td>
</tr>
<tr>
<td>
<table id="B"><tr><td><div ></td></tr></table>
</td>
</tr>
</table>
2)Nello style dei 2 div ci vuole la stringa per abilitare l'alphaLoader
ecco qui:
style="position:relative;width16;height:16;filterrogid
XImageTransform.Microsoft.AlphaImageLoader(src='My Immagine.png', sizingMethod='image');"
3) Inserire degli script che rimuovano una delle 2 tabelle e inseriscano in nodo rimosso magari su una 3° riga della tabella primaria "c" tramite i metodi removeNode,appendChild.
Ecco + o - è così che faccio e l'effetto è che visivamente l'immagine PNG aumenta la sua dimensione come se fosse ripetuta, la cosa divertente è che cliccando sopra la nuova immagine (ottenuta dalla somma della prima orginale) a livello di dom viene vista come un'unico elemento. event.srcElement (sul click per esempio) ritorna sempre lo stesso elemento.
Auguri ....![]()