Archive for: Февраль, 2012

CSS: какая разница между visibility:hidden и display:none?

Вопрос

И свойство visibility:hidden, и display:none скрывают отображение элемента на экране. Получается, что эти свойства работают идентично?

No responses yet

DIV с прозрачной картинкой не позволяет кликнуть по дочерним элементам, закрывая их

Вопрос

У меня на HTML-странице есть DIV с прозрачной фоновой картинкой, который позиционирован абсолютно, и он закрывает собою много всяких элементов, в том числе ссылок, кнопок и т.п.

Если я кликаю за пределами этого DIV, всё работает нормально. Но я никак не могу кликнуть по элементах, которые расположены за этим DIV. Получается, что он как бы замещает, или точнее сказать закрывает собою всё, что под ним (хотя он прозрачный и элементы видны).

Я хочу, чтобы появилась возможность кликать по них при любых обстоятельствах. Возможно ли сделать это, желательно кроссбраузерно?

No responses yet

Как сделать HTML-таблицу с фиксированными заголовками (закрепить их)?

Вопрос

Существует ли какой-нибудь кроссбраузерная CSS/JavaScript метод отобразить длинную HTML-таблицу, чтобы её заголовки оставались зафиксированными и не прокручивались вместе с телом таблицы?

Я бы хотел, чтобы посетитель мог выполнять прокрутку контекста в таблице, но при этом заголовки оставались всегда видны сверху, чтобы ему было легче ориентироваться.

No responses yet

Рассчитать ширину и высоту текста на Javascript

Вопрос

Я ищу способ на чистом Javascript получить (рассчитать?) ширину и высоту строки при заданном размере шрифта. Есть ли какие-нибудь способы это сделать?

No responses yet

CSS: как убрать промежуток между двумя элементами inline-block?

Вопрос

Есть следующий HTML:

<div>
<span class="in-line">Первый</span>
<span class="in-line">Второй</span>
</div>

И этот CSS:

.in-line {
display:inline-block;
width:100px;
}

Вот как это выглядит:

Пример
Первый
Второй

Я понимаю, почему это происходит, и что если я поставлю элементы в HTML в один ряд, то промежуток исчезнет:

<div>
<span class="in-line">Первый</span><span class="in-line">Второй</span>
</div>

Но мне не очень удобно следить за HTML-разметкой и постоянно удалять эти отступы. Поэтому я надеюсь, что в CSS есть другое, более подходящее решение этой проблемы.

No responses yet

Как получить позицию курсора в текстовом поле (textarea) на JavaScript?

Вопрос

Как на JavaScript можно получить позицию курсора в текстовом поле textarea? Например, пусть есть такой текст с курсором:
Это некий| текст.

Функция должна вернуть 9.

No responses yet

Как запретить выделение текста на HTML-странице?

Вопрос

В моем проекте используются разные интерактивные элементы, которые являются кнопками, но сделаны на основе DIV-вов и т.п. Эти элементы выглядят не очень, когда текст в них выделен (это может случиться, если пользователь, к примеру, дважды кликнет по такой кнопке — поведение по умолчанию для большинства браузеров).

Я ищу какое-нибудь универсальное решение для запрета выделения текста, желательно конечно, чтобы использовались только CSS и HTML, однако если это не возможно, то пусть тогда будет JavaScript.

No responses yet

Как определить клик за пределами элемента на jQuery?

Вопрос

У меня на веб-странице есть меню, которое полностью появляется после того, как пользователь кликнет на его заголовке. Я хотел бы скрыть пункты этого меню, когда пользователь кликает за его пределами.

Как добиться такого эффекта на jQuery? В идеале, должна быть какая-то функция типа:

$("#menuscontainer").clickOutsideThisElement(function() {
// здесь меню прячется
});

No responses yet

CSS: Поддержка скругления углов (“border-radius”) в IE

Вопрос

Как обстоят дела в IE с поддержкой CSS-атрибута «border-radius», отвечающего за скругление углов?

No responses yet

Сериализация формы с помощью jQuery

Вопрос

Подскажите пожалуйста, как можно выполнить сериализацию всех элементов формы в объект JSON?

Мне хотелось бы найти такой универсальный метод, который бы автоматически создавал соответствующий моей форме объект JSON, чтобы мне не приходилось каждый раз писать код для конкретной формы. Мне также не нужна строка, которую можно получить методом $('#formid').serialize(), а также карта объекта, возвращаемая методом $('#formid').serializeArray().

No responses yet

« Назад, в будущее Вперёд, в прошлое »