使用原型来改变iweb生成的导航菜单

时间:2010-08-12 08:25:35

标签: prototype iweb

我有一个由iWeb中的客户生成的“网站”。他想继续使用iwebs并只是上传生成的网站但是我注意到菜单的CSS中存在一些不一致的地方,并且他还需要菜单中的一个元素来链接到外部URL。这两个似乎都无法在iWeb应用程序/编辑器中修复。

据我所知,iWeb使用原型绘制菜单 - 因此它不是静态HTML。但是,我应该能够使用protoype导航生成的HTML(这是iweb使用的,所以我也应该能够正确使用它?)来编辑菜单中

  • 项的样式并更改单个
  • 的内容,以便它可以有一个外部链接的标记。

    通过这种方式'修复'他的坐位我只需要在上传后添加一个脚本文件吗?

    所以给出

    <ul class="navbar-list" id="widget0-navbar-list">
    <li class="current-page"><a>Welcome </a></li>
    <li class="noncurrent-page"><a>Why? </a></li>
    <li class="noncurrent-page"><a>Uses </a></li>
    <li class="noncurrent-page"><a>Products </a></li>
    </ul>
    

    如何设置每个LI项的填充,并将“Product”LI的内容链接到其他地方。

    尝试过几件事,但似乎一切都没有。

    $("ul#widget0-navbar-list li").each(function(elm){
        elm.setStyle({"background-color": "#FFFFFF"});
    });
    
  • 1 个答案:

    答案 0 :(得分:0)

    使用Javascript,带有破折号的CSS属性必须以驼峰形式编写。所以对于后台尝试使用“backgroundColor”而不是“background-color”,它应该工作,不要使用引号:

    $("ul#widget0-navbar-list li").each(function(elm){ 
        elm.setStyle({
            backgroundColor: "#FFFFFF"
        }); 
    });