javascript




Проверка полей формы на стороне клиента в приложениях WebForms

Как и в обычных формах, в приложениях WebForms проверку можно и нужно делать на стороне не только сервера, но и клиента. Для добавления проверки на ASP странице используется элемент управления (контрол) <asp:CustomValidator></asp:CustomValidator>, а для указания функции проверки на стороне клиента (проверка с помощью Javascript) нужно указать значение параметра контрола ClientValidationFunction.

(далее...)

Фреймворки для работы с таблицами в веб-интерфейсе

Для генерации и работы с таблицами на сайте существует несколько библиотек. Почти все они частично бесплатные, т. е. могут быть использованы как бесплатно, так и платно. Платные версии, разумеется, обладают намного большим функционалом.  Я выделил 4 фреймворка для работы с таблицами, которые лично мне понравились. Их безусловно больше. Мой выбор остановился на фреймворках Ag-grid, FancyGrid, HandSontable и Koolgrid. Эти фреймворки не только отображают таблицы (только для отображения можно использовать кучу бесплатных библиотек), но и позволяют редактировать данные на странице. Рассмотрим их.

(далее...)

Является ли значение числом в Javascript

Для того, чтобы определить, является ли значение переменной числом или нет, можно использовать встроенную функцию isNaN(). Название isNaN означает «is Not a Number». Соответственно, функция возвращает обратное значение от того, число это или нет, т. е. если значение переменной число, то функция вернет false (ложь), а если не число, то true (истину).

(далее...)

Не работает indexOf('строка с русскими символами') в Javascript. Решено

 

Проблема: код на Javascript упорно отказывался находить вхождение подстроки в строке. Метод string.indexOf(substring) всегда возвращал -1, что означает отсутствие вхождения.

Работа над ошибкой:

Javascript код заведомо не содержал ошибок. (далее...)

Поиск причины и исправление ошибки Error: ENOENT, open 'c:\Path\file.name' в NodeJS

NodeJS

Причина ошибки Error: ENOENT, open 'c:\Path\file.name' в NodeJS – это отсутствие файла указанного файла. Очень легко его воспроизвести на примере по работе с файловой системой 'fs'.

(далее...)

Оформление таблиц в фреймворке Bootstrap

Рис.2. Таблица в стиле Bootstrap по умолчанию

В Bootstrap встроена возможность стильного оформления таблиц. К сожалению, таблицы по умолчанию выглядят не просто аскетично, а на них вообще неприятно смотреть – отсутствуют отступы в ячейках, рамки, если отображаются, то просто убогие. Потому веб-мастеру уже нужно помнить, что стили таблиц нужно переопределять. Bootstrap об этом тоже помнит и уже содержит заготовленный класс для таблиц.

(далее...)

Основы использования фреймворка Bootstrap

Bootstrap logo

В первое время после отказа от табличной верстки было немного непривычно переходить на блочную верстку. Тогда, да и сейчас, мне казалось, что она многое усложнила. И так оно было до появления фреймворков, которые очень сильно упростили верстку. Речь идет о фреймворках для так называемой адаптивной верстки. Наиболее популярные среди их это Foundation и Bootstrap. В отличие от Foundation 5, с новой версией у меня отношения не сложились, потому решил освоить Bootstrap. И не прогадал.

(далее...)

Вывод изображения в AngularJS без ошибок

Рис.1. Установка AngularJS через Nuget Packages

Если в тэг <img src> вставить путь к изображению через переменную angular, например, {{imagepath}}, то в браузере картинка будет отображаться, но в консоли разработчика будет выводиться сообщение об ошибке. Для вывода изображения из AngularJS нужно использовать вместо <img src...> заменитель из AngularJS <img ng-src="{{image.url}}"/>.

(далее...)


MarkiMarta.ru. Записки отца-программиста" с 2009 г.
Категория информационной продукции 18+
Яндекс.Метрика