مخفی کردن یک متن و ظاهر کردن اون با یک تابع چطوره؟

irmetal · Oct 6, 2008

با سلام.
من برای ساخت یک منوی داینامیک احتیاج دارم تا یاد بگیرم چطور می ونم یک نوشته رومخفی کنم و دوباره ظاهر بشه.
استادم گفت که از این کد استفاده کنم اما جواب نداد:

PHP:

<div id=”id” display=”none”>
متنی که مخفی میشه
</div>
و بعد با این تابع اون رو ظاهر می کنیم:
function show();
{
getElementById(‘id’).style.display=”display’;
}

البته کار به استفاده از تابع کشیده نشد چون اصلا متن مخفی نشد!

irmetal · Oct 6, 2008

حتی در نتیجه ی جستجو تاپیکی پیدا کردم اما باز هم توی مرورگر من چیزهایی که باید display نشه نمایش داده میشه!
یعنی این کد:

PHP:

 <!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">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<style type="text/css">
img {
	width:200px;
	height:200px;
}
#echess {
	width:50px;
	height:50px;
	background:red;
}
</style>
</head>

<body>
<div id="echess">
<img  src="echess design" alt="echessdesign" style="display:none;" />
</div>
<br />
<div id="echess">
<img  src="echess design" alt="echessdesign" style=" visibility:hidden;" />
</div>


</body>

</html>

echessdesign · Oct 6, 2008

درود بر شما
در صورت تمایل می توانید از برنامه های سازنده منو آماده Sothink DHTML Menu که در همین انجمن در رابطه با آن توضیح داده شده است استفاده نمایید.

eAmin · Oct 8, 2008

irmetal گفت:
با سلام.
من برای ساخت یک منوی داینامیک احتیاج دارم تا یاد بگیرم چطور می ونم یک نوشته رومخفی کنم و دوباره ظاهر بشه.
استادم گفت که از این کد استفاده کنم اما جواب نداد:

PHP:

<div id=”id” display=”none”> متنی که مخفی میشه </div> و بعد با این تابع اون رو ظاهر می کنیم: function show(); { getElementById(‘id’).style.display=”display’; }

البته کار به استفاده از تابع کشیده نشد چون اصلا متن مخفی نشد!

سلام.

این کد درسته عمل می کنه:

کد:

<html>
<head>

<script type="text/javascript">

function show()
{
    document.getElementById("id").style.display="";
}  


</script>

</head>
<body>

<p onclick="show()">show</p>

<div id="id" style="display:none">
متنی که مخفی میشه
</div>

</body>
</html>

در ضمن لطفا جستجو کنید...