s) if (applet.clickToViewProcessed || applet.parentNode.clickToViewProcessed) return; applet.clickToViewProcessed = true; // FIXME: I've seen this end up with negative numbers O_o var w = parseInt(applet.width || applet.style.width || applet.getAttribute('width')); var h = parseInt(applet.height || applet.style.height || applet.getAttribute('height')); // ! catches NaN if (!w || w < 32) w = 32; if (!h || h < 32) h = 32; // create the replacement element var replacement = document.createElement('div'); replacement.style.setProperty('width', w + 'px', ''); replacement.style.setProperty('height', h + 'px', ''); replacement.style.setProperty('background-color', 'ThreeDFace', ''); replacement.style.setProperty('text-align', 'center', ''); replacement.style.setProperty('cursor', 'pointer', ''); replacement.style.setProperty('overflow', 'hidden', ''); replacement.style.setProperty('-moz-outline', '1px dashed red', ''); // create an inner span so that we can vertically align the inner text var message = document.createElement('span'); // this feels like a total hack. I don't know of a better way, though. message.style.setProperty('vertical-align', 'middle', ''); message.style.setProperty('line-height', h + 'px', ''); message.style.setProperty('color', 'ThreeDText', ''); message.innerHTML = '☛ Click to load'; if (applet.type) message.innerHTML += ' (' + applet.type + ')'; else if (applet.id) message.innerHTML += ' (id: ' + applet.id + ')'; else if (applet.classid) message.innerHTML += ' (' + applet.classid + ')'; else if (applet.tagName) message.innerHTML += ' (element: ' + applet.tagName + ')'; replacement.appendChild(message); // without this setTimeout(function () { appParent.insertBefore(replacement, applet); appParent.removeChild(applet); }, 0); replacement.onclick = function () { appParent.insertBefore(applet, replacement); appParent.removeChild(replacement); } ]]>