[vitaly-go]

все конечно супер но рабость прошла быстро
это работает только с body, все остальное неменяет

возможноли его применить ко всему содержимому?
и если да то как?

[iDeViL]

а вот файлик скрипта моего, который позволяет изменить цвет фона любого дива гладко сначала с белого на нужный, затем с любого на любой.
вызывается через CCC(obj, re, gr, bl), где obj - объект, желательно, через this, re, gr, bl - от 0 до 31. Причем - 0 - #00, 31 - #ff,
Там еще есть скрипт перехода от одного цвета к другому через черный. Вызывается аналогично, только функция другая.
ВНИМАНИЕ! Скрипт еще сильно недоработан, а так же мне недавно понадобилось переписывать таблицу цветов, поэтому во время перехода от одного цвета к другому могут быть дерганья. Еще проблема - не очищаются массивы. Т.е., если будет много элементов перекрашиваться, то ram будет немного жраться. Правда это будет заметно, если элементов будет больше 1000, так что я думаю, это не столь важно.
Буду лечить. А вообще можно взять за основу для разработки своего.
на всякий случай: новые версии можно качать отсюда www.omegak.h16.ru/script/colorchange.js

[vitaly-go]

Сообщение от iDeViL

изменить цвет фона

цвет фона дива это хорошо, но
у меня в css прописаны background-image:url('images/bg_left.jpg'); и тд
вот с ними оно ведь не будет работать, а надо.....

может быть есть возможность например привязать через @media
но не к печати, а просто к просмотру

есть конечно тупой выход сделать 2 комплекта страниц а переключалка в каждой будет перенаправлять на ее дубликат,
но этож както по ламерски млин

[iDeViL]

зы. вот пример использования:
<div id="bla-bla" onclick="CCC(this, 2, 2, 2)">темно-серый</div>
<div id="bla-bla-bla" onclick="CCC('bla-bla', 31, 31, 31)">вернуть белый</div>
как видно, можно писать не this, а id контейнера, меняющего цвет. Во, прямо сейчас доделаю конкретно этот момент до ума, чтобы хорошо работало.
ЗЫ - забыл сказать, что работает только в броузерах начиная от ie7, ну в остальных - почти во всех за счет getelementbyid.
Вообще есть идея - сделать какой-нибудь скрипт, который будет разрабатываться некоторым количеством людей, и который будет содержать все необходимые функции и документацию по их использованию, а присоеденять к сайту: <script src="http://hostname/script/all.js"></script>, а он в свою очередь определит версию браузера и загрузит нужный набор скриптов, как вам идейка?

все, исправил, теперь обращение должно правильно работать. качать с ссылки

Добавлено через 32 минуты

а по поводу background-image - в ява скрипте это реализуется так
d...t.get...Id(id).style.backgroundImage = 'url("image")';
можно в скрипт повесить

[vitaly-go]

Сообщение от iDeViL

а по поводу background-image - в ява скрипте это реализуется так
d...t.get...Id(id).style.backgroundImage = 'url("image")';
можно в скрипт повесить

тоесть
я добавляю строчку

document.getElementsId("bg").style.backgroundImage = 'url("images/bg_top.jpg")';

в то что уже есть ?

<script  type="">
function ChangeCss(old_name, new_name)
{
	child = document.getElementById(old_name);
	new_el = document.createElement("link");
	new_el.setAttribute("rel", "stylesheet");
	new_el.setAttribute("text", "text/css");
	new_el.setAttribute("href", new_name);
	new_el.setAttribute("id", new_name);
	document.getElementsByTagName("body")[0].appendChild(new_el);
	
	document.getElementsId("bg").style.backgroundImage = 'url("images/bg_top.jpg")';
}
</script>

и как быть если таких элемента 4 на 1 цвет и 4 на другой, писать 8 строчек ?

[iDeViL]

Нет, зачем 8 строчек. Вот пример.

<script langvidge="java-script">
function changeimage(theme){
document.getElementById('image').style.backgroundImage = 'url("http://web-silver.ru/forum/images/'+theme+'/image.jpg");
}
// theme - дочерняя папка img с картинками, т.е. пути: img/red/image.jpg или img/green/image.jpg
</script>

<a href="#" onclick="changeimage(red);">Красный</a>
<a href="#" onclick="changeimage(green);">Зеленый</a>
<a href="#" onclick="changeimage(yellow);">Желтый</a>

только в вашем случае:
function ChangeCss(old_name, new_name, theme)
а в <a onclick="ChangeCss(old_name, new_name, 'red');

[vitaly-go]

iDeViL а theme обязательно?
ато я по тугости своей несовсем понимаю
если есть новое имя старое имя то зачем она там,
тоесть имена файлов разные а лежат в одной папке
совсем чет я запутался

Добавлено через 1 час 2 минуты

долго ковырялся и пришел к вот такому выводу

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="style.css" type="text/css"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Vitaly-go Главная</title>
<script type="text/javascript">
function hiddenLayer() { document.getElementById("bg_left").style.visibility = "hidden"; document.getElementById("bg_right").style.visibility = "hidden"; }
function showLayer() { document.getElementById("bg_left").style.visibility = "visible"; document.getElementById("bg_right").style.visibility = "visible"; }
</script>
</head>
<body>
<p><a href="#" onclick="showLayer()"><img src="images/bg_left.jpg" width="98" height="33" alt="Нажми нежно"/></a></p>
<p><a href="#" onclick="hiddenLayer()"><img src="images/bg_left.jpg" width="98" height="33" alt="Нажми нежно"/></a></p>
<div id="bg_left" style="visibility: hidden"><img src="images/bg_left.jpg"/></div>
<div id="bg_right" style="visibility: hidden"><img src="images/bg_right.jpg"/></div>
</body>
</html>

грузится независимая от скрипта часть при переключении появляется 2 версия, но тутже возникает вопрос,
как сделать так чтобы следующая после переключения страница открывалась в такомже цвете?.....
будем думать, пока думалка совсем нестерлась

[iDeViL]

не очень понял вопрос, но все таки: если в одной папке
doc...Image = 'url("img/'+theme+'.jpg")'
чтобы во всех, этого можно добиться двумя способами, через php или через js+cookie.
php:
<обычный код>...<style link="<?=$style?> />
<img src="img/<?=$style?>.jpg" />
вот, при переходе на эту страницу www.sitehost.ru/pagename.php?style=blue

вот, примерно так. Но лучше и в этом примере использовать cookie, к сожалению, я сейчас забыл пхп и учу заново, поэтому подсказать дальше не могу.
Через js+cookie - тоже не могу, но как это делать - можно найти на яндексе

[vitaly-go]

Сообщение от iDeViL

не очень понял вопрос, но все таки: если в одной папке
doc...Image = 'url("img/'+theme+'.jpg")'
чтобы во всех, этого можно добиться двумя способами, через php или через js+cookie.
php:
<обычный код>...<style link="<?=$style?> />
<img src="img/<?=$style?>.jpg" />
вот, при переходе на эту страницу www.sitehost.ru/pagename.php?style=blue

у меня Не во всех папках а в 1 папке
тоесть bg_red.jpg и bg_black.jpg в одной папке
и что в твоем коде означает '+theme+'
я просто тупо непонимаю, если это папка то зачем мне лишняя папка
а после фразы "чтобы во всех" вообще ничего непонял

[iDeViL]

так. '+theme+' это значит:
' - закончить предыдущую строку
+ - оператор склеивания строк
theme - переменная
т.е.

если есть код:
theme = "red"
text = 'Color' + theme;
то в переменной text сохранится "Color red';
в вашем случае:
theme получаем при вызове функции. допустим он равен 'red'
... = 'url(" - начало, дальше пишем путь до файлов - img/bg_'+theme+'.jpg");
это вернет следующую строку:
'url("img/bg_red.jpg"); - думаю, внятно объяснил.

чтобы во всех - это чтобы во всех страницах
php - я думаю, вы знаете что это такое.
Дальше приведен пример использования php
вот пример небольшой, который покажет, как пользоваться php. Будем считать, что переменную theme мы получили. Не важно откуда: из куки или из адресной строки методом got или post
красным - php

<html>
<head>
<link href="styles/[COLOR="red"]<?=$theme?>[/COLOR].css" rel="stylesheet" type="text/css" /> 
</head>
<body>
<img src="img/bg_[COLOR="Red"]<?=$theme?>[/COLOR].jpg" />
</body>
</html>

вместо <?=$theme?> на сервере подставится значение этой переменной, т.е. картинка придет в виде
<img src="img/bg_red.jpg" />
причем, в этом примере .css должен называться red и black соответственно, чтобы работало правильно.
Как ставить куки - другой вопрос