Показать сообщение отдельно
  #1 (permalink)  
Старый 05.11.2015, 17:54
Новичок на форуме
Отправить личное сообщение для TxSpark Посмотреть профиль Найти все сообщения от TxSpark
 
Регистрация: 05.11.2015
Сообщений: 3

Версия для слабовидящих со сменой CSS'ки
Здравствуйте.

Есть скрипт, написанный специально под uCoz сайты, который активирует версию для слабовидящих (подскажите, пожалуйста, как сделать спойлер):

var timg = '',
	tf = '',
	bd = '',
	bd1 = '',
	bd2 = '',
	hmw = '',
	ac = 0,
	bbg = 0,
	mf = 15,
	al = '',
	ab = '',
	mpf = '',
	lgs = {};

function uhpv(a) {
	if (a) {
		hsc('uha', 'a')
	}
	if (uhe && hgc('uha')) {
		if (hgc('uhf')) {
			mf = hgc('uhf')
		} else {
			mf = fonts[0]
		}
		if (hgc('hpvbg')) {
			bbg = hgc('hpvbg')
		}
		if (uhe !== 1) {
			mpf = 'fixed'
		}
		if (hwidth) {
			hmw = hwidth + 'px'
		} else {
			hmw = '100%'
		};
		bd1 = '<div id="hpvgd" style="position:' + mpf + ';"><div id="hpvdiv" class="h-mdiv" style="width:' + hmw + ';"><div style="display:table-cell;" id="uhvv"><div id="fsd" class="h-ldiv">' + lg(lng, 3) + ' </div><div id="vimg" class="h-ldiv" style="display:none;"><span class="hswm"> | </span>' + lg(lng, 4) + ' </div><div id="vbg" class="h-ldiv" style="display:none;"><span class="hswm"> | </span>' + lg(lng, 5) + ' </div><div id="vch" class="h-rdiv" style="display:none;"><a href="javascript:uvcl()" class="uhpv-l" id="maf">' + lg(lng, 6) + '</a></div></div></div></div><div id="h-f"></div>';
		if (uhe == 1 || uhe == 2) {
			bd = bd1
		} else if (uhe == 3) {
			bd = bd2
		}
		if (!$('#hpvdiv').text()) {
			if ($('#puzadpn').text()) {
				$('#puzadpn').after(bd)
			} else {
				$('body').prepend(bd)
			}
			for (var nf = 0; nf < fonts.length; nf++) {
				if (fonts[nf] == mf) {
					al = ' h-al'
				} else {
					al = ''
				};
				$('#fsd').append('<a href="javascript://" onclick="uHPV(' + fonts[nf] + ',this)" id="maf" style="font-size:' + fonts[nf] + 'px !important;" class="uhpv-a' + al + '">' + lg(lng, 7) + '</a> ');
				if (nf == fonts.length - 1) $('#hpvdiv').show()
			}
			if (imgs) {
				if (hgc('hpvi')) {
					timm = lg(lng, 1);
					$('img:visible').addClass('h-ni')
				} else {
					timm = lg(lng, 2)
				}
				timg = '<a href="javascript://" onclick="uHPI()" class="uhpv-l hvit" id="maf">' + timm + '</a>';
				$('#vimg').append(timg);
				$('#vimg').show()
			}
			if (bg) {
				if (bgs.length) {
					for (var nb = 0; nb < bgs.length; nb++) {
						if (bgs[nb] == bbg) {
							ab = ' h-ab'
						} else {
							ab = ''
						};
						tf += '<a href="javascript://" onclick="uHPB(' + bgs[nb] + ',this)" class="h-background-' + bgs[nb] + ' h-fi' + ab + '" id="maf">' + lg(lng, 7) + '</a>';
					}
					tf += '<a href="javascript://" onclick="uHPB(0,this)" id="maf" class="hcmaf">' + lg(lng, 8) + '</a>';
					$('#vbg').append(tf);
					$('#vbg').show()
				}
			}
			if (!a) {
				$('#vch').show()
			}
		}
		if (hwidth < 1200) {
			mhw = 1200
		} else {
			mhw = $('#hpvdiv').width()
		}
		if ($(window).width() < mhw) {
			$('.h-ldiv,.h-rdiv').css({
				'float': 'none',
				'text-align': 'left',
				'position': 'static',
				'padding-left': '5px'
			});
			$('.hswm').hide()
		};
		$('body,table,div,tr,td,ul,li,span,a[id!=maf],p').css({
			'fontSize': mf + 'px'
		});
		$('.h-mdiv,.h-ldiv,.h-rdiv,.h-fdiv,.uhpv-l,.hswm').css('fontSize', fonts[fonts.length - 1] + 'px');
		setTimeout(function() {
			$('.admBarCenter>div').attr({
				'style': 'font-size:11px;'
			});
			if (bbg && bbg > 0) {
				$('body,table,div[id!=hpvdiv][id!=fsd][id!=vimg][id!=vbg][id!=hpvgd][id!=uhvv][id!=vch],tr,td,ul,li,span[class!=hswm],a[id!=maf],p,b').addClass('h-background-' + bbg);
				$('#puzadpn .h-background-' + bbg).removeClass('h-background-' + bbg)
			}
			if (!hwidth) {
				$('#fsd').css('padding-left', '15px');
				$('#vch').css('padding-right', '15px')
			}
		}, 1);
		if (uhe == 2) {
			$('#h-f').height($('#hpvdiv').height())
		}
		if (uhe == 3) {
			$('#hpvgd2').css('top', (($(window).height() - Number(200)) / 2) + 'px')
		}
	} else {
		$('#uhvb').show()
	}
}

