Question

我在网站左侧菜单上有一个列表，比如常见问题解答主题，当点击右侧的不同文本时，MySQL db显示onclick。

当单击列表项时，我想将该项字体设置更改为粗体，以便用户获得一个可视指示符，表明它已被选中，并且该用户知道他正在使用特定的FAQ主题。这可能吗？

你可以在代码中已经有onmousein和onmouseout效果在那里正确完成：

<div class="boxHelpItem">
<?PHP

//Query
$result = mysql_query("SELECT * FROM faq_topics ORDER BY number ASC");
while ($row = mysql_fetch_array($result))
{
    $result1 = mysql_query("SELECT * FROM faq_questions WHERE topicid='$row[id]' ORDER BY number ASC");

    echo '<div style="height:15px; padding-top:5px; font-size:13px;">' . $row['title'] . '</div>';
    echo '<ul style=" padding-left:10px;">';
    while ($row1 = mysql_fetch_array($result1))
    {
        echo '<li style="color:#404040; font-size:12px;" onclick="faqGet(\'' . $row1['id'] . '\');" onmouseover="this.style.textDecoration = \'underline\';" onmouseout="this.style.textDecoration = \'\';">' . $row1['title'] . '</li>';
    }
    echo '</ul>';
}

?>
</div>

Answer 1

您可以使用onclick事件......

onclick="faqGet(\'' . $row1['id'] . '\'); this.style.fontWeight='bold';"

虽然您还需要取消设置其他项目，但您可能希望将逻辑从元素中移出到函数中。然后，您可以遍历列表项并删除样式，然后设置所选样式。

此外，您可能想要阅读一些关于从HTML中删除JavaScript的内容，这很容易做到并且会让您的HTML更容易维护。

我的最后一点是，如果您将每个常见问题解答都设为正确的链接，您可以为JavaScript提供回退行为失败，并使用CSS来设置当前项目的样式...

a:focus { font-weight: bold; }

单击时将字体更改为粗体 - HTML PHP

1 个答案: