2011-11-03 100 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

相關問題