WF系统增加长者模式
要求开启长者模式的同时也要开启无障碍功能，并通过样式调整页面达到符合长者模式的界面风格要求；
javascript部分代码
//写入cookie
function setCookies(name,value)
{
var Days = 30; //保存天数
var expdate = new Date();
expdate.setTime(expdate.getTime() + Days*24*60*60*1000);
document.cookie = name + "="+ escape(value) +";expire*="+ expdate.toGMTString();
}
//读取cookie
function getCookie(name)
{
var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
if(arr != null) return unescape(arr[2]); return null;
}
//删除cookie
function clearCookie(name){
setCookies(name,"",-1);
}
//设置长者浏览
function setSlb(clickObj,id,slbUrl,defaultUrl){
document.getElementById(id).href = slbUrl;
free_Web.Function.show.Config.title="开启长者浏览浏览";
free_Web.Function.show.Config.closetitle="关闭长者浏览浏览";
free_Web.Function.show.Config.fun="javascript:slbFun(\""+clickObj+"\",\""+id+"\",\""+slbUrl+"\",\""+defaultUrl+"\");"
free_Web.Function.show.Start();
//判断是否首页，如果首页追加类名
if(document.head.querySelector("[name~=IsHome][content]")){
document.getElementsByTagName("html")[0].className +="home-page";
}
}
//清除长者浏览
function clearSlb(id,defaultUrl,slbCookieName) {
document.getElementById(id).href = defaultUrl;
free_Web.Function.show.Config.title="开启无障碍浏览";
free_Web.Function.show.Config.closetitle="关闭无障碍浏览";
free_Web.Function.show.Config.fun="javascript:free_Web.Function.show.Start();"
free_Web.Function.show.Start();
clearCookie(slbCookieName);
}
/* 默认值 */
var slbCookieName="web_slb",
slbCookie=getCookie(slbCookieName)
/* 根据cookie默认加载样式*/
if(slbCookie){
var slbItem=JSON.parse(slbCookie);
document.getElementById(slbItem.clickObj).innerHTML="退出长者模式";
setSlb(slbItem.clickObj,slbItem.id,slbItem.url,slbItem.defaultUrl);
}
function slbFun(obj,id,slbUrl){
//设置长者模式-参数
var slbItem={
id:id,
url:slbUrl,
defaultUrl:document.getElementById(id).getAttribute("href"),
clickObj:obj
};
if (!free_Web.Function.show.status) {
setCookies(slbCookieName,JSON.stringify(slbItem));
setSlb(slbItem.clickObj,slbItem.id,slbItem.url,slbItem.defaultUrl);
document.getElementById(slbItem.clickObj).innerHTML="退出长者模式";
}
else{
let slbCookieInfo=getCookie(slbCookieName);
//长者浏览开启的才能关闭
if(slbCookieInfo){
document.getElementById(slbItem.clickObj).innerHTML="进入长者模式";
clearSlb(slbItem.id,slbItem.defaultUrl,slbCookieName)
}
}
window.location.reload(true)
}
页面代码
<link href="/content/main/base/css/normal.css" type="text/css" id="slb_css" asp-append-version="true" rel="stylesheet" />
<a id="slb-btn" href='javascript:slbFun("slb-btn","slb_css","/content/@(this.Context.GetCurrentSite().Identifier)/base/css/slb.css");'>长者浏览模式</a>
<script src="~/content/@(this.Context.GetCurrentSite().Identifier)/base/js/slb.js" asp-append-version="true"></script>
用户登录
还没有账号？
立即注册