如何使ImageButton无法点击

Question

I have a number of ImageButtons within a repeater, depending on each record some of these images will be clickable and others, I have disabled the button to stop postback.

I have now changed the opacity of each image so that unless you are hovering on that imagebutton it will be 0.6. The trouble is, for those that I have disabled, obviously I cannot alter the opacity on/off hover.

Currently I am doing this:

    if (vessel.IsRegistered)
    {
        imagebuttonRegistration.ImageUrl = ("../Images/Icons/registrationApproved.gif");
        imagebuttonRegistration.CommandArgument = null;
        DisableImageButton(imagebuttonRegistration);                
        imagebuttonRegistration.ToolTip = GetLocalResourceObject("imageButRegistrationRegisteredText").ToString();
    }

public static void DisableImageButton(ImageButton imagebutton)
{
    imagebutton.Attributes.Remove("href");
    imagebutton.Attributes.Add("disabled","disabled");            
}

But as disabling the button is now causing me problems, how might I just stop the button being clickable/no postback but allow the other attributes to be used.

Answer 1

try this:

imagebutton.Attributes.Add("onclick","return false");
imagebutton.Style.Add("cursor","context-menu");

Answer 2

Different way using Css:

In your css file add:

.notclickable{
    cursor:text;    
}

And in DisableImageButton method add:

imagebutton.Attributes["class"] ="notclickable";

Answer 3

you can use CSS

.imagebutton:disabled {
opacity:0.7;
}

check this out:

http://www.w3schools.com/cssref/sel_disabled.asp