مشکل درمورد نمایش پیغام با جاوا اسکریپت

[mr.one]

با سلام و خسته نباشید خدمت دوستان انجمن برنامه نویس
من در حال ساخت یک CMS با زبان PHP هستم ولی از جاوا زیاد سر درنمیارم
تو یه قسمت از سایت میخوام لیست کاربر ها را نشون بده و هروقت بر روی هرکاربر کلیک شده متنی مربوط به کاربر در کادری که CSS آن دست خودم باشد نمایش بدم(کادر: مانند پنجره های خوش آمدگویی وبسایت ها)
اما هرچی در نت گشتم کد هایی بودند که یا بصورت اتوماتیک باز می شدند(که من میخوام با کلیک بر روی کاربر باز شوند) یا فقط برای نمایش یک پیغام ساخته شده بودند (که من میخوام بتونم متنی از همه کاربران با استفاده از لوپ و آی دی نمایش دهم یعنی متن مورد نظرم از هرکاربر در بانک اطلاعاتی ذخیره است و با یک لوپ نمایش دهم)
مثال شکل برنامه نویسی سوالم:

علی احمدی
کریم حسینی
مهدی رمضانی
(برای مثال وقتی کاربر بر روی علی احمدی کلیک کرد (متنی که در فیلد txt با id یک از بانک اطلاعاتی در کادر نمایش دهد)

[Javidhb]

یکی از معروفترین modal ها اینه: لینک (http://getbootstrap.com/javascript/#modals)
که برای صدا زدنش هم کافیه از دستور زیر استفاده کنید:

$('#myModal').modal('show')



برای اون قسمت هم میخاید اطلاعات مربوط به هر شخص رو نشون بدید بهترین راه استفاده از AJAX (بهتره از jquery استفاده کنید) (http://api.jquery.com/jQuery.ajax/) هست.
وقتی کاربر روی یک اسم کلیک کرد شما یه درخواست ajax رو میفرستید به سرور تا اطلاعات لازم رو از database بگیره و به کلاینت برگردونه و بعد modal رو صدا میزنید و اطلاعات دریافتی از سمت سرور رو توش نمایش میدید.

[mr.one]

تشکر از شما،اگر امکانش هست نحوه استفاده از modal بوت استرپ رو عرض کنید(در سایت توضیحاتی ذکر شده ولی من تست کردم کارنکرد)

[Javidhb]

تشکر از شما،اگر امکانش هست نحوه استفاده از modal بوت استرپ رو عرض کنید(در سایت توضیحاتی ذکر شده ولی من تست کردم کارنکرد)

برای نمایش modal هنگام کلیک روی دکمه (یا هر المنت دیگه ای که مد نظر دارید) میتونید اینجوری استفاده کنید.
دمــو (http://jsfiddle.net/gcnB3/5/)



$('#user1').click(function(){
$('#myModal').modal('show');
});

(برای راحتی از jQuery استفاده کردم)

[mr.one]

باید لود رو هم به کد جاوا اضافه کرد تا مودال کار کنه
<script type="text/javascript">//<![CDATA[ $(window).load(function(){
$('#user1').click(function(){
$('#myModal').modal('show');
});
});//]]>
</script>

تشکر از راهنماییت دوست عزیز، انشاالله تو کارات موفق باشی