var lineWidth = 80;
|
var leftNUmber = 0;
|
var messageLefWidth = 5;
|
var checkPoint = 0;
|
sgworld = window.external.createSgworld();
|
var arr = [];
|
var rturl = "";
|
$(function () {
|
;
|
var urlNewPathName = "";
|
if (getUrlParam("tm") != "") {
|
arr = getUrlParam("tm").split("+");
|
rturl = decodeURI(getUrlParam("urlPathName")) ;//localStorage.getItem("rootUrl");
|
var titleName = rturl.substring(rturl.lastIndexOf("\\") + 1, rturl.length);
|
if (localStorage.getItem("CheckPointYear") == "" | localStorage.getItem("CheckPointYear") == null | localStorage.getItem("CheckPointYear") == "undefined") {
|
var maxYear = Math.max.apply(null, arr);
|
urlNewPathName = rturl + "\\" + maxYear;
|
checkPoint = arr.length - 1;
|
} else {
|
urlNewPathName = rturl + "\\" + localStorage.getItem("CheckPointYear");
|
checkPoint = arr.indexOf(localStorage.getItem("CheckPointYear"));
|
}
|
//关闭已经打开的图层
|
sgworld.ProjectTree.SetVisibility("", false);
|
sgworld.ProjectTree.SetVisibility(sgworld.ProjectTree.FindItem("qinghai"), true);
|
sgworld.ProjectTree.SetVisibility(sgworld.ProjectTree.FindItem(urlNewPathName),true);
|
//飞到打开的点
|
|
var currentId = sgworld.ProjectTree.FindItem(urlNewPathName + "\\init");
|
if (currentId != "") {
|
sgworld.Navigate.FlyTo(currentId);
|
}
|
|
|
//文本赋值
|
$(".tname").empty();
|
$(".tname").append(titleName);
|
$(".tyear").empty();
|
$(".tyear").append("(" + (checkPoint+1) + "/" + arr.length + ")" + arr[checkPoint] + "年");
|
init();
|
}
|
|
|
})
|
|
function init() {
|
//如果数组为空
|
if(arr.length==0){
|
//关闭时间轴弹窗
|
return false;
|
}
|
var timeZlineHTml = "";
|
var mmessageHtml = "";
|
var w = document.getElementById('line').clientWidth;
|
lineWidth = ((w - (w * 0.15)) / arr.length);
|
for (var m = 0; m < arr.length; m++) {
|
timeZlineHTml += '<div class="eline" style="margin-left:' + m * lineWidth +
|
'px;width:' + lineWidth + 'px" ></div><div class="point" data-year="' + arr[m] + '" style="margin-left:' + (m + 1) *
|
lineWidth + 'px"></div>';
|
mmessageHtml += '<div class="pmessage" style="margin-left:' + ((m + 1) * lineWidth - messageLefWidth) + 'px">' + arr[
|
m] +
|
'</div>';
|
}
|
if (arr.length > 0) {
|
timeZlineHTml += '<div class="eline" style="margin-left:' + (arr.length * lineWidth) +
|
'px"></div>';
|
}
|
$(".timeZline").empty();
|
$(".timeZline").append(timeZlineHTml + '<div class="eline" style="margin-left:' + m * lineWidth + 'px;width:' + lineWidth + 'px" >)</div>')
|
$(".mmessage").empty();
|
$(".mmessage").append(mmessageHtml);
|
|
|
$(".timeZline").find(".point").eq(checkPoint).append("<img src='img/zhou.png' />");
|
DivClick();
|
leftNUmber = -checkPoint * lineWidth;
|
console.log("initNUmber:"+leftNUmber);
|
//判断div长度是否能容纳时间轴的长度
|
var divWidth = $(".line").width();
|
if (divWidth >= arr.length*lineWidth) {
|
return ;
|
} else {
|
var f = Math.abs(leftNUmber);
|
//超出的距离
|
var chaochu =parseInt(((arr.length) * lineWidth-divWidth) / lineWidth);
|
|
leftNUmber = -(chaochu + 1) * lineWidth;
|
|
$(".timeZline").css("margin-left", "" + leftNUmber + "px");
|
$(".mmessage").css("margin-left", "" + (leftNUmber - messageLefWidth) + "px");
|
}
|
//设置轴的宽度
|
$(".eline").width(lineWidth);
|
|
}
|
|
|
function DivClick() {
|
var year="";
|
$(".pre").click(function() {
|
Pre();
|
});
|
|
$(".next").click(function() {
|
Next();
|
});
|
|
$(".bf").click(function() {
|
bf();
|
});
|
|
//点击差号
|
$(".tclose").click(function () {
|
window.external.closeDialog("左下");
|
});
|
|
//上一步
|
function Pre() {
|
//如果定时器在运行，清除定时器
|
if (setTime != null) {
|
window.clearInterval(setTime);
|
$(".bf").attr("src", "./img/bf.png");
|
if(checkPoint>0){
|
checkPoint--;
|
}
|
setTime = null;
|
|
}
|
$(".tyear").empty();
|
bfstate = false;
|
|
|
if (checkPoint == 0) {
|
year=$(".timeZline").find(".point").eq(checkPoint).attr("data-year");
|
$(".tyear").append("("+(checkPoint+1)+"/"+arr.length+")"+year+"年");
|
return false;
|
} else {
|
$(".point").empty();
|
$(".timeZline").find(".point").eq(checkPoint - 1).append("<img src='img/zhou.png' />");
|
year = $(".timeZline").find(".point").eq(checkPoint - 1).attr("data-year");
|
$(".tyear").append("("+checkPoint+"/"+arr.length+")"+year+"年");
|
checkPoint = checkPoint - 1;
|
}
|
localStorage.setItem("CheckPointYear", year);
|
sgworld.ProjectTree.SetVisibility("", false);
|
sgworld.ProjectTree.SetVisibility(sgworld.ProjectTree.FindItem("qinghai"), true);
|
sgworld.ProjectTree.SetVisibility(sgworld.ProjectTree.FindItem(rturl+"\\"+year), true);
|
|
var divWidth = $(".line").width();
|
if (divWidth >= arr.length*lineWidth) {
|
return false;
|
} else {
|
if (leftNUmber == 0|leftNUmber>0) {
|
return false;
|
} else {
|
$(".timeZline").css("margin-left", "" + (leftNUmber + lineWidth) + "px");
|
$(".mmessage").css("margin-left", "" + (leftNUmber + lineWidth-messageLefWidth) + "px");
|
leftNUmber = leftNUmber + lineWidth;
|
}
|
}
|
|
}
|
|
//下一步
|
function Next() {
|
if (setTime != null) {
|
window.clearInterval(setTime);
|
$(".bf").attr("src", "./img/bf.png");
|
if(checkPoint>0){
|
checkPoint--;
|
}
|
setTime=null;
|
}
|
bfstate = false;
|
|
$(".point").empty();
|
$(".tyear").empty();
|
if ((checkPoint + 1) >= (arr.length - 1)) {
|
$(".timeZline").find(".point").eq(arr.length - 1).append("<img src='img/zhou.png' />");
|
checkPoint = arr.length - 1;
|
year = $(".timeZline").find(".point").eq(arr.length - 1).attr("data-year");
|
|
$(".tyear").append("("+arr.length+"/"+arr.length+")"+year+"年");
|
} else {
|
$(".timeZline").find(".point").eq(checkPoint + 1).append("<img src='img/zhou.png' />");
|
checkPoint = checkPoint + 1;
|
year = $(".timeZline").find(".point").eq(checkPoint).attr("data-year");
|
|
$(".tyear").append("("+(checkPoint+1)+"/"+arr.length+")"+year+"年");
|
}
|
localStorage.setItem("CheckPointYear", year);
|
sgworld.ProjectTree.SetVisibility("", false);
|
sgworld.ProjectTree.SetVisibility(sgworld.ProjectTree.FindItem("qinghai"), true);
|
sgworld.ProjectTree.SetVisibility(sgworld.ProjectTree.FindItem(rturl + "\\" + year), true);
|
|
|
var divWidth = $(".line").width();
|
if (divWidth >= arr.length*lineWidth) {
|
return false;
|
} else {
|
if ((Math.abs(leftNUmber) + $(".timeZline").width()) >= arr.length * (lineWidth)) {
|
return false;
|
} else {
|
$(".timeZline").css("margin-left", "" + (leftNUmber - lineWidth) + "px");
|
$(".mmessage").css("margin-left", "" + (leftNUmber - lineWidth-messageLefWidth) + "px");
|
leftNUmber = leftNUmber - lineWidth;
|
}
|
}
|
|
}
|
|
var bfstate = false;
|
var setTime = null;
|
|
function bf() {
|
if (bfstate == false) {
|
//图标发生改变
|
$(".bf").attr("src","./img/zt.png");
|
leftNUmber=lineWidth;
|
checkPoint = 0;
|
setTime = setInterval(function() {
|
var temNumber=0;
|
$(".point").empty();
|
$(".tyear").empty();
|
if (checkPoint > (arr.length - 1)) {
|
checkPoint = 0;
|
}
|
$(".timeZline").find(".point").eq(checkPoint).append("<img src='img/zhou.png' />");
|
year=$(".timeZline").find(".point").eq(checkPoint).attr("data-year");
|
$(".tyear").append("(" + (checkPoint + 1) + "/" + arr.length + ")" + year + "年");
|
if((Math.abs(leftNUmber) + $(".timeZline").width()) >= arr.length * (lineWidth)){
|
leftNUmber = lineWidth;
|
$(".timeZline").css("margin-left", "" + (leftNUmber - lineWidth) + "px");
|
$(".mmessage").css("margin-left", "" + (leftNUmber - lineWidth-messageLefWidth) + "px");
|
// temNumber=lineWidth;
|
}else{
|
$(".timeZline").css("margin-left", "" + (leftNUmber - lineWidth) + "px");
|
$(".mmessage").css("margin-left", "" + (leftNUmber - lineWidth-messageLefWidth) + "px");
|
temNumber = leftNUmber - lineWidth;
|
}
|
|
localStorage.setItem("CheckPointYear", year);
|
sgworld.ProjectTree.SetVisibility("", false);
|
sgworld.ProjectTree.SetVisibility(sgworld.ProjectTree.FindItem("qinghai"), true);
|
sgworld.ProjectTree.SetVisibility(sgworld.ProjectTree.FindItem(rturl + "\\" + year), true);
|
leftNUmber=temNumber;
|
|
checkPoint++;
|
}, 3000);
|
bfstate = true;
|
} else {
|
$(".bf").attr("src","./img/bf.png");
|
if (setTime != null) {
|
window.clearInterval(setTime);
|
if(checkPoint>0){
|
checkPoint--;
|
}
|
setTime=null;
|
}
|
bfstate = false;
|
}
|
|
}
|
|
|
}
|
