با عرض سلام خدمت کاربران محترم سایت پی وی لرن.
در این جلسه قصد داریم تا ساخت سیستم نظرسنجی با Ajax را به شما آموزش دهیم.
در ادامه برنامه ای می نویسیم که سیستم نظرسنجی را با نمایش نتایج بدون بارگذاری مجدد صفحه، نشان می دهد.
وقتی که کاربر یکی از گزینه ها را انتخاب کرد، تابع ()getVote اجرا می شود.
این تابع با استفاده از رویداد onclick اجرا می شود:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | <html> <head> <script> function getVote(int) { if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (this.readyState==4 && this.status==200) { document.getElementById("poll").innerHTML=this.responseText; } } xmlhttp.open("GET","poll_vote.php?vote="+int,true); xmlhttp.send(); } </script> </head> <body> <div id="poll"> <h3>Do you like PHP and AJAX so far?</h3> <form> Yes: <input type="radio" name="vote" value="0" onclick="getVote(this.value)"> <br>No: <input type="radio" name="vote" value="1" onclick="getVote(this.value)"> </form> </div> </body> </html> |
تابع ()getVote کارهای زیر را انجام می دهد:
فایلی که توسط جاوااسکریپت در کد بالا فراخوانده شده، poll_vote.php نام دارد:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 | <?php $vote = $_REQUEST['vote']; //get content of textfile $filename = "poll_result.txt"; $content = file($filename); //put content in array $array = explode("||", $content[0]); $yes = $array[0]; $no = $array[1]; if ($vote == 0) { $yes = $yes + 1; } if ($vote == 1) { $no = $no + 1; } //insert votes to txt file $insertvote = $yes."||".$no; $fp = fopen($filename,"w"); fputs($fp,$insertvote); fclose($fp); ?> <h2>Result:</h2> <table> <tr> <td>Yes:</td> <td> <img src="poll.gif" width='<?php echo(100*round($yes/($no+$yes),2)); ?>' height='20'> <?php echo(100*round($yes/($no+$yes),2)); ?>% </td> </tr> <tr> <td>No:</td> <td> <img src="poll.gif" width='<?php echo(100*round($no/($no+$yes),2)); ?>' height='20'> <?php echo(100*round($no/($no+$yes),2)); ?>% </td> </tr> </table> |
فایل متنی poll_result.txt جایی هست که نتایج در آن ذخیره می شوند.
نتایج به شکل زیر ذخیره می شوند:
1 | 0||0 |
عدد اول برای کلمه “yes” , عدد دوم برای کلمه “no” می باشد.
جلسه ساخت سیستم نظرسنجی با Ajax و سری جلسات آموزش زبان PHP به پایان رسید. امیدوارم این آموزش ها مفید واقع شده باشند.
همنین می توانید نظرات و سوالات خود را از طریق بخش نظرات با ما در میان بگذارید.
حسین صالحی
با سلام خدمت شما.اقای صادق درمورد سیستم ثبت نظرات کاربران در سایت میتونید کمکم کنید چند ماهیه درگیرم کرده سردر نمیارم ازش فرم ضاهریشو دارم ولی نمی دونم کد نویسیش چه جوریه که بعد از ثبت نظر در پایین نظرات اسم و نظر کاربر در پایین نمایش داده بشه
پی وی لرن
سلام
شما می توانید از این کد در وردپرس استفاده کنید.
< ?php comments_template('', true); ?>
این کد کدها و html های مربوط به قالب نظرات خود وردپرس را نمایش می دهد که می توانید با css طبق ظاهری که می خواهید تغییر دهید.
حسین صالحی
دقیقا مثل سایت شما
حسین صالحی
ایا نمیتوان بدون اتصال به وردپرس و به صورت مستقل از وردپرس .برای قالب سایت سیستم ثبت نظر طراحی کرد؟
پی وی لرن
اگر منظورتون اینکه اصلا از سیستم مدیریت محتوا نمی خواهید استفاده کنید که در این مورد اطلاعی ندارم ولی اگر می خواهید از قالب پیش فرض نظرات وردپرس استفاده نکنید و خودتون یک قالب سفارشی برای نظرات ایجاد کنید، برای اینکار می توانید از آموزش های این بخش استفاده کنید.
آموزش ایجاد نظرات سفارشی
حسین صالحی
سپاس ازشما :بله میخوام از قالب پیش فرض وردپرس استفاده نکنم. یک قالب با css- html نوشتم حالا میخوام در بخش ادامه مطلب سیستم ثبت نظر کاربران ایجاد کنم. لینکی که کذاشتتید وصل نمیشه
پی وی لرن
سلام
لینک اصلاح شد می توانید مشاهده کنید.
حسین صالحی
خیلی متشکرم.
حسین صالحی
باسلام عرض ادب خدمت جناب عالی . ببخشید یک سوال داشتم در مورد مطالب لینک سایت بالا که کذاشتید . کدهای php موجود را در کدام قسمت کدهای html قالب قراربدم.هر کاری کردم نشد فرم رو نمایش نمیده اگه میشه کمکم کنید . ازاین کدهای php سردرنمیارم
پی وی لرن
سلام
از این لینک هم می توانید استفاده کنید اینجا مطالب به فارسی هستش می توانید راحت تر به آنچه می خواهید برسید.
آموزش ایجاد نظرات سفارشی