Question

I am working in a software which has its interface written in JavaScript
I am trying to add an HTML button to the interface by defining a button in the HTML main code, check how I did this http://dpaste.com/691324/

The problem is,, the button appears before the page loads, maybe because the HTML loads before the JS files, I don’t know exactly !!! But it really looks ugly, when the button show before the page, and I want to find some trick that can delay the button or to be loaded at the same time with the javascripts..how is this possible?

Answer 1

I am not a javascript person, but if you are using JQuery, it should go something like this

$(document).ready(function() {
   document.getElementById('divId').innerHtml = '<input type="button" value="button">';
});

‘divId’ would be id of Div tag (place holder) covering input tag.

Or you can also call some plain javascript function which sets innerHtml of ‘divId’ on ‘Body’ tag’s onload event,