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

Question

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

Привет

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

Это мой код:

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

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

Я понятия не имею.

Answer 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, '<BR>');
        $('<div Id="hiddenDiv" class="tooltip">   ' + content + '<BR class=lbr>' + '</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
});