ایجاد باکس به تعداد رکوردهای بانک

[IMANAZADI]

با سلام
یک سوالی واسم پیش آمده خواستم از شما دوستان کمک بگیرمیک دیتابیس دارم شامل دو ستون بنام های ID , MENU NAMEدر عکس زیر چطوری میتونم زمانیکه کاربر روی گزینه اول منو (سمت راست) کلیک میکنه بیاد از دیتابیس تعداد رکوردهای MENU NAME رو بخونه و به تعداد اون باکس های مربع شکل با همون نامی که توی دیتابیس هست درست کنه ؟؟؟

قبل از کلیک

http://8pic.ir/images/gxh8woexxbc4h5p9vj08.jpg

بعد از کلیک به شکل زیر دربیاد
http://8pic.ir/images/b6yrvm28whepbvjqt69r.jpg

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

[smksmk]

تکنیک Ajax

[SA_Developer]

سلام



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


مثال: http://code-tricks.com/simple-css-drop-down-menu/

[مهرداد سیف زاده]

تکنیک ajax از طریق jquery بسیار راحت و شیرین هست
شما در هنگامی که دارید منوهای سمت راست رو میسازید ابتدا به هر کدوم یک id بدید و به همشون یک کلاس یکتا تا بر روی هر کدوم کلیک کردید id اون منو رو بگیرید و بفرستید برای ساخت محتوای اون منو از طریق ajax.
مثلا منوی سمت راست فعلی شما یه چیزی شبیه زیر باشه


<ul>
<li><a href="#" id="help" class="mnuclass">راهنمای سایت</a></li>
<li><a href="#" id="download" class="mnuclass">دانلود</a></li>
</ul>



حالا با کلیک روی هر کدوم از لینکها تابع زیر فراخوانی میشه


$('.mnuclass').click(function () {
var menu = $(this).attr('id');
$ .get('menuget.php', {'menu':menu}, function (data) {
$('#menu_data').html(data);
});
});


این کدها یه درخواست ajax به فایل menuget.php با یک درخواست get که حاوی نام یا id منو هست و شما باشد اون طرف داده ها رو بر طبق اون از دیتابیس استخراج کنی و echo کنی تا این تابع بگیره و در یک div که برای نمایش داده های دریافت شده از پاسخ درخواست ajax هست رو نشون بده
حالا در فایل menuget.php باید دستورات دریافت ajax و تولید خروجی مدنظر را تولید کنید


<?php
$menu = isset($_GET['menu'])?$_GET['menu']:null;
if($menu != null)
{
$queryToDatabase = "select * from menu where id='$menu'";
$data = '';
foreach ($queryToDatabase as $key => $value) {
$data .= "Create yo Data{$value['menu_name']}";
}


echo $data;
}


همچنین اگر علاقه به یادگیری موارد بیشتر درباره ajax و روشهای تداول استفاده از اون هستید میتونید فیلمهای آموزشی بنده رو نگاهی بندازید
http://www.aparat.com/v/nBJIo