Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Замена CSS с помощью JS
 
 автор: Panker   (27.09.2007 в 20:58)   письмо автору
 
 

Хочу на своей домашней странице www.dumay.name сделать что бы CSS можно было менять ссылкой или как нить но без перезагрузки!

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

как это делается?
Плиз подскажите

   
 
 автор: wawilon   (27.09.2007 в 21:08)   письмо автору
 
   для: Panker   (27.09.2007 в 20:58)
 

Есть такое свойство "cssText". С помощью него можно задать весь стиль объекта через css. Например object.style.cssText="font-size: 14px; color: red";
С помощью него вроде можно и изменять уже имеющийся стиль css. Помоему так: style.cssText="{ ... }";

   
 
 автор: Panker   (28.09.2007 в 21:20)   письмо автору
 
   для: wawilon   (27.09.2007 в 21:08)
 

хм, я прост овидел где то типа кнопочки в виде ссылок когда нажимаешь полностью CSS файл навернео менялся :(

тока как ...

   
 
 автор: sim5   (28.09.2007 в 22:27)   письмо автору
 
   для: Panker   (28.09.2007 в 21:20)
 

1.css

p {color: #ff0000}

2.css

p {color: #006400}



<html>
<head>
<link rel="stylesheet" type="text/css" href="1.css">
<script>
function changeStyle(v){
document.styleSheets[0].href = v+".css";
}
</script>
</head>

<body>
<p>Change Style Text</p>
<input type="radio" name="Style" value="1" onclick="changeStyle(this.value)" checked> Red Style
<input type="radio" name="Style" value="2" onclick="changeStyle(this.value)"> Green Style
</body>
</html>

Для IE.

   
 
 автор: CNT   (29.09.2007 в 09:00)   письмо автору
 
   для: sim5   (28.09.2007 в 22:27)
 

файл rrr.css
span {color: red; font-weight: bold}


файл ggg.css
span {color: green}


<html>
<head>
<link id="mRED" rel="stylesheet" href="rrr.css" disabled>
<link id="mGREEN" rel="stylesheet" href="ggg.css" disabled>
</head>
<body>
<span>Будем менять стили</span>
<hr>
<input type="button" value="ЗеленыйНормальный" onclick="document.getElementById ('mGREEN').disabled = 0; document.getElementById ('mRED').disabled = 1">
<input type="button" value="КрасныйЖирный" onclick="document.getElementById ('mGREEN').disabled = 1; document.getElementById ('mRED').disabled = 0">
</body>
</html>

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования