DHTML Loads Faster Than Accompanying HTML

Question:
I often have the problem in which the DHTML on my page loads faster than the accompanying HTML. Therefore, users are enticed to click away at elements, which trigger events that act on HTML that have not yet loaded. The result is a script error. I know I can trigger a function onload that continuously polls the readystate of the document. While it polls, ‘document.onmousedown = null’ works in nullifying mouse clicks. But how do I reset document.onmousedown to resume normal operation after the document’s readystate is true?

Answer:

You’re on the right path here, but rather than polling, you may want to just wrap your function bodies:

function mouseclickevent(){   if (document.readyState=="complete"){      // perform your processing.      }   }

You could also hold off adding the events to the objects until after the readystate is “complete”:

function document_onreadystatechange(){   if (document.readyState=="complete"){       // handle any final initializations       myImage.onmousedown=mouseclickevent;       }   }

Share the Post:
Share on facebook
Share on twitter
Share on linkedin

Overview

The Latest

homes in the real estate industry

Exploring the Latest Tech Trends Impacting the Real Estate Industry

The real estate industry is changing thanks to the newest technological advancements. These new developments — from blockchain and AI to virtual reality and 3D printing — are poised to change how we buy and sell homes. Real estate brokers, buyers, sellers, wholesale real estate professionals, fix and flippers, and beyond may

man on floor with data

DevX Quick Guide to Data Ingestion

One of the biggest trends of the 21st century is the massive surge in internet usage. With major innovations such as smart technology, social media, and online shopping sites, the internet has become an essential part of everyday life for a large portion of the population. Due to this internet

payment via phone

7 Ways Technology Has Changed Traditional Payments

In today’s digital world, technology has changed how we make payments. From contactless cards to mobile wallets, it’s now easier to pay for goods and services without carrying cash or using a checkbook. This article will look at seven of the most significant ways technology has transformed traditional payment methods.