переключение цвета / языка?

vitaly-go · 10.11.2009, 15:36

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

может есть какой js или на php как пишется
p.s. сайт не на CMS

Aldes · 10.11.2009, 16:09

знаю как сделать такое на флеш

, т.е. из флеш + js - меняем цвет хтмл страницы

Scroll · 10.11.2009, 16:16

vitaly-go, нужно, чтобы css менялся без перезагрузки страницы?

vitaly-go · 10.11.2009, 16:22

Цитата:

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

знаю как сделать такое на флеш

, т.е. из флеш + js - меняем цвет хтмл страницы

покажите если несложно, может переключалку на флеше сделаю

Цитата:

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

vitaly-go, нужно, чтобы css менялся без перезагрузки страницы?

ага именно так и надо

p.s. жалко пример показать немогу, ссылку потерял, там на выбор можно было менять 3 цветовые схемы. через иконки наподобии как в W7 расцветку вибираешь

Aldes · 10.11.2009, 16:27

качайте

vitaly-go · 10.11.2009, 16:53

Scroll нужно, но как? может подскажете?

iDeViL · 10.11.2009, 17:32

есть несколько способов:
если на php: делаете форму с радио-кнопками (выпадающим списком, можно даже textarea), а затем в зависимости от выбранного стиля загружаете нужный. В случае с текстареей можете сделать в шапке страницы что-то типо
body {
background: <?=$bgcolor?>
} ,где bgcolor - цвет, получаемый из php, обрабатываемый при входе данных с формы.

Если нужно, чтобы цвет менялся динамично, пишете и вешаете на любой элемент, нужный вам следующую функцию на ява-скриптс
function c_changer(color){
document.background = color
}
а на элементе onclick="c_changer('#fff')" - сменит на белый. Только на счет document.backgroun - не так пишется вроде, поищите, я сейчас не соображу, а так же я использовал функцию, так как у меня в коде была функция гладкого изменения цвета с одного на другой, там и вызывать её нужно было через "обрабатывающую" функцию.

Добавлено через 12 секунд

есть несколько способов:
если на php: делаете форму с радио-кнопками (выпадающим списком, можно даже textarea), а затем в зависимости от выбранного стиля загружаете нужный. В случае с текстареей можете сделать в шапке страницы что-то типо
body {
background: <?=$bgcolor?>
} ,где bgcolor - цвет, получаемый из php, обрабатываемый при входе данных с формы.

Если нужно, чтобы цвет менялся динамично, пишете и вешаете на любой элемент, нужный вам следующую функцию на ява-скриптс
function c_changer(color){
document.background = color
}
а на элементе onclick="c_changer('#fff')" - сменит на белый. Только на счет document.backgroun - не так пишется вроде, поищите, я сейчас не соображу, а так же я использовал функцию, так как у меня в коде была функция гладкого изменения цвета с одного на другой, там и вызывать её нужно было через "обрабатывающую" функцию.

Scroll · 10.11.2009, 19:13

Гы. Поэксперементировал и нашел забавный способ. Сначала код был очень простым, но как всегда, не работал в ИЕ6. Доработал, вот что получилось:

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Перенаправление на служебный сайт Денвера...</title>
<link rel="stylesheet" type="text/css" href="style1.css" id="style1.css"/>
<script>
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("head")[0].appendChild(new_el);
	document.getElementsByTagName("head")[0].removeChild(child);
}
</script>
</head>

<body>
<a href="javascript:" onclick="ChangeCss('style1.css', 'style2.css')">Style1</a>
<a href="javascript:" onclick="ChangeCss('style2.css', 'style1.css')">Style2</a>
<a href="javascript:" onclick="alert(document.getElementsByTagName('html')[0].innerHTML)">HTML</a>
</body>
</html>

vitaly-go · 10.11.2009, 19:21

Цитата:

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

Гы. Поэксперементировал и нашел забавный способ. Сначала код был очень простым, но как всегда, не работал в ИЕ6. Доработал, вот что получилось:

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Перенаправление на служебный сайт Денвера...</title>
<link rel="stylesheet" type="text/css" href="style1.css" id="style1.css"/>
<script>
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("head")[0].appendChild(new_el);
	document.getElementsByTagName("head")[0].removeChild(child);
}
</script>
</head>

