آموزش متد autocomplete در jquery ui

سلام دوستان عزیز ، امیدوارم که حالتون خوب باشه و تا به این ساعت روز خوبی را سپری کرده باشید.با مبحث متدها در jquery در خدمت شما هستم.

Autocompletion مکانیزمی است که به طور مداوم در وب سایت های مدرن برای ارائه ی لیستی از پیشنهادات به کاربرها برای اولین حرفی که در تکست باکس تایپ کرده، استفاده می شود. سپس کاربر می تواند یک آیتم را از لیست انتخاب کند که در فیلد ورودی نمایش داده خواهد شد. این ویژگی باعث می شود کاربر مجبور به وارد کردن کامل یک لغت یا مجموعه ای لغات نباشد.

jQuery یک ویجت autocomplete را ارائه می دهد – کنترلی که بسیار مشابه یک dropdown کار می کند، اما انتخاب ها را فیلتر می کند تا تنها مواردی را نمایش دهد که کاربر در حال تایپ در یک کنترل می باشد. jQuery متد autocomplete() برای ایجاد لیست پیشنهادات در زیر فیلد ورودی، ارائه می دهد و گروه های جدید CSS را به عناصر اضافه می کند تا به آنها استایل جدید را بدهد.

هر فیلدی که می تواند یک ورودی دریافت کند، می تواند به یک Autocomplete تبدیل شود، یعنی عناصر ، عناصر ، و عناصری با ویژگی contenteditable. متد autocomplete() به دو فرم زیر استفاده می شود: $(selector, context).autocomplete (options) Method $(selector, context).autocomplete (“action”, params) Method متد $(selector, context).autocomplete (options) : متد autocomplete (options) اعلام می کند که یک عنصر HTML باید به عنوان یک فیلد ورودی تنظیم شود که در بالای لیستی از پیشنهادات نمایش داده خواهد شد. پارامتر options آبجکتی است که رفتار لیست پیشنهاد ها را در هنگام تایپ کردن کاربر در فیلد ورودی، تعیین می کند. $(selector, context).autocomplete (options); با استفاده از آبجکت Javascript می توانید یک یا چند گزینه را همزمان ارائه داده و سپس آنها را به وسیله ی کاما از یکدیگر مجزا کنید: $(selector, context).autocomplete({option1: value1, option2: value2….. }); جدول زیر گزینه های مختلفی را ارائه می دهد که با این متد استفاده می شوند. Option Description appendTo این گزینه برای ضمیمه کردن یک عنصر به منو استفاده می شود. مقدار پیش فرض آن null است. autoFocus اگر این گزینه روی true تنظیم شده باشد، وقتی منو نمایش داده شود، به طور خودکار اولین آیتم منو متمرکز می شود. مقدار پیش فرض آن false است. delay این گزینه یک عدد صحیح می باشد که زمان انتظار را قبل از هماهنگ کردن مقادیر، به هزارم ثانیه نشان می دهد ( همانطور که توسط گزینه ی source تعیین شده است). وقتی یک داده ی غیرداخلی با دادن وقت به کاربر برای وارد کردن کاراکترهای بیشتر قبل از شروع جستجو، مورد استفاده قرار می گیرد، این امر trashing را کاهش می دهد. مقدار پیش فرض آن ۳۰۰ است. disabled اگر این گزینه روی true تنظیم شده باشد، autocomplete widget از ابتدا غیرفعال خواهد بود. مقدار پیش فرض آن false است. minLength تعداد کاراکترهایی که باید قبل از هماهنگ سازی مقادیر(همانطور که توسط گزینه ی source تعیین شد)، وارد شوند. می تواند از تعیین مقادیر بیش از حد بزرگ جلوگیری کند وقتی که تعداد کاراکترها برای تنظیم عدد کافی نیستند. مقدار پیش فرض آن ۱ است. position این گزینه موقعیت پیشنهادهای منو را در ارتباط با عنصر ورودی مرتبط تشخیص می دهد. گزینه ی of پیش فرض عنصر ورودی است، اما می توانید عنصر دیگری را در مقابل این موقعیت تعیین کنید. مقدار پیش فرض آن { my: “left top”, at: “left bottom”, collision: “none” } است. source این گزینه روشی را تعیین می کند که در آن داده ی هماهنگ با داده ی ورودی، تنظیم می شود. یک مقدار باید ارائه شود، در غیر این صورت autocomplete widget ایجاد نخواهد شد. مقدار پیش فرض آن is none; must be specified است. بخش بعدی مثال های کاربردی در مورد قابلیت ویجت autocomplete را ارائه می دهد. قابلیت پیش فرض: مثال زیر به طور ساده قابلیت ویجت autocomplete را توضیح میدهد که هیچ پارامتری را به متد autocomplete() انتقال نمی دهد.  $(function () { var availableTutorials = [ “ActionScript”, “Boostrap”, “C”, “C++”, ]; $(“#automplete-1”).autocomplete({ source: availableTutorials }); });  <div class="ui-widget"> Type “a” or “s” <label for="automplete-1">Tags: </label></div> استفاده از autofocus: مثال زیر استفاده از گزینه ی autoFocus را در ویجت autocomplete از jQuery توضیح می دهد:  $(function () { var availableTutorials = [ “ActionScript”, “Boostrap”, “C”, “C++”, ]; $(“#automplete-2”).autocomplete({ source: availableTutorials, autoFocus: true }); });  <div class="ui-widget"> Type “a” or “s” <label for="automplete-2">Tags: </label></div> استفاده از minLength و delay: مثال زیر استفاده از گزینه های minLength و delay را در ویجت autocomplete از jQuery توضیح می دهد.  $(function () { var availableTutorials = [ “ActionScript”, “Boostrap”, “C”, “C++”, “Ecommerce”, “Jquery”, “Groovy”, “Java”, “JavaScript”, “Lua”, “Perl”, “Ruby”, “Scala”, “Swing”, “XHTML” ]; $(“#automplete-3”).autocomplete({ minLength: 2, delay: 500, source: availableTutorials }); });  <div class="ui-widget"> Type two letter for e.g:ja,sc etc <label for="automplete-3">Tags: </label></div> استفاده از label: مثال زیر استفاده از گزینه ی label را در autocomplete widget از JqueryUI توضیح می دهد.  $(function () { $(“#autocomplete-4”).autocomplete({ source: [ { label: “India”, value: “IND” }, { label: “Australia”, value: “AUS” } ] }); });  <div class="ui-widget"> Type I OR A </div> استفاده از source خارجی مثال زیر استفاده از فایل خارجی را برای گزینه ی source در autocomplete widget از JqueryUI توضیح می دهد.  $(“#autocomplete-5”).autocomplete({ source: “/jqueryui/search.php”, minLength: 2 }); فایل search.php مانند فایل بالا، در همان موقعیت جایگزین می شود (autocompleteexample.html). محتوای search.php در زیر نمایش داده می شود. “JAVA”, “value” => “1” ), array( “label” => “DATA IMAGE PROCESSING”, “value” => “2” ), array( “label” => “JAVASCRIPT”, “value” => “3” ), array( “label” => “DATA MANAGEMENT SYSTEM”, “value” => “4” ), array( “label” => “COMPUTER PROGRAMMING”, “value” => “5” ), array( “label” => “SOFTWARE DEVELOPMENT LIFE CYCLE”, “value” => “6” ), array( “label” => “LEARN COMPUTER FUNDAMENTALS”, “value” => “7” ), array( “label” => “IMAGE PROCESSING USING JAVA”, “value” => “8” ), array( “label” => “CLOUD COMPUTING”, “value” => “9” ), array( “label” => “DATA MINING”, “value” => “10” ), array( “label” => “DATA WAREHOUSE”, “value” => “11” ), array( “label” => “E-COMMERCE”, “value” => “12” ), array( “label” => “DBMS”, “value” => “13” ), array( “label” => “HTTP”, “value” => “14” ) ); $result = array(); foreach ($companies as $company) { $companyLabel = $company[ “label” ]; if ( strpos( strtoupper($companyLabel), strtoupper($term) ) !== false ) { array_push( $result, $company ); } } echo json_encode( $result ); ?> متد $(selector, context).autocomplete (“action”, params) : متد autocomplete (“action”, params) می تواند فعالیتی را روی لیست پیشنهادات انجام دهد، به عنوان مثال پنهان کردن و یا نمایش دادن. فعالیت به عنوان یک String در اولین برهان نمایش داده می شود ( به عنوان مثال close برای پنهان کردن لیست). اکشن هایی را که قابل انتقال هستند، در جدول زیر مشاهده می کنید. $(selector, context).autocomplete (“action”, params); جدول زیر اکشن هایی را ارائه می دهد که با این متد استفاده می شوند: Action Description close این اکشن لیست پیشنهادها را در Autocomplete پنهان می کند. این متد هیچ آرگیومنتی نمی پذیرد. destroy این اکشن قابلیت Autocomplete را حذف می کند. لیست پیشنهادها پاک می شود و این متد هیچ آرگیومنتی نمی پذیرد. disable این اکشن مکانیزم autocompletion را غیرفعال می سازد. لیست پیشنهادها دیگر ظاهر نمی شود. این متد هیچ آرگیومنتی نمی پذیرد. enable این اکشن مکانیزم autocompletion را مجددا فعالسازی می کند. لیست پیشنهادها نیز دوباره نمایش داده خواهند شد. . این متد هیچ آرگیومنتی نمی پذیرد. option( optionName ) این اکشن مقدار تعیین شده برای پارامتر optionName را بازیابی می کند. این گزینه با یکی از گزینه های به کار برده شده در autocomplete مطابفت دارد. option این اکشن یک آبجکت حاوی جفت های key/value را دریافت می کند که گزینه های hash مربوط به autocomplete را نشان می دهد. option( optionName, value ) این اکشن مقدار گزینه ی autocomplete را مربوط به optionName تعیین شده، تنظیم می کند. مبحث optionName نام گزینه ای است که باید تنظیم شود و value مقداری است که باید برای گزینه تنظیم شود. option( options ) این اکشن یک یا چند گزینه را برای autocomplete تنظیم می کند. مبحث options نقشه ای است از جفت های option-value که قرار است تنظیم شوند. search( [value ] ) این اکشن به دنبال نوعی سازگاری بین مقدار رشته و منبع داده است ( در options.source تعیین شده است). حداقل تعداد کارکترها باید به مقدار برسند، در غیر این صورت جستجو اجرا نمی شود. widget عنصر <ul> DOM را بازمی گرداند که با لیست پیشنهادها مطابقت دارد. این اکشن، آبجکتی است از گروه jQuery که امکان دسترسی آسان به لیست را بدون استفاده از انتخابگرهای jQuery فراهم می کند. مثال: اکنون اجازه بدهید با استفاده از اکشن های بالا، مثالی را بررسی کنیم. مثال زیر استفاده از متد option( optionName, value ) را توضیح می دهد.  $(function () { var availableTutorials = [ “ActionScript”, “Boostrap”, “C”, “C++”, “Ecommerce”, “Jquery”, “Groovy”, “Java”, “JavaScript”, “Lua”, “Perl”, “Ruby”, “Scala”, “Swing”, “XHTML” ]; $(“#automplete-6”).autocomplete({ source: availableTutorials }); $(“#automplete-6”).autocomplete(“option”, “position”, { my: “right-10 top+10”, at: “right top” }) });  <div class="ui-widget"> Type “a” or “s” <label for="automplete-6">Tags: </label> </div> نکات گسترش: autocomplete widget می تواند همانطور که با ساخته شد، گسترش یابد. وقتی ویجت ها را گسترش می دهید، قادرید که رفتارهایی را به متدهای موجود اضافه کرده و یا حذف کنید. جدول زیر متدهایی را ارائه می دهد که در نکات گسترش با همان ثبات API رفتار می کنند که متدهای پلاگین در بالا داشتند. Method Description _renderItem( ul, item ) این متد ایجاد هر گزینه را در منوی ویجت کنترل می کند. این متد یک عنصر <li> جدید ایجاد می کند، آن را به منو ضمیمه کرده و بازمی گرداند. _renderMenu(ul, items) این متد ساخت منوی ویجت را کنترل می کند. _resizeMenu() این متد اندازه ی منو را قبل از نمایش داده شدن آن کنترل می کند. عنصر منو در menu.element موجود می باشد. این متد هیچ برهانی را نمی پذیرد. مدیریت رویداد روی عنصر autocomplete : علاوه بر متد autocomplete (options) که در بخشهای قبل مشاهده کردیم، JqueryUI متدهای دیگری ارائه می دهد که برای یک رویداد خاص اغاز می شوند. این متدها در زیر ارائه شده اند: Event Method Description change(event, ui) این رویداد زمانی آغاز می شود که مقدار عنصر براساس یک انتخاب تغییر می کند. در زمان آغاز، این رویداد همیشه پس از آغاز رویداد close اتفاق می افتد. close(event, ui) هر زمانی که منوی autocomplete بسته شود، این رویداد آغاز می شود. create(event, ui) وقتی autocomplete ایجاد می شود، این رویداد آغاز می شود. focus(event, ui) هرزمان که تمرکز بر روی یکی از انتخاب های منو باشد، این رویداد آغاز می شود. مقدار تمرکز بر روی تنظیم می شود، مگر اینکه کنسل شود ( به عنوان مثال با گزارش دادن false). open(event, ui) پس از اینکه داده آماده شده است و منو در آستانه ی باز شدن می باشد، این رویداد آغاز می شود. response(event, ui) پس از اینکه جستجو کامل شده و منو نمایش داده شود، این رویداد آغاز می شود. این رویداد همیشه با تکمیل شدن جستجو آغاز می شود، حتی اگر منو نمایش داده نشود، زیرا هیچ نتیجه ای وجود ندارد، یا Autocomplete غیرفعال شده است. search(event, ui) این رویداد پس از اینکه ضوابط delay و minLength اجرا شده اند، آغاز می شود، درست قبل از اینکه مکانیزم تعیین شده توسط منبع، فعال شود. اگر کنسل شود، عملکرد جستجو هم متوقف می شود. select(event, ui) این رویداد زمانی آغاز می شود که یک مقدار از منوی autocomplete انتخاب شده باشد. کنسل کردن این رویداد از تنظیم مقدار برای عنصر جلوگیری می کند ( اما از بسته شدن منو جلوگیری نمی کند.) مثال: مثال زیر استفاده از متد رویداد را در autocomplete widgets توضیح می دهد. این مثال استفاده از رویدادهای focus, و select را توضیح می دهد. #project-label { display: block; font-weight: bold; margin-bottom: 1em; } #project-icon { float: left; height: 32px; width: 32px; } #project-description { margin: 0; padding: 0; }  $(function () { var projects = [ { value: “java”, label: “Java”, desc: “write once run anywhere”, }, { value: “jquery-ui”, label: “jQuery UI”, desc: “the official user interface library for jQuery”, }, { value: “Bootstrap”, label: “Twitter Bootstrap”, desc: “popular front end frameworks “, } ]; $(“#project”).autocomplete({ minLength: 0, source: projects, focus: function (event, ui) { $(“#project”).val(ui.item.label); return false; }, select: function (event, ui) { $(“#project”).val(ui.item.label); $(“#project-id”).val(ui.item.value); $(“#project-description”).html(ui.item.desc); return false; } }) .data(“ui-autocomplete”)._renderItem = function (ul, item) { return $(“ <li>“) .append(“<a>” + item.label + “ ” + item.desc + “</a>“) .appendTo(ul); }; }); <div id="project-label">Select a project (type “a” for a start):</div> <div class="clear"></div> </div> <div class="post-tags"> <a href="http://help.regiran.com/tag/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-jquery/" rel="tag">آموزش jQuery</a><a href="http://help.regiran.com/tag/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d9%85%d8%aa%d8%af-autocomplete-%d8%af%d8%b1-jquery-ui/" rel="tag">آموزش متد autocomplete در jquery ui</a> </div> </div> <div class="post-box-wrapper first"> <div class="post-box"> <h5>درباره نویسنده</h5> <img alt='' src='http://0.gravatar.com/avatar/c15beff9753565d2c37ed75241a81fba?s=75&d=mm&r=g' srcset='http://0.gravatar.com/avatar/c15beff9753565d2c37ed75241a81fba?s=150&d=mm&r=g 2x' class='avatar avatar-75 photo' height='75' width='75' /> </div> </div> <div class="post-box-wrapper"> <div class="post-box"> <h5>نوشته‌های مرتبط</h5> </div> </div> <div id="comments" class="post-box-wrapper"> <div class="post-box">   <div id="respond"> <h5>ارسال دیدگاه</h5> <a rel="nofollow" id="cancel-comment-reply-link" href="/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%d9%85%d8%aa%d8%af-autocomplete-%d8%af%d8%b1-jquery-ui/#respond" style="display:none;">برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک کنید.</a> شما باید <a href="http://help.regiran.com/wp-login.php?redirect_to=http%3A%2F%2Fhelp.regiran.com%2F%25d8%25a2%25d9%2585%25d9%2588%25d8%25b2%25d8%25b4-%25d9%2585%25d8%25aa%25d8%25af-autocomplete-%25d8%25af%25d8%25b1-jquery-ui%2F">وارد شوید</a> تا دیدگاهی ارسال کنید. </div> </div> </div> </div> </div> <div id="sidebar"> <div class="widget"><h4>دسته ها</h4><label class="screen-reader-text" for="cat">دسته ها</label><select name='cat' id='cat' class='postform' > <option value='-1'>گزینش دسته</option> <option class="level-0" value="50">CCNA (188)</option> <option class="level-0" value="5">cPanel (149)</option> <option class="level-0" value="6">DirectAdmin (48)</option> <option class="level-0" value="7">Enkompass (17)</option> <option class="level-0" value="19">Froxler (8)</option> <option class="level-0" value="20">H-Sphere (3)</option> <option class="level-0" value="8">Helm (44)</option> <option class="level-0" value="22">kloxo (22)</option> <option class="level-0" value="52">Linux (47)</option> <option class="level-0" value="51">MCSE (82)</option> <option class="level-0" value="49">Network + (197)</option> <option class="level-0" value="9">Pleask (51)</option> <option class="level-0" value="21">Webmin (13)</option> <option class="level-0" value="18">WebsitePanel (15)</option> <option class="level-0" value="55">آموزش ++C (150)</option> <option class="level-0" value="32">آموزش Ajax (174)</option> <option class="level-0" value="30">آموزش ASP (283)</option> <option class="level-0" value="56">آموزش C (163)</option> <option class="level-0" value="36">آموزش CSS (244)</option> <option class="level-0" value="62">آموزش CSS3 (105)</option> <option class="level-0" value="35">آموزش HTML (462)</option> <option class="level-0" value="66">آموزش HTML 5 (205)</option> <option class="level-0" value="61">آموزش Java Script (564)</option> <option class="level-0" value="54">آموزش jQuery (313)</option> <option class="level-0" value="31">آموزش PHP (342)</option> <option class="level-0" value="67">آموزش Python (103)</option> <option class="level-0" value="63">آموزش RSS (43)</option> <option class="level-0" value="64">آموزش WSDL (22)</option> <option class="level-0" value="60">آموزش XML (175)</option> <option class="level-0" value="7119">آموزش بوت استراپ (37)</option> <option class="level-0" value="59">آموزش پایگاه داده MYSQL (41)</option> <option class="level-0" value="57">آموزش پایگاه داده SQL (138)</option> <option class="level-0" value="65">آموزش پروتکل SOAP (31)</option> <option class="level-0" value="69">آموزش جوملا (314)</option> <option class="level-0" value="58">آموزش زبان اسمبلی (162)</option> <option class="level-0" value="53">آموزش سی شارپ #C (83)</option> <option class="level-0" value="8606">آموزش وردپرس (714)</option> <option class="level-0" value="7286">امنیت شبکه (108)</option> <option class="level-0" value="29">برنامه نویسی (242)</option> <option class="level-0" value="17">بهینه سازی SEO (813)</option> <option class="level-0" value="24">پنل مدیریت DirectAdmin (60)</option> <option class="level-0" value="28">ریسلری DirectAdmin (8)</option> <option class="level-0" value="33">ریسلری HELM (15)</option> <option class="level-0" value="10">ریسلری WHM (50)</option> <option class="level-0" value="27">سرور cPanel (135)</option> <option class="level-0" value="25">سرور DirectAdmin (68)</option> <option class="level-0" value="15">سرور لینوکس (322)</option> <option class="level-0" value="16">سرور ویندوز (58)</option> <option class="level-0" value="68">سیستمهای مدیریت محتوا (603)</option> <option class="level-0" value="48">شبکه (1,151)</option> <option class="level-0" value="3">طراحی وب (2,244)</option> <option class="level-0" value="1">عمومی (3,205)</option> <option class="level-0" value="4">کنترل پنلها (163)</option> <option class="level-0" value="14">مدیریت سرور (148)</option> <option class="level-0" value="23">میزبانی وب (645)</option> <option class="level-0" value="26">میکروتیک (38)</option> <option class="level-0" value="34">وب و اینترنت (1,663)</option> </select> <script type='text/javascript'> /* <![CDATA[ */ (function() { var dropdown = document.getElementById( "cat" ); function onCatChange() { if ( dropdown.options[ dropdown.selectedIndex ].value > 0 ) { location.href = "http://help.regiran.com/?cat=" + dropdown.options[ dropdown.selectedIndex ].value; } } dropdown.onchange = onCatChange; })(); /* ]]> */ </script> </div><div class="widget"><h4>جستجو</h4><form method="get" id="searchform" action="http://help.regiran.com/"> <input type="text" class="search-field" name="s" id="s"> <input type="submit" value="جستجو" class="search-button"> </form></div> <div id="secondary-sidebar-wrap" class="span-4 last"> <div class="sidebar-secondary"> <ul class="widget-wrap"> <ul class="widget-wrap"><li class="social-connect-widget"> <a href="http://regiran.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa/" target="_blank">سايت ساز صفحه نگار بدون نياز به دانش فني وب سايت بزرگي بسازيد و مديريت کنيد از 200000 تومان </a> </li></ul> <li class="social-connect-widget"> <a href="http://regiran.com/%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d9%84%db%8c%d9%86%d9%88%da%a9%d8%b3-%d9%87%d8%a7%d8%b3%d8%aa-%d9%84%db%8c%d9%86%d9%88%da%a9%d8%b3-%d8%b1%d8%ac%db%8c%d8%b1%d8%a7%d9%86-linux/" target="_blank">هاست لينوکس هاست لينوکس دوگانه استفاده همزمان سايت از 2 ديتا سنتر از 60000 تومان </a> </li></ul> <ul class="widget-wrap"><li class="social-connect-widget"> <a href="http://regiran.com/%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d9%88%db%8c%d9%86%d8%af%d9%88%d8%b2-%d9%87%d8%a7%d8%b3%d8%aa-%d9%88%db%8c%d9%86%d8%af%d9%88%d8%b2-%d8%b1%d8%ac%db%8c%d8%b1%d8%a7%d9%86-windows/" target="_blank">هاست ويندوز ابري قرار گرفتن سايت شما بر روي سرورهاي جداگانه قطعي را به صفر ميرساند از 120000 تومان </a> </li></ul> <ul class="widget-wrap"><li class="social-connect-widget"> <a href="http://regiran.com/%d8%a7%d9%81%d8%b2%d8%a7%db%8c%d8%b4-%d8%b1%d8%aa%d8%a8%d9%87-%d8%af%d8%b1-%da%af%d9%88%da%af%d9%84/" target="_blank">افزيش رتبه در گوگل به شما کمک ميکنيم تا بالاتر از رقيبان خود باشيد از 500000 تومان </a> </li></ul> <ul class="widget-wrap"><li class="social-connect-widget"> <a href="http://regiran.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa/" target="_blank">طراحي وب سايت بهترين و مدرنترين طراحي وب سايت با 15 سال سابقه از 200000 تومان </a> </li></ul> <ul class="widget-wrap"><li class="social-connect-widget"> <a href="http://regiran.com/%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d8%a7%d8%ae%d8%aa%d8%b5%d8%a7%d8%b5%db%8c-%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%d8%b2%d9%85%d8%a7%d9%86%db%8c/" target="_blank">هاست اختصاصي منابع سخت افزاري بيشتر براي سايتهاي پربازديد، شرکتهاي بزرگ،سازمانها و... از 150000 تومان </a> </li></ul> <ul class="widget-wrap"><li class="social-connect-widget"> <a href="http://regiran.com/%d8%ab%d8%a8%d8%aa-%d8%af%d8%a7%d9%85%d9%86%d9%87/" target="_blank">ثبت دامنه ثبت آنلاين و تحويل آني انواع پسوندها به نام شما و با قابليت مديريت کامل از 5000 تومان </a> </li></ul> <ul class="widget-wrap"><li class="social-connect-widget"> <a href="http://regiran.com/%d8%b3%d8%b1%d9%88%d8%b1-%d8%a7%d8%ae%d8%aa%d8%b5%d8%a7%d8%b5%db%8c/" target="_blank">سرور اختصاصي سرورهاي با کيفيت با مديريت کامل و UpTime 99.9% ليست قيمت ها </a> </li></ul> <ul class="widget-wrap"><li class="social-connect-widget"> <a href="http://regiran.com/%d9%86%d9%85%d8%a7%db%8c%d9%86%d8%af%da%af%db%8c-%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%84%d8%b1%db%8c-%d9%87%d8%a7%d8%b3%d8%aa-%d9%84%db%8c%d9%86%d9%88%da%a9/" target="_blank">ريسلري هاستينگ به صورت اختصاصي براي مشتريان خود سايت ايجاد کنيد از 145000 تومان </a> </li></ul> <ul class="widget-wrap"><li class="social-connect-widget"> <a href="http://regiran.com/%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d9%84%db%8c%d9%86%d9%88%da%a9%d8%b3-%d9%87%d8%a7%d8%b3%d8%aa-%d9%84%db%8c%d9%86%d9%88%da%a9%d8%b3-%d8%b1%d8%ac%db%8c%d8%b1%d8%a7%d9%86-linux/" target="_blank">ميزباني وب (هاست) فضاي وب براي ايجاد سايت شما از 60000 تومان </a> </li></ul> </div> </div> </div> </div> <div class="clear"></div> <div id="footer-wrapper"> <div id="footer"> <div class="sitemap-container clearfix"> <ul class="sitemap clearfix"><li class="column"><h4 style="color: #244590; font-family: Tahoma; font-size: 18px; font-weight: normal; padding-bottom: 10px;">رجیران</h4><ul><li><a title="" class="core_button_normal" href="http://members.regiran.com/clientarea.php" id="button-ct-sitemap-domains-domregistration" target="_blank"> پورتال کاربران </a></li><li><a title="" class="core_button_normal" href="http://members.regiran.com/knowledgebase.php?action=displayarticle&id=150" id="button-ct-sitemap-domains-domtransfer" target="_blank"> راهنمای پورتال</a></li><li> <a title="" class="core_button_normal" href="http://members.regiran.com/cart.php" id="button-ct-sitemap-domains-domapps0" target="_blank"> سفارش آنلاین </a></li><li><a title="" class="core_button_normal" href="http://help.regiran.com" id="button-ct-sitemap-domains-domapps" target="_blank"> آموزش وب رجیران </a></li><li> <a title="" class="core_button_normal" href="http://regiran.com/%D9%82%D9%88%D8%A7%D9%86%DB%8C%D9%86-%D9%88-%D8%B4%D8%B1%D8%A7%DB%8C%D8%B7/" id="button-ct-sitemap-domains-domapps1" target="_blank"> قوانین و توافقنامه </a></li></ul></li> <li class="column"><h4 style="color: #244590; font-family: Tahoma; font-size: 18px; font-weight: normal; padding-bottom: 10px;">نمايندگی</h4><ul><li><a title="for business users" class="" href="http://regiran.com/%d8%ab%d8%a8%d8%aa-%d8%af%d8%a7%d9%85%d9%86%d9%87/" id="button-ct-sitemap-mywebsite-business" target="_blank"> نمایندگی ثبت دامنه </a></li><li><a title="for individual users" class="" href="http://regiran.com/%d9%86%d9%85%d8%a7%db%8c%d9%86%d8%af%da%af%db%8c-%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%84%d8%b1%db%8c-%d9%87%d8%a7%d8%b3%d8%aa-%d9%84%db%8c%d9%86%d9%88%da%a9/" id="button-ct-sitemap-mywebsite-personal" target="_blank"> نمايندگی هاست رجیران </a></li><li><a title="" class="core_button_normal" href="http://regiran.com/%d9%86%d9%85%d8%a7%db%8c%d9%86%d8%af%da%af%db%8c-%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d8%b1%db%8c%d8%b3%d9%84%d8%b1%db%8c-%d9%87%d8%a7%d8%b3%d8%aa-%d9%84%db%8c%d9%86%d9%88%da%a9/" id="button-ct-sitemap-hosting-sitedesign" target="_blank"> نمايندگی اعتباری </a></li> </ul></li> <li class="column"><h4 style="color: #244590; font-family: Tahoma; font-size: 18px; font-weight: normal; padding-bottom: 10px;"> سرورها</h4><ul><li><a title="" class="core_button_normal" href="http://regiran.com/%d8%b3%d8%b1%d9%88%d8%b1-%d8%a7%d8%ae%d8%aa%d8%b5%d8%a7%d8%b5%db%8c/" id="button-ct-sitemap-hosting-linuxhosting" target="_blank"> سرورهای اختصاصی </a></li><li><a title="" class="core_button_normal" href="http://regiran.com/%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d8%a7%d8%ae%d8%aa%d8%b5%d8%a7%d8%b5%db%8c-%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%d8%b2%d9%85%d8%a7%d9%86%db%8c/" id="button-ct-sitemap-hosting-windowshosting" target="_blank"> سرور مجازی لينوکس </a></li> <li><a title="" class="core_button_normal" href="http://regiran.com/%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d8%a7%d8%ae%d8%aa%d8%b5%d8%a7%d8%b5%db%8c-%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%d8%b2%d9%85%d8%a7%d9%86%db%8c/" id="button-ct-sitemap-hosting-windowshosting" target="_blank"> سرور مجازی ويندوز </a></li> </ul></li> <li class="column"><h4 style="color: #244590; font-family: Tahoma; font-size: 18px; font-weight: normal; padding-bottom: 10px;">طراحی سایت</h4><ul><li><a title="" class="core_button_normal" href="http://regiran.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa/" id="button-ct-sitemap-mail-instantmail" target="_blank"> سايت ساز صفحه نگار </a></li><li><a title="" class="core_button_normal" href="http://regiran.com/%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%81%d8%b1%d9%88%d8%b4%da%af%d8%a7%d9%87-%d8%a7%db%8c%d9%86%d8%aa%d8%b1%d9%86%d8%aa%db%8c/" id="button-ct-sitemap-mail-mailxchange" target="_blank"> فروشگاه ساز صفحه نگار </a></li><li><a title="" class="core_button_normal" href="http://regiran.com/%d9%86%d9%85%d9%88%d9%86%d9%87-%da%a9%d8%a7%d8%b1%d9%87%d8%a7%db%8c-%d8%b7%d8%b1%d8%a7%d8%ad%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%db%8c%d8%aa/" id="button-ct-sitemap-mail-msexchange" target="_blank"> نمونه کارها </a></li><li><a title="" class="core_button_normal" href="http://regiran.com/%d8%a7%d9%81%d8%b2%d8%a7%db%8c%d8%b4-%d8%b1%d8%aa%d8%a8%d9%87-%d8%af%d8%b1-%da%af%d9%88%da%af%d9%84/" id="button-ct-sitemap-mail-smartphoneapps" target="_blank"> افزایش رتبه در گوگل </a></li> <li><a title="" class="core_button_normal" href="http://www.regiran.com/Safhe_Negar.zip" id="button-ct-sitemap-mail-smartphoneapps" target="_blank"> دريافت کاتالوگ قبل از خريد </a></li> </ul></li> <li class="column"><h4 style="color: #244590; font-family: Tahoma; font-size: 18px; font-weight: normal; padding-bottom: 10px;">هاست</h4><ul><li><a title="" class="core_button_normal" href="http://regiran.com/%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d9%84%db%8c%d9%86%d9%88%da%a9%d8%b3-%d9%87%d8%a7%d8%b3%d8%aa-%d9%84%db%8c%d9%86%d9%88%da%a9%d8%b3-%d8%b1%d8%ac%db%8c%d8%b1%d8%a7%d9%86-linux/" id="button-ct-sitemap-server-dedicated" target="_blank"> هاست لينوکس </a></li><li><a title="" class="core_button_normal" href="http://regiran.com/%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d9%88%db%8c%d9%86%d8%af%d9%88%d8%b2-%d9%87%d8%a7%d8%b3%d8%aa-%d9%88%db%8c%d9%86%d8%af%d9%88%d8%b2-%d8%b1%d8%ac%db%8c%d8%b1%d8%a7%d9%86-windows/" id="button-ct-sitemap-server-virtual" target="_blank"> هاست ويندوز 2008 </a></li><li><a title="" class="core_button_normal" href="http://regiran.com/%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d8%a7%d8%ae%d8%aa%d8%b5%d8%a7%d8%b5%db%8c-%d9%85%db%8c%d8%b2%d8%a8%d8%a7%d9%86%db%8c-%d9%88%d8%a8-%d8%b3%d8%a7%d8%b2%d9%85%d8%a7%d9%86%db%8c/" id="button-ct-sitemap-server-dcs" target="_blank"> هاست اختصاصي </a></li><li><a title="" class="core_button_normal" href="http://members.regiran.com/knowledgebase.php?action=displaycat&catid=5" id="button-ct-sitemap-server-smartphoneapps" target="_blank"> سوالات متداول </a></li></ul></li> <li class="column"><h4 style="color: #244590; font-family: Tahoma; font-size: 18px; font-weight: normal; padding-bottom: 10px;">ثبت دامنه</h4><ul><li><a title="" class="core_button_normal" href="http://regiran.com/%d8%ab%d8%a8%d8%aa-%d8%af%d8%a7%d9%85%d9%86%d9%87/" id="button-ct-sitemap-ecommerce-sharepoint" target="_blank"> تعرفه دامنه </a></li><li><a title="" class="core_button_normal" href="http://members.regiran.com/cart.php?a=add&domain=register" id="button-ct-sitemap-ecommerce-eshops" target="_blank"> سفارش آنلاین دامنه </a></li><li><a title="" class="core_button_normal" href="http://regiran.com/%d8%a7%d9%86%d8%aa%d8%ae%d8%a7%d8%a8-%d9%86%d8%a7%d9%85-%d8%af%d8%a7%d9%85%db%8c%d9%86-domain-%d8%af%d8%a7%d9%85%d9%86%d9%87/" id="button-ct-sitemap-ecommerce-listlocal" target="_blank"> نکاتی درباره انتخاب دامنه </a></li><li><a title="" class="core_button_normal" href="http://members.regiran.com/knowledgebase.php?action=displaycat&catid=3" id="button-ct-sitemap-ecommerce-sem" target="_blank"> سوالات متداول </a></li> <li><a title="" class="core_button_normal" href="http://members.regiran.com/domainchecker.php" id="button-ct-sitemap-ecommerce-sem" target="_blank"> جستجوگر دامنه </a></li> </ul></li></ul> </div> </div> </div> <div id="bottom-wrapper"> <div id="bottom"> <a href="#">Back to Top</a> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:44px;height:16px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /> </a> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:44px;height:16px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" /> </a> <div align="center"> رجيران ® علامت تجاري ثبت شده است و هرگونه کپي برداري و ايجاد تشابه پيگرد قانوني دارد. 1391-1380© </div> <div align="center"> Copyright © 2001 - 2012 REGIRAN ® All rights reserved. Portal System Powered by <a href="http://regiran.com">Safhe Negar ® v2.1 </a> </div> </div> </div> </div> <script type='text/javascript' src='http://help.regiran.com/wp-includes/js/wp-embed.min.js?ver=4.7.29'></script> </body> </html>