آموزش ساخت AutoComplete

تیر ۲۱, ۱۳۹۱ توسط : مادیار

AutoComplete چیست؟

تصویر بالا از یک جستجو در گوگل میباشد که متن درخاستی کامل نشده و گوگل بصورت اتوماتیک پیشنهاداتی به ما میدهد که با متن وارد شده ما تغریباً یا دقیقاً همخانی دارد
این یک AutoComplete میبشاد
در این آموزش میخایم یک AutoComplete ساده بسازیم…

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

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

Tags

کد آماده : چک کردن طول پسورد با jQuery

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

با کد جی کوئری زیر میتونید طول پسورد رو چک کنید . . .

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

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

مرجع کامل Selector ها در jQuery

فروردین ۵, ۱۳۹۱ توسط : سعید

selector ها در jQuery به ما اجازه میده تگ های HTML رو انتخاب و مدیریت کنیم. jQuery این قابلیت رو در اختیار ما قرار میده که بتونیم عمل انتخاب تگهای HTML رو به صورت تک یا به صورت گروهی انجام بدیم.در ادامه به توضیح شیوه های مختلف انتخاب تگهای HTML میپردازیم.

بازدید : ۳۹۱۷…

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

Tags

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 نمایش داده میشه که یه سری کلمات رو به شما پیشنهاد میده و با انتخاب اون کلمات نیازی به تایپ تمام کلمه نیست.مثل روشی که هنگام جستجو در گوگل میبینید.

بازدید : ۵۶۴۱…

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

نوشته های جدیدتر