Как изменить размер всплывающей подсказки @Html.TextAreaFor в MVC 4

Как изменить размер всплывающей подсказки @Html.TextAreaFor в MVC 4

Здравствуй

У меня есть TextArea с длинным текстом. При наведении на него длинного текста весь текст должен отображаться в подсказке.

Это мой код:

@Html.TextAreaFor(model => model.Ref_InsuranceComment.Comment1, new { modalTitle = "Insurance Comments"})

Запрос: Изменить функцию наведения, чтобы при наведении курсора на поле комментариев отображалось все содержимое поля комментариев.

Понятия не имею.

1 ответ

Я решил эту проблему, добавив некоторые треки jQuery:

добавление всплывающей подсказки jQuery в textarea

.tooltip
{
 margin: 1px;
 padding: 1px;
 border: 1px solid #0066CC;
 background-color: #FFFFFF;
 position: absolute;
 z-index: 2;
 width: 500px;
}

var showTooltip = function (event) {
 $('div.tooltip').remove();
 if ($(this).val().length > 0) {
 var content = $(this).val();
 content = content.replace(/\n/g, '');
 $('<div id="hiddenDiv"> ' + content + '' + '</div>').appendTo('body');
 changeTooltipPosition(event);
 }
};

var changeTooltipPosition = function (event) {
 var tooltipX = event.pageX - 8;
 var tooltipY = event.pageY + 8;
 $('div.tooltip').css({ top: tooltipY, left: tooltipX });
};

var hideTooltip = function () {
 $('div.tooltip').remove();
};

$("textarea").bind({
 mousemove: changeTooltipPosition,
 mouseenter: showTooltip,
 mouseleave: hideTooltip
});

licensed under cc by-sa 3.0 with attribution.