2011-11-03 90 views
0

我在网站上的左侧菜单上有一个列表,如常见问题主题,当点击右侧的不同文本时,MySQL数据库显示的是onclick。当点击时将字体更改为粗体 - HTML PHP

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

你可以在代码已经有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> 

回答

0

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

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

虽然你还需要取消设置其他项目,所以你可能想将逻辑移出元素到一个函数中。然后,您可以遍历列表项并移除样式,然后设置选定的样式。另外,您可能需要阅读一些关于从您的HTML中删除JavaScript的内容,这很容易实现,并且会使您的HTML更易于维护。

我的最后一点是,如果你做的每个回答问题正确的链接,您可以提供备用行为对JavaScript失败,并且还使用CSS样式当前项目...

a:focus { font-weight: bold; } 
+0

想必你已经有了一些'onclick'代码可以检索特定的FAQ文本(推测可以通过Ajax)。基本上添加张贴到代码中的代码Sohnee是有意义的。 –

+0

@Sohnee:我试着按照你的建议尝试添加,就像你说的那样'this.style.fontWeight ='bold';'然后在我的网站上丢失了这个常见问题主题出于某种原因的左侧菜单。它是这个左边菜单的单独的php文件。 – Ivy

相关问题