<body>
<a href="javascript:" onclick="ChangeCss('style1.css', 'style2.css')">Style1</a>
<a href="javascript:" onclick="ChangeCss('style2.css', 'style1.css')">Style2</a>
<a href="javascript:" onclick="alert(document.getElementsByTagName('html')[0].innerHTML)">HTML</a>
</body>
</html>

афигенски!

самбы я это ненаписал

огроменное спасибо

только несовсем понятно назначение <a href="javascript:" onclick="alert(document.getElementsByTagName('html ')[0].innerHTML)">HTML</a>

iDeViL · 10.11.2009, 20:08

это просто так, вызывает сообщение с текстом чего-то с индексом 0.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Сайт учителя английского языка	Anton_T	Зал дебютантов	6	03.10.2010 20:34
Переключение языков на сайте	K@pUsTa	ASP, Perl, PHP и MySQL	5	15.09.2007 11:57
web-сервер с модулем поддержки языка PHP	kors@r	HTML, CSS, JavaScript	12	11.11.2004 01:27
Обьясните вкраце и с точки зрения русского языка!	G_AnErS	HTML, CSS, JavaScript	7	29.04.2004 23:20
Цвета !!!	kadafi	HTML, CSS, JavaScript	3	19.08.2003 17:59

10.11.2009, 15:36	#1
vitaly-go	собственно как реализовать выбор цвета фона и некоторых элементов, по типу выбора языка на сайте? понимаю что нужно прикрутить к кнопкам действие по загрузке определеного css? но как эт вопрос может есть какой js или на php как пишется p.s. сайт не на CMS

10.11.2009, 16:09	#2
Aldes	знаю как сделать такое на флеш , т.е. из флеш + js - меняем цвет хтмл страницы

10.11.2009, 16:16	#3
Scroll	vitaly-go, нужно, чтобы css менялся без перезагрузки страницы?

10.11.2009, 16:53	#6
vitaly-go	Scroll нужно, но как? может подскажете?

10.11.2009, 17:32	#7
iDeViL	есть несколько способов: если на php: делаете форму с радио-кнопками (выпадающим списком, можно даже textarea), а затем в зависимости от выбранного стиля загружаете нужный. В случае с текстареей можете сделать в шапке страницы что-то типо body { background: <?=$bgcolor?> } ,где bgcolor - цвет, получаемый из php, обрабатываемый при входе данных с формы. Если нужно, чтобы цвет менялся динамично, пишете и вешаете на любой элемент, нужный вам следующую функцию на ява-скриптс function c_changer(color){ document.background = color } а на элементе onclick="c_changer('#fff')" - сменит на белый. Только на счет document.backgroun - не так пишется вроде, поищите, я сейчас не соображу, а так же я использовал функцию, так как у меня в коде была функция гладкого изменения цвета с одного на другой, там и вызывать её нужно было через "обрабатывающую" функцию. Добавлено через 12 секунд есть несколько способов: если на php: делаете форму с радио-кнопками (выпадающим списком, можно даже textarea), а затем в зависимости от выбранного стиля загружаете нужный. В случае с текстареей можете сделать в шапке страницы что-то типо body { background: <?=$bgcolor?> } ,где bgcolor - цвет, получаемый из php, обрабатываемый при входе данных с формы. Если нужно, чтобы цвет менялся динамично, пишете и вешаете на любой элемент, нужный вам следующую функцию на ява-скриптс function c_changer(color){ document.background = color } а на элементе onclick="c_changer('#fff')" - сменит на белый. Только на счет document.backgroun - не так пишется вроде, поищите, я сейчас не соображу, а так же я использовал функцию, так как у меня в коде была функция гладкого изменения цвета с одного на другой, там и вызывать её нужно было через "обрабатывающую" функцию. Последний раз редактировалось iDeViL; 10.11.2009 в 17:32.. Причина: Добавлено сообщение

10.11.2009, 20:08	#10
iDeViL	это просто так, вызывает сообщение с текстом чего-то с индексом 0.