سبد خرید

ارسال داده های فرم های html به یک iframe

  آموزش
‏  2 دقیقه
۰۲ خرداد ۱۳۹۱

:: فرم‌های موجود در صفحات html برای دریافت ورودی از کاربر استفاده می‌شن . معمولا به این شکله که پس از پر کردن فیلدهای یک فرم دکمه submit رو می‌زنید تا داده‌های وارد شده رو به سمت سرور بفرستید تا اونجا عملیات مورد نیاز ( مثلا ثبت نام ، لاگین شدن ، ذخیره مشخصات و ...) روی داده‌های ورودی شما چک و اعمال بشه . :: در حالت پیش فرض پس از پر کردن فرم و زدن دکمه submit به یک صفحه دیگه منتقل میشید و در اونجا نتیجه ارسال اطلاعاتتون رو میبینید . مثلا در صفحه جدید نمایش داده میشه که اطلاعات شما با موفقیت ثبت شد و یا یه چیزی تو این مایه‌ها ... :: در آموزش امروز می‌خوایم بگیم که چطور اطلاعات ارسال شده رو به یک iframe بفرستید که نخواید پس از زدن دکمه submit به صفحه جدید منتقل بشید . :: محض یادآوری بگم که با استفاده از تگ iframe شما می‌تونید یک صفحه وب رو درون یک صفحه وب دیگه قرار بدید . مثلا با تگ iframe زیر من صفحه دیگه ای رو که شامل یک باکس و منوی منوی تب دار هست درون این پست میزارم :

<iframe name="ifrm7" src="https://7learn.com/js/tabber/demo1.html"></iframe>

که نمایشش به شکل زیر میشه : :: حالا می‌خوایم یه چنین چیزی رو با هم بنویسیم . که اطلاعات یک فرم رو به یک iframe در زیر اون بفرستیم . :: یک رنگ رو انتخاب کنید و دکمه submit رو بزنید تا نتیجه رو ببینید . :: برای این کار شما به دو تا فایل نیاز دارید . یکی فایلی که فرم html شما رو در بر داره (form.html) و دیگری فایلی که اطلاعات فرم به اون ارسال می‌شه تا پردازش لازم روی اطلاعات ورودی رو انجام بده (print.php) .

:: فایل form.html رو به شکل زیر داریم که شامل یک فرمه که یک منوی select درون اون هست که رنگ مورد علاقه کاربر رو میخواد دریافت کنه . و در آخر این فایل هم iframe ی که قرار نتیجه رو در اون بیاریم آوردیم .

این بخش از محتوا مخصوص اعضای سایت است
چه امتیازی به این مقاله می دید؟
نویسنده لقمان آوند
لقمان آوند
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

مطالب پیشنهادی :

ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :

 

نظرات کاربران

bahar

tag haye jadidi ke dar html5 ezafe shode va vazifeye har tag

bahar

salam, mikhastam azatoon beporsam dar morede HTML5 etelaee darid? lotfan javab bedid kheili vajebe, merc

لقمان آوند

بله
سوالاتتون در مورد HTML5 رو در انجمن مطرح کنید .

نوید

سلام مجدد خدمت دوستان
میشه خواهش کنم یک مثال عملی بزنین

navidads

سلام و خسته نباشید
آقای آوند و سایر دوستان میخواستم بدونم راهی هست که مثلا من یه فرم ورود اطلاعات داشته باشم و بعد از مثلا Submit کردنش همون اطلاعات بره تویه فرم دیگه
با تشکر

لقمان آوند

با جاوااسکریپت و درخواست های آجاکس میشه اطلاعات فرم رو علاوه بر سابمیت شدن در فرم اصلی به جاهای دایگه هم فرستاد .

alibeigi68

خب الان دارمش اما نمیدونم چجوری باید باهاش کار کنم

لقمان آوند

بعد از نصب ومپ سرور اون رو اجرا کنید و در جایی که نصب شده به دنبال پوشه www بگردید . فایل php رو درون اون بزارید و در مرورگرتون به آدرس localhost برید …

alibeigi68

سلام من این کد php رو وارد note pad کردم بعد با پسوند php سیو کردم اما موقع باز شدن مرورگر باز میشه بعد حالت دانلود میگیره چیکارش کنم؟؟؟؟؟؟؟

لقمان آوند

برای اجرای دهای php باید یه سرور مجازی مثل wamp استفاده کنید و از اون برای اجرای کدهای php استفاده کنید .

saba

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

    }
  &lt;/style&gt;
&lt;/head&gt;
 &lt;?php
 $color = &quot;white&quot;;
 $isFormPosted = false;
 if (isset($_POST[&#8216;fcolor&#8217;])) {
  $color = $_POST[&#8216;fcolor&#8217;];
  $isFormPosted = true;
 }
 ?&gt;
20 &lt;body bgcolor=&quot;&lt;?php echo $color?&gt;&quot;&gt;
21 &lt;?php if ($isFormPosted) : ?&gt;
22    &lt;span class=&quot;msg&quot;&gt;
23     Your Favorite color is my background color (&lt;?php echo $color?&gt;) ! .
24    &lt;/span&gt;
25 &lt;?php else : ?&gt;
26    &lt;span style=&quot;font-size: 16px&quot;&gt;
27     Please Submit the form !
28    &lt;/span&gt;
29 &lt;?php endif; ?&gt;
30 &lt;/body&gt;
31 &lt;/html&gt;
لقمان آوند

سلام
php لازمه ی این کد هست و معادل html و … نداره .

paria

http://noavarandanash.com/Contact

paria

salamlotfan in sito nehag konid..ghesmate tmas ba ma ro che tory mishe orost kard?man asp kar mikonam

لقمان آوند

سلام
ما در اینجا آموزش و تخصص asp رو نداریم و متاسفانه نمی تونیم کمک کنیم . ولی خوب اگه با واژه های contact form asp گوگل کنید به نتیجه میرسید .

friend

من ثبت نام كرده ام ولي نميتونم وارد سايت شم اشكال از كجاست لطفا لطفا يا موضوع رو حل كنيد و يا قسمت هايي رو كه با ثبت نام ميشه ديد رو آزاد بزاريد تشكر تشكر تكشرت كشتيبمنتشسينمتب

لقمان آوند

سلام
ایمیلی حاوی پسورد جدید و تست شده برایتان ارسال شد .
موفق باشید …

pooya estakhri

یا شایدم بهتر باشه ارجینالشو بخرید یا یه برنامه جایگزین ارجینال :‌ )

sajjad

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

لقمان آوند

گوگل و یاهو یک محدودیتی برای سایز فایل های الصاق شده دارند که فکر کنم 25 یا 50 مگابایت باشه و تا این مقدار مشکلی نداره .
اگ مشکلی بود فایل ها رو در تکه های مختلفی زیپ کن که حجمشون کمتر از این مقادیر باشه و بفرست .