Блог

ПРИВЕТ, как добавить всплывающую подсказку для изображения кнопки? Теперь его отображение … , вместо этого мне нужно показать некоторое текстовое содержимое и добавить класс css для этого изображения кнопки.

Спасибо.

Чтобы изменить текст на изображении кнопки, вам нужно установить атрибут «buttonText», например

 $("#my_date_field").datepicker({
  showOn: "button",
  buttonImage: "/images/calendar.png",
  buttonImageOnly: true,
  buttonText: "Add some new text"
});
  

Чтобы добавить класс css к изображению кнопки, вы можете выбрать класс, который ему присваивает datepicker, и добавить свой класс, например

 $(".ui-datepicker-trigger").addClass("myCssClass");  
  

Но фокус в том, что вы можете добавить свой код для добавления класса только после выбора даты. Если вы добавите его перед datepicker, это не сработает.

Чтобы отобразить всплывающую подсказку «Отображать календарь» для кнопки по умолчанию, которая появляется после текстового поля, используя jquery datepicker, мы можем использовать эти строки,

    $(document).ready(function () {

$(".ui-datepicker-trigger").on("mouseover", function () {
    $(this).attr('title', 'Display Calendar');  
});
  

попробуйте использовать HTML-свойства imagebutton. используйте свойство title для отображения текста при наведении курсора мыши.

или добавьте класс css с помощью jquery, например

 $("#ImagebuttonID").addClass("myCssClass");