function uvcl() {
	if (hgc('uha')) {
		hdc('uha');
		window.location.reload()
	} else {
		hsc('uha', 'a');
		$('#uhvb').hide();
		uhpv(has)
	}
}

function lg(c, n) {
	return lgs[c][n]
}

function uHPV(f, t) {
	hsc("uhf", f);
	$('.uhpv-a').removeClass('h-al');
	$(t).addClass('h-al');
	uhpv(has)
}

function uHPI() {
	if (hgc('hpvi')) {
		hdc('hpvi');
		$('.h-ni').removeClass('h-ni');
		$('.hvit').text(lg(lng, 2))
	} else {
		hsc('hpvi', 'v');
		$('img:visible').addClass('h-ni');
		$('.hvit').text(lg(lng, 1))
	}
}

function uHPB(n, t) {
	$('.h-ab').removeClass('h-ab');
	$(t).addClass('h-ab');
	if (hgc('hpvbg')) {
		b = hgc('hpvbg')
	} else {
		b = 0
	}
	if (n == 0) {
		hsc('hpvbg', 0);
		$('.h-background-' + b + '[id!=maf]').removeClass('h-background-' + b)
	} else {
		hsc('hpvbg', n);
		if (b) {
			$('.h-background-' + b + '[id!=maf]').removeClass('h-background-' + b)
		};
		$('body,table,div[id!=hpvdiv][id!=fsd][id!=vimg][id!=vbg][id!=vch][id!=hpvgd][id!=uhvv],tr,td,ul,li,span[class!=hswm],a[id!=maf],p,b').addClass('h-background-' + n);
		setTimeout(function() {
			$('#puzadpn .h-background-' + n).removeClass('h-background-' + n)
		}, 1)
	}
}

function hsc(name, value) {
	document.cookie = name + "=" + escape(value) + ";expires=Mon,01-Jan-2020 00:00:00 GMT;path=/"
}

function hgc(fcm) {
	var results = document.cookie.match('(^|;) ?' + fcm + '=([^;]*)(;|$)');
	if (results) {
		return (unescape(results[2]))
	} else {
		return null
	}
}

function hdc(fcm) {
	var cookie_date = new Date();
	cookie_date.setTime(cookie_date.getTime() - 1);
	document.cookie = fcm += "=;expires=" + cookie_date.toGMTString() + ";path=/"
};
$(window).resize(function() {
	uhpv(has)
});
lgs['ru'] = {
	1: 'показать',
	2: 'отключить',
	3: 'Размер шрифтов:',
	4: 'Изображения:',
	5: 'Фон:',
	6: 'Выключить',
	7: 'A',
	8: 'X'
};
lgs['en'] = {
	1: 'show',
	2: 'disable',
	3: 'Font Size:',
	4: 'Images:',
	5: 'Background:',
	6: 'Switch off',
	7: 'A',
	8: 'X'
};
lgs['ua'] = {
	1: 'показати',
	2: 'відключити',
	3: 'Розмір шрифтів:',
	4: 'Зображення:',
	5: 'Фон:',
	6: 'Вимкнути',
	7: 'A',
	8: 'X'
}


Код CSS для скрипта:

<style>
 #hpvgd,.h-mdiv,.h-mdiv2,.h-ldiv,.h-rdiv {background:#EAEAEA; color:#6D6D6D;}
 #hpvgd {width:100%; z-index:100; width:100%; border-bottom:2px solid rgb(230,230,230);}
 .h-mdiv {display:none; position:relative; margin:auto; text-alegn:center;}
 .h-mdiv2 {display:none; position:fixed; margin:auto; text-alegn:center; width:400px; height:200px;}
 .h-ldiv {float:left; padding:7px 10px 7px 0px;}
 .h-rdiv {position:absolute; top:7px; right:0px; text-align:right;}
 .h-ni {display:none !important;}
 a.hcmaf {color:red; margin-left:5px; font-size:20px; font-weight:bold;}
 a.h-anl {color:#2a72cc;}
 a.h-al {color:#ED664B;}
 .h-fi {font-weight:bold; border-radius:50%; padding:0px 8px; margin-right:5px; font-size:19px;}
 .h-background-1 {color:#fff !important; background:#000 !important;}
 .h-background-2 {color:#000 !important; background:#fff !important;}
 </style>


Есть скрипт на замену основного css стиля стилем, адаптированным под версию для слабовидящих:
<script type="text/javascript"> 
 function style_renew()
 {
 var style = document.getElementById('newStyle');
 style.href='http://hpt-kld.ru/styles/eye-ver.css';
 } 
 </script>


Вопрос: как сделать так, чтобы эти два скрипта работали в связке, а именно: по нажатию на клавишу версии для слабовидящих и последующем перемещении по сайту настройки не сбрасывались? Я пытался написать дополнительный скрипт, чтобы в случае, если я активирую первый скрипт выполнялся и второй, но т.к. плохо разбираюсь в JavaScript получился бред:

<script type="text/javascript"> 
 function css_switch(style_renew(),uvcl()){
 if (uvcl() == true)
 {
 style_renew;
 }
 }
 </script>


А вот сама кнопка:

<a href="javascript://" onclick="uvcl();css_switch()">Версия для слабовидящих</a>


Без ввода функции "css_switch" всё работало, но до первого перехода по ссылке - в таком случае стиль css сбрасывался на главный, но версия для слабовидящих оставалась функционировать. Я так понимаю, что дело в том, что мой скрипт просто не работает с куками. Но я не в состоянии написать часть скрипта для работы с куками пока что.

Последний раз редактировалось TxSpark, 09.11.2015 в 10:51.
Ответить с цитированием