هل ممكن عمل درس عن كيفية استخدام js داخل ال aspnet

الأخ الكريم / محمد أبو زيد

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

بصراحة أنت سألت عن بحر ولكن أنا كل الي راح أسويه هو محاولة توصيلك إلى الميناء، أنا متأكد أنه قد خطر على بالك أو أحد سألك أو أنت شفت سؤال في هذا المنتدى أو غيره عن مثلا كيفية إظهار مربع حوار للمستخدم الغرض منه تأكيد عملية الحذف أو غيرها، وهذا يعتبر javascript في ASP.NET 2.0 وانت طالع تم إضافة Attribute لكل من Button, ImageButton and LinkButton وهو OnClientClick داخله تقدر تكتب كود javascript كما هو موضح في الكود التالي:

<asp:Button ID="myButton" runat="server" Text="Click Me!" OnclientClick='return confirm("Are you sure you want to continue with this?");' />

بينما العملية التي سبقت كانت ممكنه في النسخ القديمة من ASP.NET عن طريق شيء إسمه Attributes، الموضوع كله عباره عن : انت لما تستخدم الـ Tools Box في الـ Visual Studio 20xx وتضيف Button أو غيره وبعدين تشغل الصفحة تبعك، يترجم كل شيء في النهاية إلى HTML ولو حاب تتأكد بعد ما تعرض صفحتك قوم بعرض المصدر View Page Source راح تشوف في الأخير إنه الفلم كله عباره عن HTML، فمدى فهمك للـ HTML يتناسب طرديا مع مدى قدرتك لتسخير javascript لصالحك. خلينا نرجع للـ Attributes والطريقة القديمة فلو نبغى رسالة تأكيدية تظهر للمستخدم عندما يظغط زر بس بدون إستخدام OnClientClik راح نقوم بالتالي على فرض انه الـ ID للزر هو myButton :

protected void Page_Load(object source, EventArgs e) {
	if(!IsPostBack)
		myButton.Attributes.Add("onclick", "return confirm('Are you sure you want to continue with this?');");
}

فهنا قمنا بإضافة Attribute لـ myButton فكأنما قلنا للـ Compiler ضيف على الـ HTML Tag النهائي الي راح يكون بدل myButton الـ Attribute التالي onclick وخلي قيمته return confirm('Are you sure you want to continue with this?'); . كلنا نعرف إنه الـ HTML مكونه من Tags و Text داخلي أو HTML داخلي، والـ Tag مكون من Attributes يعني تقريبا زي كذا :

<SomeHtmlTag attribute1="" attribute2="" attribute3="" . . . attributeN="" />

<!-- or -->

<SomeHtmlTag attribute1="" attribute2="" attribute3="" . . . attributeN="">
	.
	.
	.
	<AnOtherHtmlTag attribute1="" attribute2="" attribute3="" . . . attributeN="" />
	.
	.
	.
	<YetAnOtherHtmlTag attribute1="" attribute2="" attribute3="" . . . attributeN="">
		.
		.
		.
	</YetAnOtherHtmlTag>
	.
	.
	.

</SomeHtmlTag>

فعن طريق الـ Attributes.Add تقدر تضيف onclick, onmouseover, onmouseout, class, style, width, cellpadding, cellspacing, border ... etc، وممكن تضيف function موجوده مسبقا في الـ javascript او ملف javascript خارجي. وممكن تسوي عمليات أكثر تعقيدا مثلا لو كان كود javascript بحيث يعمل animation او أي شيء لـ Tags لها name أو id او class معين بحيث يقوم الـ GridView أو الـ ListView بعرضها من قاعدة البيانات بشكل يتناسب مع متطلبات الـ javascript الموجود عندك كما هو الحال في الموضوع التالي:

/index.php?showtopic=212980

وزي ما يقولوا، انت وخيالك فالإبداع لا حدود له

أتمنى لك التوفيق

خذ هذه احلي

<input type=text runat=server id=txt onclick="alert('good');" />