Не подключением файлов нужно реализовывать... А вообще, подключить файл стилей на лету можно так:
var link = document.createElement("link")
link.type = "text/css"
link.rel = "stylesheet"
link.href = url
document.getElementsByTagName("head")[0].appendChild(link)
Где
url - адрес к файлу стилей
Спасибо
Макс Минимус за подсказку...
Рецепт следующий:
var cssUrls = []
var loadCss = function(url) {
var ind = cssUrls.indexOf(url)
if(ind == -1) {
cssUrls.push(url)
var link = document.createElement("link")
link.id = ('css' + cssUrls.length)
link.type = "text/css"
link.rel = "stylesheet"
link.href = url
document. getElementsByTagName("head")[0].appendChild(link)
} else {
document.getElementById('css' + ind).disabled = !document.getElementById('css' + ind).disabled
}
}
loadCss('/css/colors/darkblue.css')
Писал без проверки с мобилы... Так что если есть ошибки, не серчайте :). Работает по принципу "Если нет, добавил, если есть, отключил или подключил"