Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

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

Обсуждение темы переключение цвета / языка? в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; собственно как реализовать выбор цвета фона и некоторых элементов, по типу выбора языка на сайте? понимаю что нужно прикрутить к кнопкам действие по ...


Закрытая тема
 
Опции темы
Старый 10.11.2009, 15:36   #1
собственно как реализовать выбор цвета фона и некоторых элементов,
по типу выбора языка на сайте?
понимаю что нужно прикрутить к кнопкам действие по загрузке определеного css? но как эт вопрос
может есть какой js или на php как пишется
p.s. сайт не на CMS
 
Старый 10.11.2009, 15:36
Ссылки
Старый 10.11.2009, 16:09   #2
знаю как сделать такое на флеш , т.е. из флеш + js - меняем цвет хтмл страницы
 
Этот пользователь сказал спасибо Aldes за это полезное сообщение:
vitaly-go (10.11.2009)
Старый 10.11.2009, 16:16   #3
vitaly-go, нужно, чтобы css менялся без перезагрузки страницы?
 
Этот пользователь сказал спасибо Scroll за это полезное сообщение:
vitaly-go (10.11.2009)
Старый 10.11.2009, 16:22   #4
Цитата:
Сообщение от Aldes Посмотреть сообщение
знаю как сделать такое на флеш , т.е. из флеш + js - меняем цвет хтмл страницы
покажите если несложно, может переключалку на флеше сделаю

Цитата:
Сообщение от Scroll Посмотреть сообщение
vitaly-go, нужно, чтобы css менялся без перезагрузки страницы?
ага именно так и надо
p.s. жалко пример показать немогу, ссылку потерял, там на выбор можно было менять 3 цветовые схемы. через иконки наподобии как в W7 расцветку вибираешь
 
Старый 10.11.2009, 16:27   #5
качайте
Вложения
Тип файла: zip bgcolorSourceFiles.zip (31.3 Кб, 5 просмотров)
 
Этот пользователь сказал спасибо Aldes за это полезное сообщение:
vitaly-go (10.11.2009)
Старый 10.11.2009, 16:53   #6
Scroll нужно, но как? может подскажете?
 
Старый 10.11.2009, 17:32   #7
есть несколько способов:
если на 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.. Причина: Добавлено сообщение
 
Этот пользователь сказал спасибо iDeViL за это полезное сообщение:
vitaly-go (10.11.2009)
Старый 10.11.2009, 19:13   #8
Гы. Поэксперементировал и нашел забавный способ. Сначала код был очень простым, но как всегда, не работал в ИЕ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>
 
Этот пользователь сказал спасибо Scroll за это полезное сообщение:
vitaly-go (10.11.2009)
Старый 10.11.2009, 19:21   #9
Цитата:
Сообщение от 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>
 
Старый 10.11.2009, 20:08   #10
это просто так, вызывает сообщение с текстом чего-то с индексом 0.
 
Этот пользователь сказал спасибо iDeViL за это полезное сообщение:
vitaly-go (10.11.2009)
Старый 10.11.2009, 20:08
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сайт учителя английского языка 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


Текущее время: 16:48. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум