تغییر تصویر imagebutton هنگام حرکت ماوس

[H_Shaikhnezhad]

با سلام خدمت دوستان عزیز

یه سوال داشتم :
میشه با حرکت کردن ماوس بروی imagebutton در ASP.NET و C#‎ تصویر imageButton رو عوض کرد ؟

ممنونم

[mehdi.mousavi]

با سلام خدمت دوستان عزیز یه سوال داشتم : میشه با حرکت کردن ماوس بروی imagebutton در ASP.NET و C#‎‎ تصویر imageButton رو عوض کرد ؟
ممنونم

سلام.
این مساله ربطی به کدهای سمت سرور نداره و تو بهترین حالت، باید توسط JavaScript سمت client پیدا سازی بشه. بدین ترتیب که شما بر اساس onmousemove میتونید از حرکت mouse روی تصویر مورد نظر مطلع شده، و سپس src به image مزبور رو برای element مورد نظرتون تغییر بدید.

موفق باشید.

[H_Shaikhnezhad]

از راهنماییتون ممنونم .
میشه لطف کنید و یه خورده مبتدی تر توضیح بدید چون من با java خیلی کم کار کردم و شما استادی ؟

[mehdi.mousavi]

از راهنماییتون ممنونم. میشه لطف کنید و یه خورده مبتدی تر توضیح بدید چون من با java خیلی کم کار کردم و شما استادی ؟

سلام.
باور بفرمایید خیلی ساده گفتم. برای دیدن یک مثال، میتونید به این سایت رجوع کنید. (http://www.webdevelopersnotes.com/tutorials/javascript/changing_images_on_mouseover_mouseout_javascript.p hp3) همونطور که میبینید، وقتی mouse روی تصویر میره، تصویر تغییر میکنه و چیز دیگه ای نمایش داده میشه. وقتی mouse از روی تصویر کنار میره، تصویر دوباره به حالت اول برمیگرده.

امیدوارم این sample ساده براتون مفید باشه.

موفق باشید.

[H_Shaikhnezhad]

دوست عزیز ممنونم ولی این مثال واسه image و IMG کنترل سمت کلاینت ولی imagebutton کنترل سمت سروره . یه چیزایی توی سایتهای دیگه پیدا کردم البته با همون java که فرمودید اگه به نتیجه رسیدم حتما می زارمش توی تاپیک .

[H_Shaikhnezhad]

راه حلشو پیدا کردم به زبون خیلی ساده می نویسمش

اول می بایست این کد جاوا (تابع) رو توی فایل aspx بعد از تگ head بنویسیم .

<script>

function changePicture(imageID,imageSrc)
{
document.getElementById(imageID).src=imageSrc;
}

</script>


بعد می بایست بروی صفحه دوبار کلیک کنیم یا کد زیرو توی رویداد PageLoad فرم واسه هر imagebutton بنویسیم .


protected void Page_Load(object sender, EventArgs e)
{

imagebutton1.Attributes.Add("onmouseover", "changePicture('" + imagebutton1.ClientID + "','Pictrue/imagemove.jpg');");




imagebutton1.Attributes.Add("onmouseout", "changePicture('" + imagebutton1.ClientID + "','Pictrue/imageout.jpg');");




{



واسه نمونه هو میتونید فایل ضمیمه رو دانلود کنید .

[mehdi.mousavi]

راه حلشو پیدا کردم به زبون خیلی ساده می نویسمش

ای داد بیداد. شما توضیحات منو متوجه نشدید، اما این کد رو فهمیدید؟ (یا للعجب!) از این به بعد بگید "برام کد بذارید" نه اینکه "به زبون ساده بگید"! این دو خیلی متفاوت هستن. منم تو همون تاپیک اول، منظورم همین کدی بود که شما در نهایت نوشتید...

در هر حال، خوشحالم که مشکلتون حل شد.

[ali.hub]

با سلام خدمت دوستان عزیز

یه سوال داشتم :
میشه با حرکت کردن ماوس بروی imagebutton در ASP.NET و C#‎‎ تصویر imageButton رو عوض کرد ؟

ممنونم

چه کاریه؟
با دو خط css میشه این کارو کرد!:متعجب:

[mohsen507]

چه کاریه؟
با دو خط css میشه این کارو کرد!:متعجب:


دوست عزيز شما كه اين تاپيك قديمي رو بالا آوردي
لطف فرماييد دو خط !!! css را هم بنويسيد.

[hajizahiry]

<a href="javascript:subForm()" onmouseover="document.subButton.src=submitOn.src"
onmouseout="document.subButton.src=submitOff.src">
<img src="submitOff.jpg" alt="submit" height="21" width="61" name="subButton" border="0" /></a>

[hajizahiry]

ایا از این ساده تر هم می شه ؟؟؟؟؟
چرا لقمه را دو سر خودتون می چرخونید ؟؟؟؟؟!!!!!!!!!!!!!!!

<script language="Javascript" type="text/javascript">
<!-- Hide script from older browsers

if (document.images) {
submitOn = new Image
submitOff = new Image

submitOn.src = "submitOn.jpg"
submitOff.src = "submitOff.jpg"
}
else {
submitOn = ""
submitOff = ""
document.subButton = ""
}
</script>


<a href="javascript:subForm()" onmouseover="document.subButton.src=submitOn.src"
onmouseout="document.subButton.src=submitOff.src">
<img src="submitOff.jpg" alt="submit" height="21" width="61" name="subButton" border="0" /></a>

[farzyyy]

سلام منم این مشکل دارم و image button هام داخل گریدویو چطوری میشه با کلیک روی یک image button تصویرش تغییر کنه
باکد بالا چون داخل گرید نمیشه

[farzyyy]

سلام منم این مشکل دارم و image button هام داخل گریدویو چطوری میشه با کلیک روی یک image button تصویرش تغییر کنه
باکد بالا چون داخل گرید نمیشه

خودم جواب پیدا کردم
ImageUrl=' <%#(Eval("status").ToString()=="True" ? "../icons/active.png" : "../icons/passive.png")%>'