پنهان کردن لایه ها

corel · Feb 14, 2006

با سلام
عرض کنم که من تازه جاوا اسکریپت رو شروع کردم
البته به ActionScript فلش آشنایی دارم.

می خوام با یه لینک، لایه ای یا نوشته ای رو مخفی یا آشکار کنم. ولی جواب نمی ده. نمی دونم کجای کدهام اشکال داره.

مثلا یه همچین کدی می نویسم:

کد:

<style type="text/css">
#test
{
position:absolute;
top:100px;
visibility:visible;
}
p{
font-family:Arial, Helvetica, sans-serif;
font-size:18pt;
font-weight:bold;
}

</style>
<script language="javascript">

function hidelayer(n){
	document.layers[n].visibility='hidden'
	}

</script>
</head>
<body>
<div ID="test">
<table width=200 height=100 border=2><tr><td align="center">hello customer</td></tr></table>
</div>
<p>
<a href="javascript:hidelayer('test')">Close this window</a>
</p>

corel · Feb 14, 2006

گویا ملت همه گیج شدن و هیچکی حوصله خوندن این کد رو نداره

آقا مشکل من اینه که نمی دونم چه اشتباهی تو نشانه گذاری و یا فراخوانی توابع مرتکب می شم که کار نمی کنن.

corel · Feb 15, 2006

کاربرد توابع

با سلام

آقا اصلا یکی اگه می تونه یه مرجع آنلاینی، مقاله ای چیزی به ما معرفی کنه، بفهمیم با توابع چه کارایی و چه جوری انجام می دن.

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

مثلا چه وقت باید کد document رو بنویسیم، چه وقت ننویسیم، یا متغیر تابع چه چیزایی می تونه باشه و ...

یکی جواب بده لطفا.

Ali_Farhadi · Feb 15, 2006

سلام

برای مخفی کردن و نمایش بخشی از صفحه از کد زیر استفاده کن :

کد:

//hidding TESTID
document.getElementByID('TESTID').style.display = 'none';

//showing TESTID
document.getElementByID('TESTID').style.display = '';

توی مثال فوق باید اون قسمت از صفحه که میخوای مخفی بشه آیدیش TESTID باشه.

کد:

<div id="TESTID" style="position:absolute; display:none; top:0px; left:0px">
your layer content
</div>

corel · Feb 15, 2006

آقا تشکر اما کار نمی کنه

یه نیگا بنداز:

کد:

<html>
<head>
<title>Untitled Document</title>

<script language="javascript1.2">
function hide(){
document.getElementByID('TESTID').style.display = 'none';
}
</script>

</head>

<body>
<div><a href="javascript:void(0);" onMouseOver="hide()">click</a></div>

<div id="TESTID" style="position:absolute; display:''; top:0px; left:0px">
your layer content
</div>

</body>
</html>

overcrash · Feb 15, 2006

اینو بذار (همش یه اشتباه کوچیک داشتی یکم دقت کن

)

HTML:

<html>
<head>
<title>Untitled Document</title>

<script language="javascript1.2">
function hide(){
document.getElementById('TESTID').style.display = 'none';
}
</script>

</head>

<body>
<div><a href="javascript:void(0);" onMouseOver="hide()">click</a></div>

<div id="TESTID" style="position:absolute; display:''; top:0px; left:0px">
your layer content
</div>

</body>
</html>