2011-05-06 129 views
0

大家好〜 我會解釋我需要做什麼以及我到目前爲止.Ok這是我必須做的... 顯示寬度爲300px的代碼和黃色的背景顏色。不要默認顯示div。創建一個顯示鏈接(一個href)。使用onclick事件處理程序,顯示div區域。這是我...在javascript中顯示/隱藏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > 
<html xmlns = "http://www.w3.org/1999/xhtml"xml: lang = "en"lang = "en" > 
<head> 
<meta http - equiv = "content-type"content = "text/html; charset=utf-8"/> 
<link rel="stylesheet: href="finalpart3.css" type="text/css" /> 
<html> 
<head> 
<title>Final part 3</title> 
<script language="JavaScript"> 
function setVisibility(id, visibility) { 
document.getElementById(id).style.display = visibility; 
} 
</script> 

</head> 
<body > 
<div id="sub3"><a href="finalpart3.css"><input type="button" name="type" value='Show Layer' onclick="setVisibility('sub3', 'inline');";></div> 
</body> 
</html> 

,這裏是我的CSS文件..

div { 
position: absolute; 
left: 100px; 
top: 200px; 
background-color: #FFDD00; 
width: 300px; 
padding: 10px; 
color: black; 
display: none; 
} 

我知道我的代碼是錯誤的地方,當你點擊它給的代碼,但沒有背景鏈接顏色或什麼都沒有。我的大腦在這個時間點被炸,我知道它是小的。有人可能會指出我需要一個額外的代碼或其他東西,這樣背景可以顯示感謝。或者,也許我已經準備好了,並且不需要黃色和300px寬的背景顏色。

回答

1

我不是很確定你想要顯示什麼,但除了epascarello提到。還有其他的事情你可能要考慮。如果<div id="sub3">正確鏈接到CSS,您的鏈接將不可見。我也不知道這個<a href="finalpart3.css"的目的。

這裏是我的修改版本的div檢查它是否能夠幫助

<div id="sub3"><a href="finalpart3.css">link</a></div> 
<input type=button name=type value='Show Layer' onclick="setVisibility('sub3', 'inline');"> 
+0

因爲我想使用創建一個顯示鏈接(一個href)。我爲什麼我有一個(一個href)在我的 – norris1023 2011-05-06 10:21:09

+0

我看,檢查更新的代碼。我只是刪除'div'中的按鈕,以便顯示它。 – ace 2011-05-06 10:25:02

+0

謝謝,我想出了一點補充幫助謝謝.. – norris1023 2011-05-06 10:30:04

3

你在這裏看到你的錯字嗎?

<link rel="stylesheet: href=... 

:!== "的是,關閉報價。

+0

謝謝!現在,我點擊一個快速框出現,並消失... – norris1023 2011-05-06 10:07:38

+0

@sha請你能標記這是答案嗎? – 2011-05-06 10:13:20

+0

那麼爲什麼我的盒子在你點擊顯示時不能保持。 – norris1023 2011-05-06 10:17:40