Logo
سلام, محسن م

تایپ هد نمونه


						<div class="card card-custom">
							<div class="card-header">
								<h3 class="card-title">
									تایپ هد نمونه
								</h3>
							</div>
							<!--begin::Form-->
							<form class="form">
								<div class="card-body">
									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">نمونه پایه</label>
										<div class="col-lg-4 col-md-9 col-sm-12">
											<div class="typeahead">
												<input class="form-control" id="kt_typeahead_1" type="text" dir="<?php echo isset( دلار_REQUEST['rtl'] ) && دلار_REQUEST['rtl'] ? 'rtl' : 'ltr' ?>" placeholder="ایالات آمریکا"/>
											</div>
										</div>
									</div>
									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">Bloodhound (موتور پیشنهادی)</label>
										<div class="col-lg-4 col-md-9 col-sm-12">
											<div class="typeahead">
												<input class="form-control" id="kt_typeahead_2" type="text" dir="<?php echo isset( دلار_REQUEST['rtl'] ) && دلار_REQUEST['rtl'] ? 'rtl' : 'ltr' ?>" placeholder="ایالات آمریکا"/>
											</div>
											<div class="form-text text-muted">
												دارای ویژگی های پیشرفته ای از قبیل پیش تنظیم و دوباره پر کردن با داده های از راه دور است.
											</div>
										</div>
									</div>
									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">مقدمه</label>
										<div class="col-lg-4 col-md-9 col-sm-12">
											<div class="typeahead">
												<input class="form-control" id="kt_typeahead_3" type="text" dir="<?php echo isset( دلار_REQUEST['rtl'] ) && دلار_REQUEST['rtl'] ? 'rtl' : 'ltr' ?>" placeholder="کشورها"/>
											</div>
											<div class="form-text text-muted">داده های از پیش تعیین شده در مرحله اولیه گرفتن و پردازش می شوند</div>
										</div>
									</div>
									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">قالب های سفارشی</label>
										<div class="col-lg-4 col-md-9 col-sm-12">
											<div class="typeahead">
												<input class="form-control" id="kt_typeahead_4" type="text" dir="<?php echo isset( دلار_REQUEST['rtl'] ) && دلار_REQUEST['rtl'] ? 'rtl' : 'ltr' ?>" placeholder="برندگان اسکار"/>
											</div>
											<div class="form-text text-muted">الگوهای سفارشی به شما امکان کنترل کامل در نحوه ارائه پیشنهادات را می دهد</div>
										</div>
									</div>
									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">مجموعه داده های چندگانه</label>
										<div class="col-lg-4 col-md-9 col-sm-12">
											<div class="typeahead">
												<input class="form-control" id="kt_typeahead_5" type="text" dir="<?php echo isset( دلار_REQUEST['rtl'] ) && دلار_REQUEST['rtl'] ? 'rtl' : 'ltr' ?>" placeholder="انتخاب گزینه"/>
											</div>
											<div class="form-text text-muted">داده های از راه دور فقط زمانی مورد استفاده قرار می گیرند که داده های محلی و مقدمه کافی نباشد</div>
										</div>
									</div>
									<div class="form-group row">
										<label class="col-form-label text-right col-lg-3 col-sm-12">مودال</label>
										<div class="col-lg-4 col-md-9 col-sm-12">
											<a href="" class="btn btn-light-primary font-weight-bold btn-sm" data-toggle="modal" data-target="#kt_typeahead_modal">راه اندازی مودال</a>
										</div>
									</div>
								</div>
								<div class="card-footer">
									<div class="row">
										<div class="col-lg-9 ml-lg-auto">
											<button type="reset" class="btn btn-primary mr-2">ارسال</button>
											<button type="reset" class="btn btn-secondary">لغو</button>
										</div>
									</div>
								</div>
							</form>
							<!--end::Form-->
						</div>
						

						// کلاس definition
						var KTتایپ هد = function() {
						    var states = ['آلاباما', 'آلاسکا', 'آریزونا', 'آرکانزاس', 'کالیفرنیا',
						        'کالرادو', 'کانکتیکات', 'دلاور', 'فلوریدا', 'جورجیا', 'هاوایی',
						        'آیداهو', 'ایلینویز', 'هندوستان', 'آیووا', 'کانزاس', 'کنتاکی', 'لوئیزیانا',
						        'ماین', 'یلند مارچ', 'ماساچوست', 'میشیگان', 'مینه سوتا',
						        'می سی سی پی', 'میسوری', 'مونتانا', 'نبراسکا', 'نوادا', 'نیو همپشایر',
						        'نیو جرسی', 'نیو مکزیکو', 'نیویورک', 'کارولینای شمالی', 'داکوتای شمالی',
						        'اوهایو', 'اوکلاهما', 'اورگان', 'پنسیلوانیا', 'رود آیلند',
						        'کارولینای جنوبی', 'داکوتای جنوبی', 'تنسی', 'تگزاس', 'یوتا', 'ورمونت',
						        'ویرجینیا', 'واشنگتن', 'ویرجینیا غربی', 'ویسکانسین', 'وایومینگ'
						    ];

						    // خصوصی functions
						    var demo1 = function() {
						        var substringMatcher = function(strs) {
						            return function findMatches(q, cb) {
						                var matches, substringRegex;

						                // an array that will be populated with substring matches
						                matches = [];

						                // regex used to determine if a string contains the substring `q`
						                substrRegex = new RegExp(q, 'i');

						                // iterate through the pool of strings and for any string that
						                // contains the substring `q`, add it to the `matches` array
						                دلار.each(strs, function(i, str) {
						                    if (substrRegex.test(str)) {
						                        matches.push(str);
						                    }
						                });

						                cb(matches);
						            };
						        };

						        دلار('#kt_typeahead_1, #kt_typeahead_1_modal').typeahead({
						            hint: true,
						            highlight: true,
						            minLength: 1
						        }, {
						            name: 'states',
						            source: substringMatcher(states)
						        });
						    }

						    var demo2 = function() {
						        // constructs the suggestion engine
						        var bloodhound = new Bloodhound({
						            datumTokenizer: Bloodhound.tokenizers.whitespace,
						            queryTokenizer: Bloodhound.tokenizers.whitespace,
						            // `states` is an array of state names defined in "The پایه ایs"
						            local: states
						        });

						        دلار('#kt_typeahead_2, #kt_typeahead_2_modal').typeahead({
						            hint: true,
						            highlight: true,
						            minLength: 1
						        }, {
						            name: 'states',
						            source: bloodhound
						        });
						    }

						    var demo3 = function() {
						        var countries = new Bloodhound({
						            datumTokenizer: Bloodhound.tokenizers.whitespace,
						            queryTokenizer: Bloodhound.tokenizers.whitespace,
						            // url points to a json file that contains an array of country names, see
						            // https://github.com/twitter/typeahead.js/blob/gh-pages/data/countries.json
						            prefetch: HOST_URL  + '/api/?file=typeahead/countries.json'
						        });

						        // passing in `null` for the `options` arguments will result in the default
						        // options being used
						        دلار('#kt_typeahead_3, #kt_typeahead_3_modal').typeahead(null, {
						            name: 'countries',
						            source: countries
						        });
						    }

						    var demo4 = function() {
						        var bestPictures = new Bloodhound({
						            datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
						            queryTokenizer: Bloodhound.tokenizers.whitespace,
						            prefetch: HOST_URL  + '/api/?file=typeahead/movies.json'
						        });

						        دلار('#kt_typeahead_4').typeahead(null, {
						            name: 'best-pictures',
						            display: 'value',
						            source: bestPictures,
						            templates: {
						                empty: [
						                    '<div class="empty-message" style="padding: 10px 15px; text-align: center;">',
						                    'unable to find any Best Picture winners that match the current query',
						                    '</div>'
						                ].join('
'),
						                suggestion: Handlebars.compile('<div><strong>{{value}}</strong> – {{year}}</div>')
						            }
						        });
						    }

						    var demo5 = function() {
						        var nbaتیمs = new Bloodhound({
						            datumTokenizer: Bloodhound.tokenizers.obj.whitespace('team'),
						            queryTokenizer: Bloodhound.tokenizers.whitespace,
						            prefetch: HOST_URL  + '/api/?file=typeahead/nba.json'
						        });

						        var nhlتیمs = new Bloodhound({
						            datumTokenizer: Bloodhound.tokenizers.obj.whitespace('team'),
						            queryTokenizer: Bloodhound.tokenizers.whitespace,
						            prefetch: HOST_URL  + '/api/?file=typeahead/nhl.json'
						        });

						        دلار('#kt_typeahead_5').typeahead({
						            highlight: true
						        }, {
						            name: 'nba-teams',
						            display: 'team',
						            source: nbaتیمs,
						            templates: {
						                header: '<h3 class="league-name" style="padding: 5px 15px; font-size: 1.2rem; margin:0;">NBA تیمs</h3>'
						            }
						        }, {
						            name: 'nhl-teams',
						            display: 'team',
						            source: nhlتیمs,
						            templates: {
						                header: '<h3 class="league-name" style="padding: 5px 15px; font-size: 1.2rem; margin:0;">NHL تیمs</h3>'
						            }
						        });
						    }

						    return {
						        // public functions
						        init: function() {
						            demo1();
						            demo2();
						            demo3();
						            demo4();
						            demo5();
						        }
						    };
						}();

						jQuery(document).ready(function() {
						    KTتایپ هد.init();
						});
						
دارای ویژگی های پیشرفته ای از قبیل پیش تنظیم و دوباره پر کردن با داده های از راه دور است.
داده های از پیش تعیین شده در مرحله اولیه گرفتن و پردازش می شوند
الگوهای سفارشی به شما امکان کنترل کامل در نحوه ارائه پیشنهادات را می دهد
داده های از راه دور فقط زمانی مورد استفاده قرار می گیرند که داده های محلی و مقدمه کافی نباشد

اعتبارسنجی


							<div class="card card-custom">
								<div class="card-header">
									<h3 class="card-title">
										اعتبارسنجی
									</h3>
								</div>
								<!--begin::Form-->
								<form class="form">
									<div class="card-body">
										<div class="form-group row">
											<label class="col-form-label text-right col-lg-3 col-sm-12">وضعیت موفقیت</label>
											<div class="col-lg-4 col-md-9 col-sm-12 is-valid">
												<div class="typeahead">
													<input class="form-control is-valid" id="kt_typeahead_1_validate" dir="<?php echo isset( دلار_REQUEST['rtl'] ) && دلار_REQUEST['rtl'] ? 'rtl' : 'ltr' ?>" type="text" placeholder="ایالات آمریکا"/>
												</div>
												<div class="valid-feedback">موفقیت آمیز بود</div>
												<span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span>
											</div>
										</div>
										<div class="form-group row">
											<label class="col-form-label text-right col-lg-3 col-sm-12">وضعیت خطا</label>
											<div class="col-lg-4 col-md-9 col-sm-12 is-invalid">
												<div class="typeahead">
													<input class="form-control is-invalid" id="kt_typeahead_2_validate" dir="<?php echo isset( دلار_REQUEST['rtl'] ) && دلار_REQUEST['rtl'] ? 'rtl' : 'ltr' ?>" type="text" placeholder="ایالات آمریکا"/>
												</div>
												<div class="invalid-feedback">می توانید اینجا متن مورد نظر را قرار دهید.</div>
												<span class="form-text text-muted">می توانید توضیحات راهنما را اینجا قرار دهید.</span>
											</div>
										</div>
									</div>
									<div class="card-footer">
										<div class="row">
											<div class="col-lg-9 ml-lg-auto">
												<button type="reset" class="btn btn-primary mr-2">ارسال</button>
												<button type="reset" class="btn btn-secondary">لغو</button>
											</div>
										</div>
									</div>
								</form>
								<!--end::Form-->
							</div>
						

						// کلاس definition
						var KTتایپ هد = function() {

						    var states = ['آلاباما', 'آلاسکا', 'آریزونا', 'آرکانزاس', 'کالیفرنیا',
						        'کالرادو', 'کانکتیکات', 'دلاور', 'فلوریدا', 'جورجیا', 'هاوایی',
						        'آیداهو', 'ایلینویز', 'هندوستان', 'آیووا', 'کانزاس', 'کنتاکی', 'لوئیزیانا',
						        'ماین', 'یلند مارچ', 'ماساچوست', 'میشیگان', 'مینه سوتا',
						        'می سی سی پی', 'میسوری', 'مونتانا', 'نبراسکا', 'نوادا', 'نیو همپشایر',
						        'نیو جرسی', 'نیو مکزیکو', 'نیویورک', 'کارولینای شمالی', 'داکوتای شمالی',
						        'اوهایو', 'اوکلاهما', 'اورگان', 'پنسیلوانیا', 'رود آیلند',
						        'کارولینای جنوبی', 'داکوتای جنوبی', 'تنسی', 'تگزاس', 'یوتا', 'ورمونت',
						        'ویرجینیا', 'واشنگتن', 'ویرجینیا غربی', 'ویسکانسین', 'وایومینگ'
						    ];

						    // خصوصی functions
						    var demo1 = function() {
						        var substringMatcher = function(strs) {
						            return function findMatches(q, cb) {
						                var matches, substringRegex;

						                // an array that will be populated with substring matches
						                matches = [];

						                // regex used to determine if a string contains the substring `q`
						                substrRegex = new RegExp(q, 'i');

						                // iterate through the pool of strings and for any string that
						                // contains the substring `q`, add it to the `matches` array
						                دلار.each(strs, function(i, str) {
						                    if (substrRegex.test(str)) {
						                        matches.push(str);
						                    }
						                });

						                cb(matches);
						            };
						        };

						        دلار('#kt_typeahead_1_validate, #kt_typeahead_2_validate').typeahead({
						            hint: true,
						            highlight: true,
						            minLength: 1
						        }, {
						            name: 'states',
						            source: substringMatcher(states)
						        });
						    }

						    return {
						        // public functions
						        init: function() {
						            demo1();
						        }
						    };
						}();

						jQuery(document).ready(function() {
						    KTتایپ هد.init();
						});
						
موفقیت آمیز بود
می توانید توضیحات راهنما را اینجا قرار دهید.
می توانید اینجا متن مورد نظر را قرار دهید.
می توانید توضیحات راهنما را اینجا قرار دهید.

پروفایل کاربر 12 پیام

آخرین اعلان ها
اهداف دیگر موعد 2 روز
+28%
+50%
بهترین محصول موعد 2 روز
+8%

سبد خرید

iBlender بهترین وسایل آشپزخانه در سال 2020
دلار 350 5
پاک کننده هوشمند ابزار هوشمند برای پخت و پز
650دلار 4
دوربین دوربین حرفه ای برای عکس
150دلار 3
چاپگر 4D ساخت اشیاء منحصر به فرد
دلار 1450 7
موشن ابزار انیمیشن ایده آل
650دلار 7
پیام های سیستم
نویسندگان برتر موفق ترین ها
+82دلار
نویسندگان محبوب موفق ترین ها
+280دلار
کاربران جدید موفق ترین ها
+4500دلار
فعال مشتریان موفق ترین ها
+4500دلار
تم پرفروش موفق ترین ها
+4500دلار
اعلان ها
اهداف دیگر موعد 2 روز
+28%
+50%
بهترین محصول موعد 2 روز
+8%
مراقبت از مشتری
گزارشات
اعضا

انتخاب نسخه ی نمایشی

نسخه ی نمایشی 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