توی این تاپیک میخوام به درخواست یکی از دوستان کدی رو بگذارم که بیشتر برای کسانی که آجاکس کار میکنند بدرد میخوره چون تمامی فرم هاشون میتونن توی یک صفحه طوری بسازن که بازدید کننده فرم هاشونو نبینه
ابتدا ضمیمه رو دانلود کنید سپس این مطلبو بخونید تا متوجه همه چیز بشین
سه تا تابع جاوا اسکریپت داریم که میتونیم باحاش هر چند تا پنجره توی یک صفحه وب بسازیم بدون اینکه کسی ببینه به وسیله امکانات layer و یک کلاس از css
ابتدا به تعداد پنجره های مورد نیازتون layer بسازید توجه داشته باشید که لایه ها را با نامهای به صورت زیر بسازید
expando1وexpando2وexpando3..... اگر میخواهید نام دیگری بگذارید باید کد تابعی که میخواد پارامترو بفرسته رو عوض کنید
سپس این کلاس css رو به کد لایه اضافه کنید تا هنگامی که در صفحه مرورگر layer ها نامرئی بشن
<style type="text/css">
.expOuter {position: absolute; top: -315px; display: none; width: 511px; height: 315px;}
</style>
که به این صورت به کد لایه اضافه میشه
class="expOuter"
پس از اضافه کردن هر جای از صفحه که مثل کد زیرو بگذارید لایه شما با کلیک کرد روی اون نشون داده میشه
<a onclick="javascript: showExp('expando', '3', '3');" href="javascript:void(0)">برنامه نویس</a>
پارامتر اول اسم لایه رو میفرسته که شما میتونید عوضش کنید پارامتر دوم تعداد کل لایه های موجود میفرسته به تابع چون چندین پنجره با هم باز نشه و پارامتر سوم سومین پنجره که مال همین لایه است رو میفرسته پس از پارامتر آخر فهمیدیم که اسم این لایهexpando3 هست منظورم همون id
خوب اینم توابع جاوا که اگه یکم جاوااسکریپت یاد داشته باشید همرو میفهمید
function showExp(nodeID, nodeCount, nodePosition)
{
for (i = 1; i <= nodeCount; i++)
{
if (i == nodePosition)
show(nodeID + i);
else
hide(nodeID + i);
}
}
function show(displayItem)
{
var dItem = document.getElementById(displayItem);
dItem.style.display = 'inline';
}
function hide(displayItem)
{
var dItem = document.getElementById(displayItem);
dItem.style.display = 'none';
}
خوب برای نامرئی کردن پنجره یا همون لایه باید کد زیر رو با نام لایه به تابعhide بفرستید که با کد زیر این کار رو انجام میدیم
<a href="javascript: void(0);" onclick="javascript: hide('expando3');"><img border="0" src="m.gif" style="height: 41px; width:56px"></a>
خوب تمام شد حالا شما میتونید هر چند تا پنجره که بخواهید بسازید و فرمهای هر بخش رو در همون پنجره قرار بدید مثل لینک باکسی که خودم درست کردم میتونید برید ببینید و منظورمو بفهمید
www.box.irking.ir
پیروز و موفق باشید
پاسخ با نقل قول
نوشته شده توسط oxygenws
