<![CDATA[Серый форум — Запись в контейнер <style>сюда</style>]]> http://forum.script-coding.com/viewtopic.php?id=7655 сюда».]]> Thu, 13 Dec 2012 18:57:22 +0000 PunBB <![CDATA[Re: Запись в контейнер <style>сюда</style>]]> http://forum.script-coding.com/viewtopic.php?pid=66953#p66953 Вот ещё решение (IE5+) (пере)записи таблицы стилей «чистым текстом»:

<HTML>
<HEAD>
<STYLE id='ss' type='text/css'></STYLE>

<SCRIPT language='JavaScript' type='text/javascript'>
var cssText1="\
  body {color: red;}\
  p {font-weight: bold;}\
";

var cssText2="\
  body {background-color: silver;}\
  p {font-style: italic;}\
";

var styleElement=document.getElementById("ss");
var styleSheet=styleElement.styleSheet;
////или вместо предыдущих двух строк:
//var styleSheet=document.styleSheets.item(0);
//// (обратная ссылка на объект HTML-элемента таблицы стилей:
//// styleSheet.owningElement === styleElement)

////Можно создать и на ходу, без предварительного создания элемента <STYLE>:
//var styleSheet=document.createStyleSheet();

window.onload=function () {
  styleSheet.cssText=cssText1;
  window.setTimeout('styleSheet.cssText=cssText2;', 2000);
};
</SCRIPT>
</HEAD>

<BODY>
<P>Hello, world!</P>
</BODY></HTML>
]]> Thu, 13 Dec 2012 18:57:22 +0000 http://forum.script-coding.com/viewtopic.php?pid=66953#p66953 <![CDATA[Re: Запись в контейнер <style>сюда</style>]]> http://forum.script-coding.com/viewtopic.php?pid=64727#p64727 Спасибо, посмотрю.

]]> Sat, 13 Oct 2012 04:45:11 +0000 http://forum.script-coding.com/viewtopic.php?pid=64727#p64727 <![CDATA[Re: Запись в контейнер <style>сюда</style>]]> http://forum.script-coding.com/viewtopic.php?pid=64529#p64529 Любитель пишет:

В этом конкретном случае требуется кроссбраузерность, поэтому переписывать внешний файл стилей не подходит.

Под «неподходящим» имеется ввиду что-то вроде

<HTML>
<HEAD>
<LINK id='ss' rel='stylesheet' type='text/css' href='javascript:"";'>

<SCRIPT language='JavaScript' type='text/javascript'>
var cssText1="\
  body {color: red;}\
  p {font-weight: bold;}\
";

var cssText2="\
  body {background-color: silver;}\
  p {font-style: italic;}\
";

var styleElement=document.getElementById("ss");

window.onload=function () {
  styleElement.href="javascript:cssText1;";
  window.setTimeout('styleElement.href="javascript:cssText2;";', 2000);
};
</SCRIPT>
</HEAD>

<BODY>
<P>Hello, world!</P>
</BODY></HTML>

?
Хотя я думаю, это решение можно доработать до кроссбраузерного.

]]> Wed, 03 Oct 2012 17:32:35 +0000 http://forum.script-coding.com/viewtopic.php?pid=64529#p64529 <![CDATA[Запись в контейнер <style>сюда</style>]]> http://forum.script-coding.com/viewtopic.php?pid=64440#p64440 Не могу перезаписать данные в <style></style>, во всех браузерах работает, в ИЕ нет. ИЕ читать читает, а изменять отказывается.
Пробовал

innerHTML
innerText

и экзотику, эти методы чистый текст пишут, а внутрь <style></style>, нет

replaceChild()
createTextNode()
insertAdjacentHTML()

Подключать класс или писать стили в каждый элемент, можно, но накладно, слишком много элементов, а так нужно изменить одно единственное место.
В этом конкретном случае требуется кроссбраузерность, поэтому переписывать внешний файл стилей не подходит.

Кто с таким сталкивался? как победили?

]]> Tue, 02 Oct 2012 03:04:59 +0000 http://forum.script-coding.com/viewtopic.php?pid=64440#p64440