درخواست کد بازشدن یک پنجره کوچک در صفحه جاری

[fahimehf]

توی همین فروم مثلا قسمت سرچ ، وقتی روی سرچ کلیک می کنیم یه پنجره کوچک باز میشه .
کسی میتونه کدش اینجا بذاره ؟

 

[reza699]

دوست عزیز این چیزی که شما مشاهده میکنید یک Div بیش نیست وبا CSS فرمت دهی شده است برو توی سورس صفحه و دنبال threadsearch_menu بگرد کد همون جا هست

 

[fahimehf]

چطور برم تو سورسش؟

 

[hossein_salehi]

دیدن سورس صفحه : از منوی View برید قسمت Source یا Page Source و مثلا دنبال

جستجو در این مبحث

بگردین!
به این چند خط دقت کنید.

<td class="vbmenu_control" id="threadtools" nowrap="nowrap">
		<a href="/showthread.php?p=467877&amp;nojs=1#goto_threadtools">ابزارهای مبحث</a>
		<script type="text/javascript"> vbmenu_register("threadtools"); </script>
	</td>
	
		<td class="vbmenu_control" id="threadsearch" nowrap="nowrap">
			<a href="/showthread.php?p=467877&amp;nojs=1#goto_threadsearch">جستجو در این مبحث</a>

			<script type="text/javascript"> vbmenu_register("threadsearch"); </script>
		</td>
	
	
		<td class="vbmenu_control" id="threadrating" nowrap="nowrap">
			<a href="/showthread.php?p=467877&amp;nojs=1#goto_threadrating"><span id="threadrating_current">امتیاز مبحث</span></a>
			<script type="text/javascript"> vbmenu_register("threadrating"); </script>
		</td>
	
	
	<td class="vbmenu_control" id="displaymodes" nowrap="nowrap">

		<a href="/showthread.php?p=467877&amp;nojs=1#goto_displaymodes">شیوه نمایش</a>
		<script type="text/javascript"> vbmenu_register("displaymodes"); </script>
	</td>

حالا یه خطشو مینویسم برات : ( جستجو در این مبحث )
<a href="/showthread.php?p=467877&amp;nojs=1#goto_threadsearch">جستجو در این مبحث</a>
اگه نگاه کنی آخر صفت href این تگ نوشته شده goto_threadsearch - حالا همین goto_threadsearch را سرچ کنین توی سورس صفحه - به خط زیر میرسین :
<td class="thead">جستجو در این مبحث<a name="goto_threadsearch"></a></td>
خصوصیت name مربوط به تگ a رو نگاه کنید - همنام با عبارت شماست!
اگه دقت کنین تمام اون کادرهایی که بعد از کلیک باز میشن - مثل همین : " جستجو در این مبحث " style="display:none" رو هم توی تگ خودشون جا دادند - این یعنی اینکه کادر مورد نظر از ابتدا مخفی باشه ! این نوع مخفی بودن را داینامیک میگن ( نوع مخفی موندن استاتیک هم داریم - اگه کسی خواست بگم ) - اگه به خصوصیات هر یک هم دقت کنی مربوط به CSS اشون متوجه چیزای دیگه هم میشین!

شاد باشید

 

[id_2pc]

opacity hastesh in 0 yaa 1

 

[hossein_salehi]

مثال :
1)
فرض میکنیم یه تگ DIV به صورت زیر داریم:

<div 
   id="uniquename" 
   style="display:none; 
      position:absolute; 
      left:200px; 
      top:100px; 
      border-style: solid; 
      background-color: white; 
      padding: 5px;">
Content goes here.
</div>

به نام id آن دقت کنید - چی گذاشتیم ؟ uniquename گذاشتیم و display:none را هم گذاشتیم که فعلا این تگ مخفی باشه!
---------------------------------------------------------------------
2)

حالا 3 جور لینک دادن به این تگ میتونیم براش داشته باشیم! : ( مثلا شماره 3 رو در نظر بگیرین )
1) نمایش تگ Div

<a 
   onmouseover="ShowContent('uniquename'); return true;"
   href="javascript:ShowContent('uniquename')">
[show]
</a>

2) مخفی کردن تگ Div

<a 
   onmouseover="HideContent('uniquename'); return true;"
   href="javascript:HideContent('uniquename')">
[hide]
</a>

3) نمایش دادن و مخفی کردن با هم Div

<a 
   onmouseover="ReverseContentDisplay('uniquename'); return true;"
   href="javascript:ReverseContentDisplay('uniquename')">
[show/hide]
</a>

------------------------------------------------------
3)
اینم که فانکشنتون هست که توی Head میزارینش :

<script type="text/javascript" language="JavaScript"><!--
function HideContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
if(d.length < 1) { return; }
document.getElementById(d).style.display = "block";
}
function ReverseContentDisplay(d) {
if(d.length < 1) { return; }
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
//--></script>

-------------------------------------------------------
یه مثال دیگه :
1) مورد 3 ( فانکشن رو بذارید )

2) یه DIV شناور بهش میکن - بزارینش داخل Body

<div 
   id="uniquename" 
   style="display:none; 
      position:absolute; 
      left:200px; 
      top:100px; 
      border-style: solid; 
      background-color: white; 
      padding: 5px;">
<a href="javascript:HideContent('uniquename')">
[click to hide]
</a>
<p>
Content goes here.
</p>
</div>

شاد باشید.

 

[fahimehf]

از منوی view , source رو انتخاب کردم اما نوت پد باز میشه که یک صفحه خالیه!!

 

[hossein_salehi]

1) ممکنه قبل ار بارگذاری کامل صفحه این کار رو میکردین! ( بگذارین صفحه Done بشه! لود بشه کامل )
2) میتونه اشکال از مرورگرتان باشده! ( با یه مرورگر دیگه امتحان کنید.
...

 

[fahimehf]

با اپرام امتحان کردم که دراون صورت وردپد باز میشه!
درهرصورت بسیار تشکر.

 

[fahimehf]

یه سوال !
من تابحال با href اینطوری کار نکردم (ببخشید که سوال خیلی ابتدایی)
کد html:
<a href="/showthread.php?p=467877&amp;nojs=1#goto_threadtools">
شماره 46....چیه ، یا nojs=1 ، یا &amp برای چین؟
تشکر

 

[hossein_salehi]

اونا پارامتر هستند که وقتی جلو فایل بیان به فایل ارسال میشن و اونجا روشون کار میشه ( کد داینامیک )