Подгрузить CSS/JS динамически

Вот код для динамической подгрузки CSS и JS © 

function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", filename)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}

loadjscssfile("myscript.js", "js") //dynamically load and add this .js file
loadjscssfile("javascript.php", "js") //dynamically load "javascript.php" as a JavaScript file
loadjscssfile("mystyle.css", "css") ////dynamically load and add this .css file

А как бы изъебнуться и сделать это всё с анимацией:
Например есть страничка с абсолютными слоями которые находятся за пределами экрана либо же скрыты, и подгрузив CSS они все расставляются на место (анимационно)

5 комментариев

  • аватар ololo
  • 0
В двух словах не расскажешь, как это анимировать. Я бы посоветовал взять и прокрутить демки к любому популярному фреймворку. Писать с нуля такое саще всего не имеет смысла.
jQuery, как бы спарсить CSS хотябы на top left а уж потом передвину
По вовпросу которыйОднозначно, выбирать какой-то фреймворк и плотно на него садится. Я часто в своей практике встречаю, особливо по возвращению в Курск, кренделей,
Блин, херня какая, правил свой комент и запостил не закончив. Итак, на вопрос, который не задавался: однозначно садиться на какой-то из фреймворков. Я часто встречаю в свое практике программистов (особливо по возвращению в курск), которые с гордостью заявляют: «Нет, я пишу только на чистом javascript». Ну и дурак, тратишь время компании (или свое время) на решение тривиальных проблем, в то время, как мог бы это время потратить на решение действительно серьёзных задач. Во вторых, фреймворк дисциплинирует и делает кода проще и читаемей для других участников команды. Теперь на вопрос, который задавался. Нет такого сделать нельзя. Подгрузить файл стилей без применения и анимационно применить его — утопическая задача. Если действительно нужно устроить диснейлэнд (в чем я все же сомневаюсь), было бы правильней аяксом получать json-объект с нужными свойствами и передавать его элементы анимирующей функции твоего фреймворка.
  • аватар ololo
  • 0
А я, честно говоря, не понял, зачем динамически подгружать CSS, в то время, как можно на лету модифицировать нужные селекторы. Может, просто не уяснил задачи.

Чтобы оставлять комментарии, нужно или зарегистрироваться.