آموزش ساخت چت روم با PHP و Ajax در jQuery
آموزش ساخت چت روم با PHP و Ajax در jQuery
به طراحی سایت فروشگاهی احتمال زیاد هنگامی وارد یک تارنما میشوید شاهد یک چت جعبه خواهید بود که در ذیل و گوشه‌ی وبسایت‌ها وجود داراست و هنگامی بر روی آن کلیک میکنید می توانید به سریع‌ترین طرز با مدیریت یا این که پشتوانه آن سایت مکالمه داشته باشید تا در صورتی سوالی داشتید سوای نیاز به نام نویسی کردن به پاسخ‌های خویش برسید. درین نوشته‌علمی قصد داریم به فراگیری ساخت‌و‌ساز چت روم با PHP بپردازیم که به shoutbox نیز پر اسم و رسم میباشد.
فهرست محتوای این نوشته‌ی علمی
کدهای HTML پروژه ساخت و ساز چت روم با PHP
کدهای CSS پروژه ساخت‌و‌ساز چت روم با PHP
دیتابیس پروژه تولید چت روم با PHP
کدهای جاوا اسکریپت پروژه تولید چت روم با PHP
کدهای PHP پروژه تولید چت روم با PHP
کدهای HTML پروژه ساخت و ساز چت روم با PHP
نخست نیاز میباشد فایلی به نام index.html بسازیم تا کدهای html خویش را باطن آن در اختیار بگذاریم.
\"<span
اسم شما\">
\"پیام
\"ارسال\"
در کدهای html بالا یک فرم با دو فیلد داریم که یکی‌از آن ها برای اسم کاربری و دیگری هم برای پیام میباشد، در div با شناسه‌ی loading تصویر در هم اکنون بارگذاری بودن پیام و در ul با شناسه‌ی content که هیچ li درونی ندارد، متن پیام با ایجکس قرار داده میگردد.
کدهای CSS پروژه ساخت‌و‌ساز چت روم با PHP
برای اینکه php shoutbox ظاهری مطلوب داشته باشد. یک فولدر به اسم style.css ساخت‌و‌ساز میکنیم و کدهای css را در آن قرار می دهیم.
html, body, input, * {
direction: rtl;
font: 12px/1.5em tahoma;
margin: 0;
padding: 0;
}
.container {
width: 200px;
margin: 50px auto;
padding: 10px;
border: 1px solid #ccc;
}
ul {
list-style: none;
}
#loading {
margin: 0 auto;
width: 55px;
}
#content {
padding-bottom: 5px;
border-bottom: 1px dotted #ccc;
}
input {
padding: 5px;
margin: 10px auto 0;
display: block;
width: 180px;
}