[Edited question] The javascript code :
var ECM_pos = [ 3,2];
function ECM_display() {
document.forms["ECM"].elements[0].value = " " + ECM_pos[0] + "o ";
document.forms["ECM"].elements[1].value = " " + ECM_pos[1] + " ";}
function ECM_coloring(num, mycolor){
switch (num){
case 1: document.forms["ECM"].ECM_button1.style.background=mycolor; break;
case 2: document.forms["ECM"].ECM_button2.style.background=mycolor; break;}}
function ECM_do() {
ECM_coloring(1, "#2EFEF7"); ECM_coloring(2, "#2EFEF7"); ECM_display();}
when used in the html :
<body onLoad="window.ECM_do();">
<form name="ECM">
<table >
<tr> <td>
<input type="button" name="ECM_button1" value=" A "
onClick="window.ECM_do();"> </td>
<td> <input type="button" name="ECM_button2"
value=" 2 "
onClick="window.ECM_do();"> </td>
</tr>
</table>
</form>
gives a deceptive answer: the cell with the 2 is too large. When you click on it, it goes to its normal size. If I change the value 2 in ECM_pos at the beginning or do any other change on this cell: this cells gets properly formatted. It looks like the rendering engine sees whether the content of this cell is new or not. If not new then it is not redone. Else it is. That's about as simple an example as I could get.
This hassle is rather recent, I think. Many thanks for any hints! Best, Olivier
Any input is welcome
- you probably need to fix line 37