PDA

View Full Version : ایجاد صفحات متعدد بدون Refresh کردن صفحه



asadi.hasan
یک شنبه 29 مرداد 1391, 20:11 عصر
سلام دوستان عزیز؛
راستش سوالی رو که می خوام مطرح کنم ، هیچ شناختی دربارش ندارم و فقط توی خیلی از سایت ها دیدم و می خوام خودم درستش کنم . ممنون میشم از عزیزانی که راهنماییم کنن.

در خیلی از سایت ها که میخوای ثبت نام کنی ،یا یک فرمی رو پر کنی ، از چند تا صفحه استفاده می کنند که با پر کردن فیلد های فرم اول و فشار دادن دکمه "مرحله بعد"، بدون اینکه صفحه refreshشود در همان صفحه فیلد های دیگری نمایش داده می شود که مانند صفحه ی جدید به نظر می رسد و پس از تمام شدن صفحات، کلیه ی اطلاعاتی که ما پر کرده ایم،باهم به سمت سرور ارسال می شود.
می خواستم ببینم چطور می تونم یه همچین چیزی درست کنم.دوستان اگر با مثال بیان کنن واقعا ممنون میشم.
باز هم از کلیه ی دوستانی که زحمت می کشن سپاسگذارم.

colors
یک شنبه 29 مرداد 1391, 20:32 عصر
درود

راههای زیادی داره. مثلا استفاده از Ajax - jQuery ...

ayub_coder
یک شنبه 29 مرداد 1391, 20:34 عصر
این کار بیشتر مربوط میشه به بش کلاینت. یعنی جاوا اسکریپت. راحتترین راه برای انجام اون هم JQuery هست. بدین صورت که شما همه بخش ها رو طراحی می کنی و به جز یک بخش همشون مخفی هستن. و در هر مرحله از فشردن کلید بخش بعدی رو به حالت نمایش در میاری و در نهایت که کار تموم شد کلیه بخش ها که در یک فرم قرار دارن رو submit می کنی.

farhadfery
یک شنبه 29 مرداد 1391, 21:24 عصر
همانطور که دئستان گفتند این مساله کلاینت سایید هست و در حقیقت یک فرم هست نعپه جند تا. فقط بخش های دیگه را مخفی می کنند. این دو مورد را ببینید:

http://www.jankoatwarpspeed.com/examples/webform_to_wizard/#

http://planner.builtbybuffalo.com/step-1/


برای نتیایچ بیسشتر هم سرچ کنید:
jquery multi step registration form


این هم یه نونه اموزش:
http://webexpedition18.com/articles/how-to-create-a-multi-step-signup-form-with-css3-and-jquery/