Ajax در jQuery

اسفند ۲۲, ۱۳۹۰ توسط : سعید

در این مقاله به بررسی راههای ساخت صفحات Ajax به وسیله jQuery میپردازیم.

در کتابخانه jQuery به ۵ روش میشه با Ajax کار کرد:
load.
$.post
$.get
$.getJSON
$.getScript

بازدید : ۸۵۰۷…

ادامه مطلب...

Tags

آموزش ثبت نام و ورود کاربر ( ajax )

بهمن ۳, ۱۳۹۰ توسط : مادیار

با سلام خدمت کاربرانه گرامی سایت پی اچ پی پرو…

من مادیار تصمیم گرفتم در غیاب جناب آقای مقدم زاده برای شما آموزش‌های بنویسم…

به امید آن که مشکلات و سوالات شما حل شوند…
آموزش ثبت نام کاربر و لوگین کاربران ( Ajax )
چند تصویر از طرز کار برنامه :


شروع می‌کنیم
اطلاعات مربوط به نرم افزار :

موارد مورد نیاز  PHP, MySql و پلاگین jQuery.

چطور پلاگیم jQuery را دریافت کنیم؟

کافهیه کد زیر را در کد HTML, <head< به اجرا بزارید به این صورت

<head>
<script type=”text/javascript” src=http://code.jquery.com/jquery-1.7.1.min.js”></script>
</head>

اکثر طراحان پلاگین را از سایت های مانند گوگل یا مایکروسافت دریافت میکنند.. لینک های پلاگین از مایکروسافت و گوگل :

http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js

ایجاد فایل css :

.body {
margin-right: auto;
margin-left: auto;
background-color: #FF6666;
border: thin solid #666666;
width: 400px;
margin-top: 70px;
text-align: center;
}
.acceptTextbox {
background-color: #33CC33;
border: thin solid #808080;
}
.errorTextBox {
background-color: #C40005;
border: thin solid #808080;
}
.loading {
background-color: #33CC33;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
margin-right: auto;
margin-left: auto;
}
.disablePage {
background-color: #000000;
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0.7;
}
.error {
background-color: #C40005;
border: thin solid #FF6666;
padding: 5px;
margin: 15px;
font-family: tahoma;
text-align: right;
}
.accepted {
padding: 5px;
margin: 15px;
background-color: #33CC33;
border: thin solid #808080;
text-align: right;
font-family: tahoma;
}

حالا کد HTML رو وارد میکنیم :

کد زیر برای مشخص کردن مقصد کاربر میباشد..…

ادامه مطلب...

Tags

ساخت pagination با jQuery و PHP به صورت Ajax

دی ۱۶, ۱۳۹۰ توسط : سعید

در این پست به ساخت pagination یا نحوه صفحه بندی مطالب به صورت Ajax ( ای جکس ) میپردازیم. برای این کار از jQuery  و PHP استفاده میکنیم.

بازدید : ۹۰۲۴…

ادامه مطلب...

Tags

ساخت Auto Complete با استفاده از PHP و jQuery

آبان ۳۰, ۱۳۹۰ توسط : سعید

در این آموزش شما با نحوه درست کردن Auto Complete  با استفاده از jQuery , php و mysql آشنا خواهید شد.
Auto Complete   چیست؟
Auto Complete  به روشی گفته میشه که هنگامی که شما داخل یه textbox شروع به تایپ میکنید کادر کوچکی زیر textbox نمایش داده میشه که یه سری کلمات رو به شما پیشنهاد میده و با انتخاب اون کلمات نیازی به تایپ تمام کلمه نیست.مثل روشی که هنگام جستجو در گوگل میبینید.

بازدید : ۵۷۰۰…

ادامه مطلب...