الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

طلب من اخوان الكرام تركيب autocomplete في input> عبر id

بدأه نهو الحالي في 13 يناير 2012 · 11 رد · 877 مشاهدة · في منتدى تطوير المواقع بـ PHP
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام علكيم ورحمة الله وبركاته

اريد تركيب autocomplete في

اختر بلدك:<input name="username" type="text" id="get" /> <br/>

طبعا انا ما اريد select اريد autocomplete

ياريب واحد عندو خبر ينفعنا

تم تعديل هذه المشاركة بواسطة نهو الحالي في 13 يناير 2012 في 19:01

#2

شوف هذا الرابط ممكن ينفعك : أنا استخدمه في موقعي

الرابط الخاص بي

Saffor

#3

اهلا اخي محمد عموما انا اريد ان يعمل بدون قاعدة البينات اريده ان يعمل من id ويجيب البلدان مت متغير متلا

شكراا لك على كل حال مع اني اريد شرح لطريقة التركيب

تم تعديل هذه المشاركة بواسطة نهو الحالي في 13 يناير 2012 في 20:05

#4

السلام عليكم ورحمة الله وبركاتة

أخى الكريم تلك الخاصية متاحة بسهولة فى لغة HTML5 .

لاتحسبن العلم ينفع وحده مالم يتوج ربه بخلاق

لا إله إلا أنت سبحانك إني كنت من الظالمين

#5
ahmedsaoud31 كتب:

السلام عليكم ورحمة الله وبركاتة

أخى الكريم تلك الخاصية متاحة بسهولة فى لغة HTML5 .

ياريت تشرحها اخي الكريم

#6
http://jqueryui.com/demos/autocomplete/
1

CMS Sfhati , Website Generator


نظام إدارة المحتوى صفحتي ... جربه الآن 


 


small-logo.png

#8

قم بتحميل مكتبه جي كويري ثم من الموقع نفسه يمكنك إختيار التصميم المناسب وتحميل الإضافات التي تريدها أو جميع الإضافات وبعدها تقوم بإستدعاء التصميم ثم مكتبه جي كويري ثم إضافات جي كويري يو أي والمثال واضح في الأسفل

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Autocomplete</title>
	<link rel="stylesheet" href="themes/base/jquery.ui.all.css">
	<script src="jquery-1.7.1.js"></script>
	<script src="jquery.ui.js"></script>

	<script>
	$(function() {
		var availableTags = [
			"ActionScript",
			"AppleScript",
			"Asp",
			"BASIC",
			"C",
			"C++",
			"Clojure",
			"COBOL",
			"ColdFusion",
			"Erlang",
			"Fortran",
			"Groovy",
			"Haskell",
			"Java",
			"JavaScript",
			"Lisp",
			"Perl",
			"PHP",
			"Python",
			"Ruby",
			"Scala",
			"Scheme"
		];
		$( "#tags" ).autocomplete({
			source: availableTags
		});
	});
	</script>
</head>
<body>



<div class="ui-widget">

	<label for="tags">Tags: </label>
	<input id="tags" />
</div>


</body>
</html>

تم تعديل هذه المشاركة بواسطة بسام العيساوي في 15 يناير 2012 في 00:29

CMS Sfhati , Website Generator


نظام إدارة المحتوى صفحتي ... جربه الآن 


 


small-logo.png

#9
بسام العيساوي كتب:

قم بتحميل مكتبه جي كويري ثم من الموقع نفسه يمكنك إختيار التصميم المناسب وتحميل الإضافات التي تريدها أو جميع الإضافات وبعدها تقوم بإستدعاء التصميم ثم مكتبه جي كويري ثم إضافات جي كويري يو أي والمثال واضح في الأسفل

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>jQuery UI Autocomplete</title>
	<link rel="stylesheet" href="themes/base/jquery.ui.all.css">
	<script src="jquery-1.7.1.js"></script>
	<script src="jquery.ui.js"></script>

	<script>
	$(function() {
		var availableTags = [
			"ActionScript",
			"AppleScript",
			"Asp",
			"BASIC",
			"C",
			"C++",
			"Clojure",
			"COBOL",
			"ColdFusion",
			"Erlang",
			"Fortran",
			"Groovy",
			"Haskell",
			"Java",
			"JavaScript",
			"Lisp",
			"Perl",
			"PHP",
			"Python",
			"Ruby",
			"Scala",
			"Scheme"
		];
		$( "#tags" ).autocomplete({
			source: availableTags
		});
	});
	</script>
</head>
<body>



<div class="ui-widget">

	<label for="tags">Tags: </label>
	<input id="tags" />
</div>


</body>
</html>

اهلا اخي بسام عموما من وين جبت من css في الاصل انا لم اجد التحميل

وبارك الله الله فيك على الشرح القيم في

سيتم التقيم بعد نهاية الموضوع :wink:

#10
http://jqueryui.com/download
1

CMS Sfhati , Website Generator


نظام إدارة المحتوى صفحتي ... جربه الآن 


 


small-logo.png

#11
بسام العيساوي كتب:

اهلا اخي بسام تم تحميل وتم التنصيب بعد بعض العناء لانه لم يخظر ببالي انه موقع متل هذا لا ينضم مواضعه

فإذا كنت بحاجة الى شئ ما ستحمل جميع اضافات الموقع والبحث عن ما تبحث عنه

المهم شكرااا لتنبيهك لي

كما اني اوجه مشكلة

1141399402.png

المشكة مشروحة المفروض انه يتم الترتيم حسب الكتابة حرف a يتكون في البداية فقط اما هنا فهو يقوم باستداع جميع الكلمات التى بها حرف a سواءا في البداية ام النهاية

المفروض

autocomplete.png

ياريت حل للمشكلة او قم بدلي على اخر تاني ويكون سهل في التركيب

#12

كنت ابحت عنها

تم تعديل هذه المشاركة بواسطة samy9o في 21 يناير 2012 في 20:08

مواضيع مشابهة