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

إفادة

بدأه mooody1980 في 11 يناير 2012 · 3 رد · 462 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

أسعد الله أوقات الجميع بكل خير

أرغب بمعرفة طريقة أو آلية عمل نموذج وجدته في إحدى صفحات موقع شركة موبايلي والمعنون بعبارة " عملية التركيب "

على الرابط http://www.mobily.com.sa/wps/portal/!ut/p/c5/04_SB8K8xLLM9MSSzPy8xBz9CP0os3gLUwsPd08TIwN_F09DA09DE_NAwyBPIxcjA6B8pFm8gb-xgZFLmIGRs0GooZuHt7GbqQEEEKPb0N3A3cnQINDQ1cDbw8nR0NXSgDjdfh75uan6BbmhEeWOiooApzvDJA!!/dl3/d3/L2dJQSEvUUt3QS9ZQnZ3LzZfODU4SEdJNDIwT0RJMTBJMTQ3UTFSSTJENjE!/?resetPortlet=true

ليس بضروري عمل نفس النموذج ولكن من الضروري معرفة الفكرة الأساسية له

شاكر ومقدر تعاونكم مقدماً

#2

الفكرة الاساسية انو عندي 4 خيارات وعندي محتوى ، عند اختيار احد هذه الخيارات يتغير المحتوى

شوف هذا الكود عبارة عن مثال بسيط لما اقصده ونفس الفكرة موجوده في الموقع

<html>
	<head>
		<script>
			function changeContent(ButtonNo)
			{
				var content = document.getElementById("content");

				switch(ButtonNo)
				{
					case 1:
						content.innerHTML = "one";
						break;

					case 2:
						content.innerHTML = "tow";
						break;

					case 3:
						content.innerHTML = "three";
						break;

				}
			}


		</script>
	</head>

	<body>
		<div id="content" style="background-color:#f1f1f1;width:100px;height:100px;">My Content Here</div>

		<br /><br /><br />
		<a href="#" onclick="changeContent(1)"> 1 </a>
		-- 
		<a href="#" onclick="changeContent(2)"> 2 </a>
		-- 
		<a href="#" onclick="changeContent(3)"> 3 </a>


	</body>
</html>

لكن طبعا ً في المثال الي وضعته لم يضع ازرار ولك وضع زرين فقط الي هو التالي والسابق , طبعا ً نفس الفكرة

اذا فهمت الكود بالاعلى راح تقدر تطبقها بالتالي والسابق

موفق ان شاء الله

M.B.O

Mohamed Bin Othman

إبن المكلا

يابني البشر ماذا فعلتم بالبشر !!

إسـألـنـي

#3
M.B.O كتب:

الفكرة الاساسية انو عندي 4 خيارات وعندي محتوى ، عند اختيار احد هذه الخيارات يتغير المحتوى

شوف هذا الكود عبارة عن مثال بسيط لما اقصده ونفس الفكرة موجوده في الموقع

<html>
	<head>
		<script>
			function changeContent(ButtonNo)
			{
				var content = document.getElementById("content");

				switch(ButtonNo)
				{
					case 1:
						content.innerHTML = "one";
						break;

					case 2:
						content.innerHTML = "tow";
						break;

					case 3:
						content.innerHTML = "three";
						break;

				}
			}


		</script>
	</head>

	<body>
		<div id="content" style="background-color:#f1f1f1;width:100px;height:100px;">My Content Here</div>

		<br /><br /><br />
		<a href="#" onclick="changeContent(1)"> 1 </a>
		-- 
		<a href="#" onclick="changeContent(2)"> 2 </a>
		-- 
		<a href="#" onclick="changeContent(3)"> 3 </a>


	</body>
</html>

لكن طبعا ً في المثال الي وضعته لم يضع ازرار ولك وضع زرين فقط الي هو التالي والسابق , طبعا ً نفس الفكرة

اذا فهمت الكود بالاعلى راح تقدر تطبقها بالتالي والسابق

موفق ان شاء الله

مشكور وبارك الله فيك

وعلى فكره .. أنا جداً جداً بدائي في شغلة البرمجه

فياليت تعذرني لو كثرت عليك أسئله

#4
اقتباس
مشكور وبارك الله فيك

وعلى فكره .. أنا جداً جداً بدائي في شغلة البرمجه

فياليت تعذرني لو كثرت عليك أسئله

قد يكون الامر صعب عليك في الفهم اذا لم تكن لديك خلفيه بالبرمجة

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

ربنا يوفقك ان شاء الله

M.B.O

Mohamed Bin Othman

إبن المكلا

يابني البشر ماذا فعلتم بالبشر !!

إسـألـنـي

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