ضروري بخصوص on mouse over رجاء محتاجة الحل

#117 يوليو 2010 في 23:54 صاحب الموضوع

السلام عليكم

في الjavascript

on mouse over و on click

كيف بدي اعمل هيك ببتون button asp .net

ارجوكم ساعدوني الان مع مثال ان امكن قبل الصباح

اين الاخ x-file

#218 يوليو 2010 في 00:13

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

بالرغم من ان المطلوب مش واضح

إلا انى عملت مثال عبارة عن 3 functions

يتم استدعاء أحداهم عند onmouseover وهى تقوم بتغير النص على button

وكذلك onmouseout

أما فى onclick عملت أمر مباشر لعرض messagebox

اسف ان كان المثال غير شامل ولكنى عملته على عجالة لطلبك اباه بسرعة ولعدم فهمى الكامل للمطلوب

Button.rar

أقلب الغريب كقلب أخيك ؟! أعيناه تشبه عينا أخيك ؟؟!!

#318 يوليو 2010 في 00:25

اخي الكريم بارك الله فيك انا بدي button asp .net

مش html

ارجوا ان يكون الامر واضح

انا بستخرج باث الصورة من الداتا بيز وبعدين لما امر على البوتون بصير ال back ground تبعها الصورة تاعت الباث

#418 يوليو 2010 في 01:08

لا يهم الاحداث ان كانت على عناصر html او عناصر asp.net

لانو بعد عملية ال render اي اخراج الصفحة سيتم تحويل زر ال asp.net الى زر html

ولكن المشكلة اين انه عندما نبحث عن حدث ضغط زر لا نجد من خصائص الزر وذلك ببساطة ال visual studio لا يدعم ذلك

ولكن لنفكر قليلا بحدث الضغط يوجد حدثين ضغط واحد على السيرفر وواحد على طرف الزبون فلو كانا بنفس الاسم ماذا سيكون الناتج ايهما سينفذ

لذلك كل واحد منهما له اسم مختلف حدث الضغط والارسال الى السيرفر هو onclick

    	<asp:Button ID="Button1" runat="server" onclick="Button1_Click"	Text="clickme" />

بينما حدث الضغط من طرف الزبون هو OnClientClick

<body>
	<form id="form1" runat="server">
	<div>
	<script type="text/javascript">
	function test()
	{
alert("test");
	}
	</script>
    	<asp:Button ID="Button1" runat="server" OnClientClick="test()"  Text="clickme" />

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

اما باقي الاحداث فهي تكتب كما تكتب ضمن عناصر ال html العادية

مثلا هذا مثال لمرور الفارة فوق زر

<body>
	<form id="form1" runat="server">
	<div>
	<script type="text/javascript">
	function mousover()
	{
	alert("mousover");
	}
	function test()
	{
	alert("test");
	}
	</script>
    	<asp:Button ID="Button1" runat="server" OnClientClick="test()" onmouseover="mousover()"
        	Text="clickme" />

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

وهذه لحدث الابتعاد

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

ما الحاجة لاستخدام تابع

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title>Untitled Page</title>

</head>
<body>
	<form id="form1" runat="server">
	<div>
	<script type="text/javascript">
	function mousover()
	{
	alert("mousover");
	}
	function test()
	{
	alert("test");
	}

	</script>
    	<asp:Button ID="Button1" runat="server" OnClientClick="test()" onmouseover="mousover()" onmouseout="alert('mouseouttest');"
        	Text="clickme" />

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

وكمثال بسيط لاخذ قيمة من حقل عبر الخاصية clientId

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
	<title>Untitled Page</title>

</head>
<body>
	<form id="form1" runat="server">
	<div>
    	<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    	<br />
    	<br />
	<script type="text/javascript">

	function test()
	{
	var val=document.getElementById("<%=TextBox1.ClientID %>").value;
	alert(val);
	}

	</script>
    	<asp:Button ID="Button1" runat="server" OnClientClick="test()" 
        	Text="clickme" />

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

تم تعديل هذه المشاركة بواسطة X-File في 18 يوليو 2010 في 01:12

In bad state

ضروري بخصوص on mouse over رجاء محتاجة الحل

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