Question

我的名字是曼努埃尔，我是一名网页设计专业的学生，我开始采取网页设计的第一步。最近我试图验证

这个网站：

我使用了W3C验证器，起初我发现了大约30个错误，并且可以纠正它们，除了一个说“没有属性

“的onload””。

显然不支持XHTML onload标记，我使用onload使用名为Vertical Menu的Joomla扩展。这是一个免费扩展，运行良好，但我发现它有一些错误，特别是在验证网站时。

这是扩展的PHP代码：




    get( 'menutype', 'mainmenu' );
    $qry = "SELECT id, name,parent, link,type,browserNav FROM #__menu WHERE menutype = '".$menutype."' AND published = 1 ORDER BY ordering";
    $database->setQuery($qry);
    $rows = $database->loadObjectList();

    if(isset($GLOBALS['vertical_menu'])) $GLOBALS['vertical_menu']++;
    else $GLOBALS['vertical_menu'] = 0;

        function getMenuChildList($rows, $parentId) {
            $childRows = array();
            foreach ($rows as $row) {
                if ($row->parent == $parentId) {
                    $childRows[] = $row;
                }
            }
            return $childRows;
        }

        function drawVerticalMenu($rows, $showsubcats, $parentId = 0) {
            $categories = $showsubcats || !$parentId ? getMenuChildList($rows, $parentId) : array();
            if ($parentId) {
                if (!count($categories)) {
                    echo '';
                    return;
                } else echo '';
                echo '';
            } else echo '';
            echo '';
            foreach ($categories as $category) {
                $link = $category->link. (preg_match("/^http:\/\/|^https:\/\//",$category->link)? "" : '&Itemid='.$category->id);
                $blank = $category->browserNav? ' target="_blank" ' : ' ';
                echo 'id.'" class="menu">'.$category->name.' ';
                drawVerticalMenu($rows, $showsubcats, $category->id);
            }
            echo '';
            if ($parentId && count($categories)) echo '';
        }

    $document = &JFactory::getDocument();
    $document->addScript('https://ajax.googleapis.com/ajax/libs/dojo/1.5.0/dojo/dojo.xd.js');
    $document->addScript('modules/mod_vertical_menu/script/menu.js');
    $document->addStyleSheet('modules/mod_vertical_menu/style/menu.css');
    $document->addCustomTag('
    
    div#MenuContainer'.$GLOBALS['vertical_menu'].' table#VerticalMenu'.$GLOBALS['vertical_menu'].' {
        width: '.$params->get('categorymenu_width', 150).'px;
        opacity: '.$params->get('categorymenu_out', 0.8).';
        FILTER:  progid:DXImageTransform.Microsoft.Alpha(Opacity='.($params->get('categorymenu_out', 0.8)*100).');
    }
    
    ');
    echo '';
    drawVerticalMenu($rows, $params->get('show_subcats', 1));

    echo 'get('categorymenu_out', 0.8).',over : '.$params->get('categorymenu_over', 1).',duration : '.$params->get('categorymenu_fade', 300).',id : '.$GLOBALS['vertical_menu'].',width : '.$params->get('categorymenu_width', 150).'});" alt=""/>';
    echo '';

    ?>

问题出在最后：




    echo '';
    drawVerticalMenu($rows, $params->get('show_subcats', 1));

    echo 'get('categorymenu_out', 0.8).',over : '.$params->get('categorymenu_over', 1).',duration : '.$params->get('categorymenu_fade', 300).',id : '.$GLOBALS['vertical_menu'].',width : '.$params->get('categorymenu_width', 150).'});" alt=""/>';
    echo '';

    ?>

我认为扩展程序使用onload事件在用户将鼠标指针移到子菜单上时显示子菜单。

我想要的是将onload替换为其他事件处理程序或XHTML支持的其他标签，与onload类似。

感谢您的帮助......

Answer 1

您可以删除onload属性，然后在页面中添加一些简单的javaScript，以便在页面加载完成后运行一些函数。

它看起来像这样：

<script>
    window.onload=function(){
       new WW.VerticalMenu({out : 1,over : 1,duration : 300,id : 0,width : 180}); // example of one of the functions being run
    };
</script>

祝你学习好运

Answer 2

看来源头就像这样正确

<img src="/modules/mod_vertical_menu/images/center.gif" style="display:none" onload="new WW.VerticalMenu({out : 1,over : 1,duration : 300,id : 0,width : 180});" alt=""/>

因为这看起来像imho一个实例化菜单的令人讨厌的方法我会尝试通过删除有问题的php echo部分完全松开该属性，而是添加javascript来加载因为这是使用道场也许这会有所帮助 - 抱歉，我不使用道场 http://mail.dojotoolkit.org/pipermail/dojo-interest/2012-May/066106.html

所以php明智这将是

echo '<img src="modules/mod_vertical_menu/images/center.gif" style="display:none"  alt=""/>'; echo '</div>'; 

 echo "<script>" ."javascript or dojo script here ".</script>"

如果你能

，我甚至建议删除图像并使用下面提到的窗口载荷

“onload”和XHTML验证的问题

2 个答案: