PDA

View Full Version : دسترسی به لینک در grid view با جاوا اسکریپت



babi_wd
سه شنبه 04 اردیبهشت 1386, 01:44 صبح
با سلام
من میخوام
پسورد اعضا رو برای مدیر نمایش بدم.اما میخوام پسورد به صورت یه لینک با متن "پسورد" نمایش داده بشه
اگه روش کلیک شد پسورد رو بدون پست بک نشون بده

Behrouz_Rad
سه شنبه 04 اردیبهشت 1386, 05:58 صبح
زمانی که صحبت از واژه ی "بدون پست بک" به میان میاد، اولین چیزی که در ذهن نقش میبنده، AJAX هست.
یا میتونی از AJAX استفاده و در هر لحظه تنها یک کلمه ی عبور رو بازیابی کنی و یا تمامی کلمات عبور رو با هم بازیابی و در DIV های مختلف با خاصیت display برابر با none قرار بدی.
تکه کد جاوا اسکریپتی باید بنویسی که بتونه DIV کنار لینک کلیک شده رو تشخیص بده و خاصیت display اون رو برابر با inline قرار بده.
به عنوان مثال برای تشخیص div ای که در محدوده ی لینک کلیک شده است:


function doCollapse(evt)
{
evt = (evt) ? evt : ((event) ? event : null);
if (evt)
{
var elem = (evt.target) ? evt.target : evt.srcElement;
var arrInlineDiv = elem.parentNode.getElementsByTagName("div");
arrInlineDiv[0].style.display = "inline";
}
}

خاصیت onclick تگ a به شکل زیر خواهد بود:


<a href="myPage.aspx" onclick="doCollapse(event);">پسورد</a>


موفق باشید.

babi_wd
سه شنبه 04 اردیبهشت 1386, 15:35 عصر
میشه در مورد این تیکه یه توضیح بدین
قبلا زیاد دیدمش اما کارش رو نفهمیدم


evt = (evt) ? evt : ((event) ? event : null);

babi_wd
سه شنبه 04 اردیبهشت 1386, 15:51 عصر
شما برای دستیابی به المنت های داخل صفحه از DOM استفاده کردین؟!
ایا مرجعی بجز W3 هست که خوب توضیح داده باشه
تو W3 خیلی گیج کننده س

Behrouz_Rad
سه شنبه 04 اردیبهشت 1386, 16:38 عصر
اون تیکه کد برای این هست که متوجه بشی آیا مرورگر خاصیت event رو پشتیبانی می کنه یا خیر.
اگر پشتیبانی می کرد، بقیه ی کدها اجرا میشن.

شما برای دستیابی به المنت های داخل صفحه از DOM استفاده کردین؟!
ایا مرجعی بجز W3 هست که خوب توضیح داده باشه
تو W3 خیلی گیج کننده س
بهترین کتاب برای جاوا اسکریپت، کتابی هست که شامل مثال هایی باشه تا با مرور کدهای اون مثال ها، کم کم با جاوا اسکریپت آشنا بشی.
بهترین کتابی که می تونم در این زمینه بهت معرفی کنم، کتاب JavaScript & DHTML Cookbook تالیف Danny Goodman از انتشارات O'Reilly هست.

موفق باشید.

babi_wd
سه شنبه 04 اردیبهشت 1386, 21:51 عصر
ایا نرم افزار جانبی هست که خاصیت intellisense ,ویژوال استدیو رو برای کد نویسی جاوا بالا ببره
یا یه نرم افزار جانبی دیگه

Behrouz_Rad
سه شنبه 04 اردیبهشت 1386, 22:32 عصر
ایا نرم افزار جانبی هست که خاصیت intellisense ,ویژوال استدیو رو برای کد نویسی جاوا بالا ببره
یا یه نرم افزار جانبی دیگه
به عنوان نرم افزار جانبی، محصول شرکت YALDEX عالیه:
http://www.yaldex.com/JSFactory_Pro.htm

موفق باشید.

babi_wd
چهارشنبه 05 اردیبهشت 1386, 00:10 صبح
با اجازه آقای راد استاد گرامی،کد ایشون رو به شکل زیر در آوردم
شاید به درد دوستان عزیز بخوره
(البته فکر میکنم تمام دوستانی که به نحوی از تجربیات اساتید استفاده میکند،شایسته است نتیجه کار خود را که برگرفته از تجربیات اساتید محترم میباشد رو در همان تاپیک اعلام کنند تا هم دلگرمی برای آن عزیزان باشد هم کسانی که بعدا به آن تاپیک رجوع میکنند کمتر دچار سردرگمی شوند)

قسمت تمپلیت گرید ویو :



<asp:TemplateField HeaderText="کلمه عبور">
<EditItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("password") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<div style="visibility: hidden;">
<asp:Label ID="Label1" runat="server" Text='<%# Bind("password") %>'></asp:Label></div>
<img src="images/show.gif" onclick="doCollapse(event);"/><img src="images/hide.gif" onclick="doCollapse1(event);"/></ItemTemplate>
</asp:TemplateField

کد جاوا رو هم 2تا کردم،یکی برای نمایش و یکی دیگه برای مخفی کردن.به جای نوشته هم از آیکن استفاده کردم(به دلخواه میشه نوشته هم گذاشت)

کد جاوا :



<script language="javascript" type="text/javascript">

function doCollapse(evt)
{
evt = (evt) ? evt : ((event) ? event : null);
if (evt)
{
var elem = (evt.target) ? evt.target : evt.srcElement;
var arrInlineDiv = elem.parentNode.getElementsByTagName("div");
arrInlineDiv[0].style.visibility="visible";
}
}
function doCollapse1(evt)
{
evt = (evt) ? evt : ((event) ? event : null);
if (evt)
{
var elem = (evt.target) ? evt.target : evt.srcElement;
var arrInlineDiv = elem.parentNode.getElementsByTagName("div");
arrInlineDiv[0].style.visibility="hidden";
}
}
</script>



با تشکر فراوان از حسن توجه آقای راد