تاج مثل الفايس بوك وتويتر Asp.net jQuery TagBox

تاج مثل الفايس بوك وتويتر Asp.net jQuery TagBox

Asp.net


عندما تكتب اسم صديق او اي كلمة في تكست بوكس وتظهر بشكل جذاب مثل الفايس يوك jQuery plugin tags like input in your forms

تاج مثل الفايس بوك وتويتر Asp.net jQuery TagBox

 تاج مثل الفايس بوك وتويتر Asp.net jQuery TagBox

عندما تكتب اسم صديق او اي كلمة في تكست بوكس وتظهر بشكل جذاب مثل الفايس يوك
jQuery tags like input in your forms

اولا ديمو المقال علي الموقع الرسمي

http://www.geektantra.com/projects/jquery-tagbox/

 

يمكنك تحميل المثال من موقعنا علي الرابط التالي

http://www.citystarit.com/upload/projects/TagBox.zip

jquery_tag_box

خطوات عملQuery tags

1-وضع سكربت الجاكويري في رأس الصفحة او الهيدر  head

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js"></script>
  <script type="text/javascript" src="http://jquery-tagbox.googlecode.com/hg/js/jquery.tagbox.js"></script>
  <script type="text/javascript">
    jQuery(function() {
      jQuery("#jquery-tagbox-text").tagBox();
      jQuery("#jquery-tagbox-select").tagBox({
        enableDropdown: true,
        dropdownSource: function() {
          return jQuery("#jquery-tagbox-select-options");
        }
      });
    });
  </script>

 <link rel="stylesheet" href="http://jquery-tagbox.googlecode.com/hg/css/jquery.tagbox.css" />

 


 

2-كتابة جسم الصفحة او الموضوع في الصفحة في وسم الفورم او البودي   form or body

 

<div class="row">
<label for="jquery-tagbox-text">Text TagBox (Comma Separated)</label>
<input id="jquery-tagbox-text" type="text" />
</div><!--div.row-->
 
<div class="row">
<label for="jquery-tagbox-select">Dropdown TagBox</label>
<select id="jquery-tagbox-select-options">
<option value="jQuery">jQuery</option>
<option value="MooTools">MooTools</option>
<option value="ProtoType">ProtoType</option>
<option value="Scriptaculous">Scriptaculous</option>
<option value="Dojo">Dojo</option>    </select><!--select#-->
<input id="jquery-tagbox-select" type="text" /> </div><!--div.row-->

 

النتيجة كالاتي

 

 

jquery_tag_box

 


كلمات بحث
jQuery plugin tagالفايس بوكبرمجةتعلمسي شارباجا جاكويريفيجوال ستوديواية اس بيدوت نتسيكوالا ساس كيو ال سيرفرتعلم البرمجة كما في شركات البرمجة كورسدورةسي شاربتعلم asp.netشرحكيفية عمل أيميلأنشاء بريد الكترونيتعليم برمجة المواقعأنشاء ايميلمواقع برمجةدورات البرمجةتعليم c sharpدورات انترنتc تعلمطريقة عمل صفحة فيس برمجة المواقع تعليمتعلمكيفية عمل ياهوتعلم السي شارب تصميم مواقع تصميم مواقع انترنت شركات تصميم مواقع تصميم مواقع الإنترنت تصميم مواقع الكترونية تصميم مواقع الرياض مواقع تصميم مواقع مؤسسة تصميم مواقع شركات تصميم مواقع بالرياض تصميم مواقع جدة تصميم مواقع ومنتديات شركات تصميم مواقع انترنت تصميم وبرمجة مواقع مواقع تصميم المواقع مواقع تصميم منتديات تصميم مواقع ويب تصميم مواقع الويب مواقع تصميم استايلات منتدى تصميم مواقع شركات تصميم مواقع الانترنت برمجة مواقع برمجة مواقع انترنت مواقع برمجة شركة برمجة مواقع برمجة مواقع الويب مواقع برمجة مجانية شركات برمجة سعودية شركات تصميم شركات برمجة بالرياض شركات التصميم تصميم شركات شركات تطوير فضل لغة برمجة اسهل لغة برمجة لغة برمجة عربية لغة برمجة جافا لغه برمجه احسن لغة برمجة برمجة الكمبيوتر تعلم برمجة الكمبيوتر تعليم برمجة الكمبيوتر كيفية برمجة الكمبيوتر طريقة برمجة الكمبيوتر اعادة برمجة الكمبيوتر استضافه استضافة موقع استضافه مواقع شركه استضافه مواقع استضافه استضافة وتصميم مواقع شركات استضافة مواقع استضافة الموقع تصميم مواقع استضافة استضافة وتصميم المواقع تصميم مواقع استضافة مواقع لتصميم المواقع موقع لتصميم المواقع موقع لتصميم المنتديات شركة لتصميم المواقع لتصميم المنتديات مواقع لتصميم برمجة المواقع الالكترونية دورة برمجة المواقع دروس برمجة المواقع برمجة المواقع برمجة وتصميم المواقع تعليم برمجة المواقع منتدى برمجة المواقع منتديات برمجة المواقع برمجه c دروس برمجة c تعلم برمجة c c برمجة لغه برمجه c كتب برمجة c برمجة بلغة c تعلم برمجة المواقع تعلم برمجة الجافا تعلم برمجة تعلم برمجة الحاسوب تعلم برمجة الالعاب تعلم برمجة الويب تصميم موقع انترنت موقع تصميم منتديات موقع تصميم مواقع موقع تصميم المواقع موقع لتعليم تصميم المواقع كتب برمجه كتب برمجة جافا كتب برمجة مجانية تحميل كتب برمجة موقع كتب برمجةبرمجه الحاسوب كيفية برمجة الحاسوب اعادة برمجة الحاسوب مواقع تعليم الحاسوب موقع تعليم الحاسوب برمجة خاصة برمجه حاسب برمجة العاب برمجة الحاسب الالي برمجة تطبيقات الاندرويد برمجة تطبيقات الجوال منتدى برمجة جهاز برمجة السيارات برمجة كمبيوتر السيارة منتديات برمجة برمجة سنترال باناسونيك برمجة السيارات الامريكية برمجة سكربت برمجة برامج برمجه لغويه عصبيه برمجة ويب برمجة كمبيوتر السيارات وظائف برمجة اساسيات برمجة الحاسب دورات برمجة الحاسب برمجة تصاميم مواقع تطوير مواقع مواقع للتصميم تصميم الموقع مصمم مواقع انترنت تصميم المنتديات مؤسسة تصميم مواقع التصميم شركة للتصميم تطوير مواقع الويب تصميم الويب شركة التصميم تعلم تطوير المواقع تصاميم المواقع موقع لصنع المواقع صناعة المواقع منتدي تطوير المواقعدورات تصميم مواقع انترنت

#تاج مثل الفايس بوك وتويتر Asp.net jQuery TagBox

رابط الموضوع
https://www.citystarit.com/Article_details.aspx?id=78

بواسطة
مصر
سيتي ستار لتكنولوجيا المعلومات
سيتي ستار لتكنولوجيا المعلومات