Являюсь не слишком искушенным кодером в веб. Чтобы ответить самому на следующие вопросы, необходимо прочитать тонну книг, и то не факт, что сделаю правильный вывод.
Есть пользователь, которому я на сервисе добавляю кнопку на определенной странице. То есть для других пользователей этой кнопки нет. По нажатию этой кнопки должен выскочить блок с некоторой таблицей и кнопками да-нет.
Как реализовал я сам: кнопка рисуется при формировании HTML-страницы с уже назначенным onClick. Также чуть раньше при формировании в зависимости от пользователя загружается скрипт с функционалом для этой кнопки. А вот стили я дописал в общий файл. Создание невидимого DIV сделал как
1.
2.
3.
4.
5.
(function createDiv(name){
var newDiv = document.createElement('div');
newDiv.id = name;
document.body.appendChild(newDiv);
})('MyDiv')
На что IE версии 8 стал ругаться "HTML parsing error". Это решается обновлением Винды KB2792100. Но мне показалось это неправильным. В итоге ошибки удалось избежать, выполнив createDiv в конце BODY. И тут я озадачился. onDOMContentLoaded кроссбраузерно описывать довольно много для простого события, а создавать div каждый раз по нажатию кнопки как-то медленно будет, быстрее видимым невидимым сделать. Думаю просто оставить так как есть в конце BODY - хоть и не эстетично, но быстро и везде работает. Хочется сделать, чтобы работало быстро, компы у многих пользователей откровенно слабые, и любое замедление сразу видно.
И теперь главный вопрос. Как все сделать по хорошему и что является "хорошим тоном" для таких ситуаций? Функционал кнопки и стили в отдельные файлы и загружать непосредственно перед кнопкой? На каком моменте создавать элемент? Распишите пожалуйста немножко. Очень хочется создавать такой сервис, который по быстроте почти не уступает десктопу. А для этого надо знать как лучше поступать в подобных ситуациях.
