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

طلب مساعدة -تغيير لون الtd

بدأه m-kabane في 11 مارس 2008 · 3 رد · 774 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

مرحبا جميعا

لدي جدول واريد ان يتغير لون ال td عند تمرير مؤشر الماوس فوقه

دون ان استخدم rollover image

اريد ان اغير لون الخلفية

ارجو المساعدة ولكم جزيل الشكر

#2

'onMouseOver="document.bgColor='black

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

انا قصدي على الفكرة

ابحث كيف تصل للtd من خلال كود مشابة

اعتفد با تستخدم اسم الجدول و يعدين ال tr

بعدين الخلية

سبحان الله و بحمده سبحان الله العظيم

#3 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
	<title>Untitled Page</title>
	<script language=javascript>
		function overRow(row){
			 row.style.backgroundColor='#eeeeee';
		}
		function outRow(row){
			 row.style.backgroundColor='#ffffff';
		}	 
	</script>
</head>
<body>
	<form id="form1" runat="server">
	<div>
		<table border="2" style="width: 526px; height: 499px">
			<tr>
				<td onmouseover='overRow(this)' onmouseout='outRow(this)' >
				</td>
				<td onmouseover='overRow(this)' onmouseout='outRow(this)'>
				</td>
				<td onmouseover='overRow(this)' onmouseout='outRow(this)'>
				</td>
			</tr>
			<tr>
				<td onmouseover='overRow(this)' onmouseout='outRow(this)'>
				</td>
				<td onmouseover='overRow(this)' onmouseout='outRow(this)' >
				</td>
				<td onmouseover='overRow(this)' onmouseout='outRow(this)' >
				</td>
			</tr>
			<tr>
				<td onmouseover='overRow(this)' onmouseout='outRow(this)'>
				</td>
				<td onmouseover='overRow(this)' onmouseout='outRow(this)'>
				</td>
				<td onmouseover='overRow(this)' onmouseout='outRow(this)'>
				</td>
			</tr>
		</table>

	</div>
	</form>
</body>
</html>

-----------------------------------------------------------------------------------------------------------------------------





 

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

Mohammad Sonaiea
 

#4

أو بشكل دينامكي اكثر

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title>Untitled Page</title>
</head>
<body>
	<form id="form1" runat="server">
		<div>
			<table id='tbl1' border="2" style="width: 526px; height: 499px">
				<tr>
					<td>
					</td>
					<td>
					</td>
					<td>
					</td>
				</tr>
				<tr>
					<td>
					</td>
					<td>
					</td>
					<td>
					</td>
				</tr>
				<tr>
					<td>
					</td>
					<td>
					</td>
					<td>
					</td>
				</tr >
			</table>
		</div>
	</form>
</body>

<script language="javascript">

			function overRow(){
					 this.style.backgroundColor='#eeeeee';
			}
			function outRow(){
					 this.style.backgroundColor='#ffffff';
			}  
		   var table = document.getElementById('tbl1');   
		   var rows = table.getElementsByTagName("tr");   
		   for(i = 0; i < rows.length; i++){		   
			   var cells = rows.getElementsByTagName("td");   
			   for(j = 0; j < cells.length; j++){			
					cells[j].onmouseover=overRow;
					cells[j].onmouseout=outRow;
			   } 
		   } 

</script>

</html>

تم تعديل هذه المشاركة بواسطة محمد سماقية في 12 مارس 2008 في 10:38

-----------------------------------------------------------------------------------------------------------------------------





 

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

Mohammad Sonaiea
 

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