Hello,
I solved this own Question by learning, and doing by paste & use
based on SO:
https://stackoverflow.com/questions/8611713/running-javascript-after-page-is-fully-renderedIt works for me, as I had insert a second timeout.
The first timeout looks, if all functions and stuff is loaded.
The second timeout make sure, if the GUI stuff is rendered (for my Computer, 500 mmseconds are enough
and I think it is working fine).
Here comes the extended adapted code (form SO, and me):
<body>
...
<div preloader ...
/div>
<div easyui-window ...
...
/div>
...
<script language="JavaScript" type="text/javascript">
function highlighterAction() {
// do load page stuff here
}
function highlighter() {
/*
The short pause allows any required callback functions
to execute before actually highlighting, and allows
the JQuery $(document).ready wrapper to finish.
*/
setTimeout(function() {
highlighterAction();
}, 200);
}
if (document.readyState == 'complete') {
highlighter();
// this timeout, i have add
setTimeout(function() {
$("#preloader").hide();
$("#win").window({closed:false});
}, 500);
} else {
document.onreadystatechange = function () {
if (document.readyState === "complete") {
highlighter();
// this timeout, I have add
setTimeout(function() {
$("#preloader").hide();
$("#win").window({closed:false});
}, 500);
}
}
}
</script>
</body>
</html>
HTHO - Hope This Helps Others
...