Tag: css

Бутстрап-предупреждение в фиксированном плавающем div в верхней части страницы

У меня есть веб-приложение, которое использует загрузку (2.3.2 – корпоративная политика, мы не можем обновить до 3.0 без большого количества тестирования в нескольких веб-приложениях). У нас есть несколько длинных страниц в этом приложении, которые требуют проверки форм и таблиц – однако из-за практических и эстетических причин нам нужно, чтобы предупреждающее сообщение отображалось как плавающий div […]

Получить фактическую ширину и высоту компонента

Мы сталкиваемся с довольно страшной проблемой в JavaScript, которую никто из нас, похоже, не в состоянии решить: Как мы можем получить ширину и высоту элемента DOM, включая детей, всю модель коробки и т. Д., Без отображения компонента на странице? Помните: я ищу предложения. Даже ответы, которые полностью не отвечают на вопрос (или не совсем соответствуют […]

Избегайте двойного щелчка, чтобы переключить выпадающее меню Bootstrap

Я использую раскрывающееся меню Bootstrap. Проблема в том, что он никогда не падает при первом щелчке; Мне нужно щелкнуть 2 раза, чтобы он был переключен. Я думаю, что событие click каким-то образом застревает где-то, прежде чем распространяться вниз … Есть ли способ исправить это?

Изменить размер jqGrid на основе количества строк?

Я хочу, чтобы мой jqGrid сокращался и расширялся в зависимости от количества строк, которые он имеет. Пусть говорят, что в настоящее время он имеет 10 строк, высота jqGrid будет уменьшаться до 10 строк (чтобы не было открытых открытых строк). Если, однако, слишком много строк, высота сетки будет расширяться до максимального значения «высота», и появится полоса […]

Как использовать вкладки Bootstrap?

Я пытаюсь понять, как это сделать: http://getbootstrap.com/javascript/#tabs Я думаю, что документация недостаточно детальная, потому что я не могу понять, как это работает. <div class="container"> <ul class="nav nav-tabs"> <li class="nav active"><a href="#A" data-toggle="tab">A</a></li> <li class="nav"><a href="#B" data-toggle="tab">B</a></li> <li class="nav"><a href="#C" data-toggle="tab">C</a></li> </ul> <!– Tab panes –> <div class="tab-content"> <div class="tab-pane fade in active" id="A">Content inside tab […]

Проблемы с плагином изотопа JQuery

Я пытаюсь настроить изотоп на этом сайте, ему нужно обработать макет, и мне нужно будет добавлять элементы в контейнер. Проблема в том, что он, похоже, не правильно инициализирует изображения, вот как я его инициализирую: $(document).ready(function(){ var $container = $('#container'); $container.isotope({ masonry: { columnWidth: 400, gutterWidth: 10 }, filter: '*', animationOptions: { duration: 750, easing: 'linear', […]

Как нарисовать фигуру с помощью части изображения в php

Мне нужно создать образ кадра, используя кусок изображения. Например: Пользователь загрузит фрагмент изображения из исходного кода: Теперь мне нужно создать фрейм на front-end в соответствии с требованиями пользователя переднего плана (пользователь будет выбирать высоту и ширину рамки, а затем выбрать эту часть изображения) следующим образом: Я не получаю никакого способа сделать это, я пытался сделать […]

: Hover pseudoclass selector в электронной почте для gmail

Я отправляю почту с моего php скрипта. Он имеет структуру вроде: <style type="text/css"> .elements{ /*its CSS*/ } .elements:hover{ /* Hoverd CSS changes background and color*/ } </style> <center> Actual Mail Body <a class="elements" href="URL">Element</a> <center> И это отлично работает во всех почтовых клиентах, кроме gmail . Поэтому быстрый поиск SO привел меня к: HTML-форматированный адрес […]

Прокрутите вниз в окне чата в angularjs

Я пытаюсь автоматически прокручивать вниз, когда появляется новое сообщение. Мой код перемещает полосу прокрутки, но не подходит для точного дна. Незлая помощь. Вот мой плукер. Вот мой HTML: <!DOCTYPE html> <html> <head> <script data-require="angular.js@1.3.0-beta.5" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script> <link rel="stylesheet" href="style.css" /> <script src="script.js"></script> </head> <body> <div ng-app="Sojharo"> <div ng-controller="MyController"> <div id="chatBox"> <div ng-repeat="message in messages"> <div […]

React.js: анимация без CSS

Документация React не имеет ничего об обработке анимаций, которые не являются переходами CSS, такими как анимация положения прокрутки и атрибутов SVG. Что касается переходов CSS, есть надстройка . Вот простой пример SVG : /** * @jsx React.DOM */ function animate(duration, onStep) { var start = Date.now(); var timer = {id: 0}; (function loop() { timer.id […]

JavaScript делает сайт умным, красочным и простым использованием.