aereosim Ответов: 0

Получить сосредоточиться на текущем изображении на таблицы


когда мышь нависает над изображением, оно меняет непрозрачность (и ОК)

когда я нажимаю на изображение (.CSSImageButton:active), оно меняет цвет, но в то же время теряет фокус (эффект .CSSImageButton)

цель состоит в том, чтобы сообщить о фокусе на изображении после щелчка мыши

это не имеет никакого эффекта, потому что CSS проверяет потерю фокуса

 protected void DataList1_ItemCommand(object source, DataListCommandEventArgs e)
    {      
        DataList1.SelectedIndex = e.Item.ItemIndex;
     
        Image1.BorderStyle = BorderStyle.Ridge;
        Image1.BorderColor = System.Drawing.Color.DarkBlue;

        //get the current index
        DataList1.SelectedIndex = e.Item.ItemIndex;

       // ???? is possible to set the focus on curentItem ......
}


Что я уже пробовал:

стиль CSS

.CCSImageButton:hover
{      
   border-width:5px;
   border-color: yellow; 
   border-style:ridge;
   opacity : 1;
}

.CCSImageButton
{  
   border-width:2px;
   border-style:groove;
   opacity : 0.5;
} 
.CCSImageButton:active
{
   border-width:5px;
   border-color: red; 
   border-style:ridge;
   opacity : 1;
}


Таблицы

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
             <ContentTemplate>
               <asp:DataList ID="DataList1" runat="server" RepeatDirection="Horizontal" RepeatLayout="Table" RepeatColumns="0" SeparatorStyle-HorizontalAlign="NotSet" SelectedItemStyle-Wrap="False" SelectedItemStyle-HorizontalAlign="NotSet" HorizontalAlign="NotSet" ItemStyle-HorizontalAlign="NotSet" FooterStyle-Wrap="False" OnItemCommand="DataList1_ItemCommand">
                 
                 <ItemTemplate>
                    <td>                                       
                     <asp:ImageButton ID="ImageButton1" runat="server" ImageUrl='<%# Eval("thumbs") %>' Height="150px" OnClick="ImageButton1_Click" ImageAlign="Middle" EnableTheming="False" CssClass="CCSImageButton" />
                     asp:Label ID="Label1" runat="server" Text=' <%# Eval("descrizione") %>' Visible="true"></asp:Label>                           
                      <asp:Label ID="Label3" runat="server" Text=' <%# Eval("fullimage") %>' Visible="false"></asp:Label> 
                    </td>
                  </ItemTemplate>
                 </asp:DataList>
              </ContentTemplate>             
            </asp:UpdatePanel>

[no name]

Для кнопки существует свойство, называемое автофокусом.Вы пробовали их установить?Потому что я их не вижу

0 Ответов