Edge browser not updating CSS style in objects

Question

I have an issue with a webpage not updating the CSS correctly.

The javascript routine loops through a series of table data elements, and is supposed to turn each one background color to green after if sends a message. Because the number of messages to be sent can be long, the green is an indication to the user that the system is processing.

The routine runs correctly and the message is sent, but the boxes do not turn green until all messages are sent. On FireFox it works correctly - each box turns green in order every second or two.

I've tried setting the focus to the specific <td> element, changing the elements inner HTML, and

for (i=1; i<=tempcount; i++) {

tempobj = "id" + i;

tempid = document.getElementById(tempobj).value;

if (tempid > 0) {                                                           templink = "sub_messaging_sendmessage.asp?iid=" + tempid;                                                           templink = templink + "&msg=" + tempmsg;

templink = templink + "&t=" + Math.random();

UpdateData(templink);

tempobj = "box" + i;

document.getElementById(tempobj).style.backgroundColor = "#66FF99";

tempstr = document.getElementById(tempobj).innerHTML;

document.getElementById(tempobj).innerHTML = "** " + tempstr; } }

Any ideas on how to force the browser to update the element after each loop step instead of wating until the end?

Answer 1

Hi,

Thank you for writing to Microsoft Community Forums.

I understand that you’re facing issues with CSS not updating for website on Microsoft Edge.

We do have a dedicated forum where you should be able to find support for your query. Let me help you in pointing towards the right direction, I would suggest you to post your query on Tech Community, where we have support professionals with expertise on managing website to assist you with your query.

Regards,

Prakhar Khare

Microsoft Community – Moderator