Blog. Just Blog

Web-мастеру и не только

Полезные решения для Web-мастеров
Web-мастеру и не только - RSS-канал Web-мастеру и не только - Карта сайта

Сортировка строк HTML-таблицы на JavaScript

05.12.2018 | Категория: Web-мастеру и не только | Автор: ManHunter
Понадобился скрипт для сортировки строчек HTML-таблицы в зависимости от значений столбцов. В этих ваших интернетах есть немало готовых решений, но, как часто случается на моей работе, постановка задачи включает в себя кучу дополнительных условий. Например, в ячейке таблицы может быть не просто текст, а несколько HTML-тегов, сортируемое значение может быть отформатировано особым образом или к нему могут быть дописаны какие-нибудь дополнительные данные, а то и вовсе отображаемое текстовое значение в ячейке соответствует какому-то внутреннему индексу в системе и сортировать надо именно по этому индексу. Короче, отображаемое содержимое ячеек таблицы не влияет на ожидаемый порядок их сортировки.

Разнобой со значениями, влияющими на сортировку, решается добавлением к каждой строке таблицы набора data-атрибутов, введенных в HTML5. Вкратце, чтобы не грузить вас теорией, data-атрибуты позволяют хранить нужную вам дополнительную информацию в стандартных элементах HTML без применения хаков вроде нестандартных атрибутов, лишних DOM-свойств и т.п. Например:
  1. <tr data-price="10" data-ident="4" data-area="32" data-dev="СуперСтрой">
  2.     <td>менее 10 млн.</td>
  3.     <td>без отделки</td>
  4.     <td>32 м<sup>2</sup></td>
  5.     <td>ООО СуперСтрой</td>
  6. </tr>
  7. <tr data-price="50" data-ident="3" data-area="62.7" data-dev="ПИК">
  8.     <td>50.000.000</td>
  9.     <td>черновая</td>
  10.     <td>62.7 м<sup>2</sup></td>
  11.     <td>ГК "ПИК"</td>
  12. </tr>
Как вы видите, содержимое в data-атрибутах отличается от содержимого ячеек, это как раз те значения, по которым должна выполняться сортировка. Если какой-либо атрибут не указан, то такие строчки будут просто перенесены в начало таблицы.

Читать статью целиком »
Просмотров: 556 | Комментариев: 5

Рамка для фото в виде смартфона

25.11.2018 | Категория: Web-мастеру и не только | Автор: ManHunter

Рамка для фото в виде смартфона

Для одной презентации понадобилось достаточно большое количество картинок, на которых представлены скриншоты мобильной версии продукта. С самими картинками проблем не возникло, нащелкали на смартфонах сколько надо скриншотов. Согласно поставленной задаче, для пущей убедительности картинки должны быть, так сказать, "в интерьере", то есть как будто отрисованные на экране смартфонов. Конечно, фотошоп никто не отменял, можно было заморочиться и наделать все ручками, но программистское мышление взяло вверх. Как верно подметил герой одного старого мультика, "лучше день потерять, зато потом за пять минут долететь".

Читать статью целиком »
Просмотров: 400 | Комментариев: 2

Список доменов верхнего уровня (Top-Level Domain)

17.10.2018 | Категория: Web-мастеру и не только | Автор: ManHunter

Список доменов верхнего уровня (Top-Level Domain)

Пользователи интернета наверняка знают, что имя любого домена состоит из нескольких частей, разделенных точками. Доменом верхнего уровня является завершающая часть имени домена. В настоящее время вопросами поддержки и управления доменами первого уровня занимается международная организация ICANN. До 2012 года были доступны только национальные домены верхнего уровня и некоторое количество специализированных, но с января 2012 года ICANN заявила об открытии свободной регистрации доменов первого уровня для всех интернет-пользователей. Абсолютно любые организации теперь могут регистрировать свои собственные домены верхнего уровня, соответствующие торговым маркам, названиям отдельных отраслей производства, посвящать домены городам, регионам и т.п.

Читать статью целиком »
Просмотров: 533 | Комментариев: 3

Растягивание фона изображения на PHP

11.10.2018 | Категория: Web-мастеру и не только | Автор: ManHunter

Растягивание фона изображения на PHP

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

Читать статью целиком »
Просмотров: 450 | Комментариев: 0

Как узнать индекс качества сайта (ИКС) Яндекса

17.09.2018 | Категория: Web-мастеру и не только | Автор: ManHunter

Как узнать индекс качества сайта (ИКС) Яндекса

В конце августа 2018 года Яндекс заменил тИЦ (тематический индекс цитирования) на ИКС (индекс качества сайта). Значение тИЦ зависело только от количества и качества ссылок на сайт, а новый индекс качества сайта - это показатель того, насколько полезен ваш сайт для пользователей с точки зрения Яндекса. При расчете индекса качества учитываются размер аудитории сайта, степень удовлетворенности пользователей, уровень доверия к сайту со стороны пользователей и Яндекса, а также другие данные сервисов Яндекса. По понятным причинам точную формулу и порядок подсчета ИКС Яндекс не раскрывает, чтобы предотвратить попытки накрутки этого показателя. Значение индекса качества сайта регулярно обновляется, а вот тематический индекс цитирования больше не будет ни рассчитываться, ни отображаться.

Читать статью целиком »
Просмотров: 654 | Комментариев: 0

Наверх
Powered by PCL's Speckled Band Engine 0.2 RC3
© ManHunter / PCL, 2008-2019
При использовании материалов ссылка на сайт обязательна
Время генерации: 0.07 сек. / MySQL: 2 (0.0017 сек.) / Память: 5 Mb
Наверх