日期:2014-05-16  浏览次数:20412 次

jquery的导航页面六(nodeDocPage.jsp续)
// 点击导航条中的产品线时,高亮左边的导航树
function highlightLeftMenuTree(node) {
if ($(node).attr("level") == 0) {
$("div[id=navigate_tree_div]").each(
        function() {
        $(this).removeClass();
        if ($(this).find("a:first").attr("id") == $(node).attr("id")) {
        $(this).addClass("m_lv3_sel_red");
        } else {
        $(this).addClass("m_lv3_unsel");
        }
        });
}
}
    // 从前面或者联想至本画面时导航条的初始化
    function initToolBar() {
   
var div = $("#navi_toolbar_div");

div.empty();
   
    for (var i = 0; i < navigation_bar_list.length; i++) {
   
    if (i > 0) {
    div.append(separator_arrow);
    }
    var span = $("<span></span>");
    span.attr("id", navigation_bar_list[i].item_id);
    span.attr("level", navigation_bar_list[i].level);
    span.text(navigation_bar_list[i].item_name);
    span.attr("className", "normal");
    span.bind("click", function(){
        addNavigationItem($(this).clone());
        return false;
    });
    div.append(span);
   
    $("#itemId" + i).val(navigation_bar_list[i].item_id);
    }

    // 各级itemID设置
    for (var id = navigation_bar_list.length; id<=9; id++){
        $("#itemId" + id).val(null);
    }
}
    // 更新导航条
function updateToolBar(node) {
//清空导航当前节点以下的路径节点
var curLevel=parseInt($(node).attr("level"));
    
var div = $("#navi_toolbar_div");
    
$("div#navi_toolbar_div > span").each(
function(i){
var iLevel =parseInt($(this).attr("level"));
if(curLevel == 0) {
div.empty();
            }
                if(iLevel>=curLevel){
                    $(this).prev("#separatorArrow").remove();
                    $(this).remove();
}
    }
    );
   
    var span = $("<span></span>");
    span.attr("id",$(node).attr("id"));
    span.attr("href","#");
    span.attr("level",$(node).attr("level"));
    span.attr("className", "normal");
    span.text($(node).text());

    span.bind("click", function(){
        addNavigationItem($(this).clone());
        return false;
     });
   
    toolBarHover(span);