Динамический CSS

[user]

Пришла ко мне идея,чтобы CSS автоматически подгружался при нажатии на кнопку.То есть без перезагрузки,сам css.Только я не знаю,в каком направлении искать.С помощью Аякса что ли.Сталкивался ли кто-нибудь с этим.

[rus]

На php наверное можно сделать, но пока не пробовал такое, но можно попробовать.

[Vlad]

Посмотри на этой странице, с помощью JS идет переключение стилей без перезагрузки.

http://softwaremaniacs.org/media/soft/highlight/test.html

[user]

Спасибо.

[Searcher]

так проще будет

//Динамическая загрузка ява скриптов и цсс

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")
// loadjscssfile("javascript.php", "js")
// loadjscssfile("mystyle.css", "css")



//Динамическая выгрузка ява скриптов и цсс

function removejscssfile(filename, filetype){
 var targetelement=(filetype=="js")? "script" : (filetype=="css")? "link" : "none" //determine element type to create nodelist from
 var targetattr=(filetype=="js")? "src" : (filetype=="css")? "href" : "none" //determine corresponding attribute to test for
 var allsuspects=document.getElementsByTagName(targetelement)
 for (var i=allsuspects.length; i>=0; i--){ //search backwards within nodelist for matching elements to remove
  if (allsuspects[i] && allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1)
   allsuspects[i].parentNode.removeChild(allsuspects[i]) //remove element by calling parentNode.removeChild()
 }
}

// в коде страниц используется так:
// removejscssfile("somescript.js", "js")
// removejscssfile("somestyle.css", "css")

Edited October 23, 2008 by Searcher

[user]

Спасибо,то,что надо.