form lightbox

[danijoon]

:متفکر:
با سلام به همه اساتید گرامی

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

ممنون میشمم اگه راهنمایی کنید

[danijoon]

ممنونم از جواباتون
خودم پیدا کردم راهشو
حالا یه سوال دیگه
چجوری با استفاده از مقداری که از مثلا id لینک یا هر چیزیو گرفتم,بعد چجوری اون لایت باکسو با توجه به اون تنظیم یا پر کنم
ممنون میشم یه نفر کمک کنه:قلب:

[alismith]

سلام

دوست عزیز من دقیقا متوجه سوال شما نشدم اما اگه کلا می خواین بدونید چطوری با selector ها کار کنید و حالا این کار رو با یک function انجام بدید تا کد نویسی کم بشه من براتون یک مثال میزنم (البته اینجا استفاده از تابع لزومی نداره و شاید این مثال خیلی شما رو راهنمایی نکنه پس لطف کنید سوال رو واضح تر بپرسید)


<script>
$(document).ready(function(){

var hrf;

$("a").click(function(){

hrf = $("a").attr('href');

showUrl();

return false;

});

showUrl = function(){

$("input").attr('value',hrf);

}


});


</script>
<a href="http://google.com">google</a><br/>
<a href="http://yahoo.com">yahoo</a><br/>
<input type="text"/>


امیدوارم برای اشنایی شما با روش کد نویسی در jquery کارا باشه

البته قبل از هر چیز فراخوانی jQuery Library فراموش نشه

برای مثال :


<script src="http://www.google.com/jsapi"></script>
<script>google.load("jquery","1.5");</script>



موفق باشید

[danijoon]

فک کنم سوالم گنگ بود,حالا سعی میکنم بازش کنم
اول اینکه لایت باکسم با jq نیست,با تغییر دادن مقدار dispaly:block از خصوصیات یک دایو به display:none و برعکس و چند تغیییر دیگه,لایت باکسو ایجاد کردم.لاصه منظورم اینه که لایت باکسه ساده ای دارم
دوم :
شما فک کنید رو یک لینک کلیک کردین.اون لینک یک آی دی داره دیگه,آی دیش بره به لایت باکس,بعد تو لایت باکس یک گرید ویو بر اساس اون آی دی کامل بشه
ممنون

[alismith]

سلام

دوست عزیز برای همچین کارهایی باید از یک زبان اسکریپت نویسی سمت کلاینت مثل جاوااسکریپت استفاده کنید

برای دریافت id تگ a می تونید در جاوا اسکریپت یک تابع بنویسید و در رویداد onclick هر تگ a قرار بدید :

<script>

function attr(anchor){


var id = anchor.id;

alert(id);

}

</script>

<a href="#" id="1" onclick="javascript:attr(this);">Link 1</a>
<a href="#" id="2" onclick="javascript:attr(this);">Link 2</a>

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

و حالا شما می تونید این تابع را گسترش بدید و در کنار دریافت id یک div را هم نمایش بدید یا اطلاعاتی را تنظیم کنید

نکته : به href لینک ها می تونید به جای # این مقدار رو بدهید : javascript:void(0)

و یا اگر از url استفاده می کنید لینکها به این شکل تغییر می کنند :

<a href="http://www.google.com/" id="1" onclick="javascript:attr(this); return false;">Link 1</a>
<a href="javascript:void(0)" id="2" onclick="javascript:attr(this);">Link 2</a>


موفق باشید