VPF::изменение css оформления - Форум программистов

dstorm81

Дата 31.5.2006, 08:18 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39

сообственно сабж, ситуация такая есть страница в которой выводится <link на оформление№1 id='mSkin'>
возможно ли заменить скин без перезагрузки страницы. то есть к примеру сделать так, чтобы скин сразу поменялся, к примеру так
document.getElementById('mSkin').href="другой.css"
З.Ы. подозревая что его надо как-то подгрузить

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

R.M.

Дата 31.5.2006, 10:24 (ссылка)

(нет голосов)

Загрузка ...

Анархист

Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: нет
Всего: 30

dstorm81, ну это не в вёрстку, это в JavaScript надо =) ща репортну чтоб перенесли

--------------------

Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia

12345c

Дата 31.5.2006, 18:37 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101

Возможно, пробуйте

<link id='mSkin' .... >

в скрипте:
document.getElementById('mSkin').href='...', собственно, у вас ответ написан.

dstorm81

Дата 1.6.2006, 23:09 (ссылка)

(нет голосов)

Загрузка ...

бездельник

Профиль
Группа: Завсегдатай
Сообщений: 1178
Регистрация: 18.1.2006
Где: (16RU)

Репутация: 20
Всего: 39

может кому пригодится...
скрипт меняющий ксс без перезагрузки страницы и сохранение номера скина в куки
тестировалось на Opera 8.51, MSIE 6.0, FireFox 1.5+
скины такого формата main[1].css и main[2].css

Код


<html>
<head>
<script>
var now = new Date();
now.setTime(now.getTime()+10*365*24*60*60*1000);// на какой период сохраняем куку
function setDSCookie(setStl,howUse)
{
document.cookie='dsHomePage:[style]:[1];expires=Sat, 28 May 1970 15:03:54 UTC';// опера не удаляет куки автоматом, фича?
document.cookie='dsHomePage:[style]:[2];expires=Sat, 28 May 1970 15:03:54 UTC';// уничтожаем их, иначе наложение стилей
document.cookie='dsHomePage:[style]:'+setStl+';expires='+now.toGMTString();// создаем куку
if(howUse=='write'){document.write('<link id="globSkinStyle" rel="stylesheet" type="text/css" href="main'+setStl+'.css" />');}//скин по умолчанию
else
    {
//alert(document.getElementsByTagName('LINK')[0].id) // странно но id нет в лисе, в осле и опере все путем выскакивает алерт с globSkinStyle
document.getElementsByTagName('LINK')[0].href='main'+setStl+'.css';// извращаемся так 
    }
}

if(document.cookie.indexOf('dsHomePage')!=-1)// если куки уже есть, уже заходил на страницу
    {
if(document.cookie.indexOf('[1]')!=-1)document.write('<link rel="stylesheet" type="text/css" href="main[1].css" />')// ставим тот который был последний
if(document.cookie.indexOf('[2]')!=-1)document.write('<link rel="stylesheet" type="text/css" href="main[2].css" />')// ставим тот который был последний
    }
else{setDSCookie('[1]','write')}// если кук нет, то создаем их
</script>
<title>смена скинов без релоада страницы и сохранение в куки инфы о текущем скине</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251" />
</head>
<body>
<a href="javascript:setDSCookie('[1]','online')">скин№1</a><br />
<a href="javascript:setDSCookie('[2]','online')">скин№2</a>
</body>
</html>

--------------------

на форуме с 8.12.2002 (http://forum.vingrad.ru/index.php?act=ST&f=10&t=4874&st=0#)

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »