سوال: تقاضای راهنمائی - onclick [بایگانی]

View Full Version : سوال: تقاضای راهنمائی - onclick

rash44

سه شنبه 26 خرداد 1388, 17:06 عصر

سلام
من به این صورت 1 جدول را نمایش میدم توی صفحه (جدول بصورت پیش فرض نمایش داده نمیشه)

onclick="prn.style.display='';"

به چه صورت می تونم برنامه رو تنظیم کنم که با کلیک مجدد جدول نمایش داده نشه ؟
برای اینکه جدول نمایش داده نشه باید به این صورت عمل کنم :

"prn.style.display='none';"

دوستان به جای onclick باید از چه رویدادی استفاده کنم ؟

emad_67

سه شنبه 26 خرداد 1388, 17:10 عصر

یه if بزار چک کن اگه خاصیت dispaly برابر none بود اونو حذف کن و اگر '' بود اونو none قرار بده.

rash44

سه شنبه 26 خرداد 1388, 18:42 عصر

یه if بزار چک کن اگه خاصیت dispaly برابر none بود اونو حذف کن و اگر '' بود اونو none قرار بده.

سلام

ببخشید میشه 1 کم بیشتر توضیح بدین

emad_67

چهارشنبه 27 خرداد 1388, 01:34 صبح

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

<script type="text/javascript">
function test()
{
var tbl=document.getElementById("tbl");
if(tbl.style.display=='')
tbl.style.display='none';
else
tbl.style.display='';
}
</script>
</head>

<body>

<table id="tbl" style="width: 100%; background-color:#000;" >
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<input name="Button1" type="button" value="button" onclick="test();" />
</body>

ahmadflasher

چهارشنبه 27 خرداد 1388, 01:55 صبح

<html>
<head>
<title>Web2Fa.Com.::Show/Hide Element By JavaScript Sample::.</title>

<script language="javascript">
function show_hide(Id){
var element;
if (document.all)
element = document.all[Id];
else if (document.getElementById)
element = document.getElementById(Id);

if(element.style.display == 'none')
element.style.display = '';
else if(element.style.display == '')
element.style.display='none';
}
</script>
</head>
<body>
<p><a href="javascript:show_hide('jadval');">Show/Hide (Table)</a></p>
<table width="200" border="1" align="center" cellpadding="0" cellspacing="0" rules="all" id="jadval">
<tr>
<td align="center"><p><a href="http://web2fa.com">WwW.wEb2fA.c0m</a></p>
<p><a href="http://barnamenevis.org">www.barnamenevis.org</a></p>
<p><a href="mailto:nobody.2021@gmail.com">Nobody.2021@Gmail.com</a></p></td>
</tr>
</table>
</body>
</html>