Simple HTML DOM PHP примеры

PHP Simple HTML DOM — это php библиотека с помощью которой можно написать парсер html страниц(ы). После загрузки страницы библиотека создает объект со всеми элементами, которые находились на странице и к которым теперь можно получить быстрый доступ с помощью встроенных функций.

Примеры Simple HTML DOM

Инициализация объекта (загрузка html-страницы)
require 'simple_html_dom.php'; //подключаем библиотеку
$html = file_get_html( 'http://www.example.com/' ); // получаем страницу
 
//во время работы из командной строки в windows (без http-сервера) лучше использовать следующую конструкцию:
$load = file_get_contents( $link );
$html= str_get_html( $load );
// и дальше работаем с переменной $html
Найдем нужный элемент
$element = $html->find( '.myclass' );

Функция find() — создаст нам массив со всеми доступными элементами с классом .myclass. Для того чтобы их все обработать придется сначала пропустить переменную через цикл для массива:

foreach( $element as $item ) {
    //тут уже обрабатываем все элементы по очереди
}
Или как вариант — сразу выбрать нужный элемент указав индекс (как в массиве, начинается с нуля):
$element = $html->find( '.myclass', 0 );
Получим дочерний элемент:

Можно бродить по дереву вложенности, полезно если нужно обрабатывать страницу последовательно:

$element->children(0)->class; // класс первого дочернего элемента
$element->children(0)->children(1)->id //получил id вложенного элемента
$element->children(0)->outertext; //html-код элемента
$element->children(0)->innertext; //html-код внутри элемента
$eleemnt->children(0)->plaintext; //Текст внутри (очищенный от html)
$eleemnt->children(0)->tag; //html-тэг
Для обработки множества вложенных тегов последовательно можно пользоваться такими функциями:
$element->children($i)->tag;
$element->children(0)->children($i)->tag;
//и т.д.
Дополнительно можно добавить собственные функции обработки:
// запишем в функцию параметр "$element"
function my_callback($element) {
        // скрыть все <b> теги
        if ($element->tag=='b')
                $element->outertext = '';
} 
 
// Регистрируем обратный вызов с именем нашей функции
$html->set_callback('my_callback');
 
// Функция будет вызвана во время вывода
echo $html;
</b>

Дополнительные примеры можно найти в официальной документации.

Фиксированное меню при прокрутке страницы на jQuery

Фиксированное меню

Для удобства пользователей, можно зафиксировать меню при прокрутке страницы с помощью JavaScript и библиотеки jQuery. С помощью такого фиксированного меню пользователям будет проще переходить по страницам сайта.
Читать далее Фиксированное меню при прокрутке страницы на jQuery

Плагины каруселей на jQuery

jQuery карусель

Для создания карусели на jQuery написано уже множество плагинов, поэтому чтобы не изобретать велосипеды — лучше воспользоваться одним из популярных. Читать далее Плагины каруселей на jQuery

Owl Carousel 2, полезные примеры

Owl Carousel 2 примеры
Слайдер со стрелками по бокам картинки с помощью Owl Carousel 2

В стандартном плагине кнопки «предыдущий» и «следующий» находятся внизу слайдера и обозначаются просто текстом, заменим текст на стрелки.
Читать далее Owl Carousel 2, полезные примеры

Удаление полей со страницы оформления заказа Woocommerce

woocommerce

В этой статье будет приведен код, который позволяет без использования плагинов убрать лишние поля со страницы оформления заказа. Часто это приходится делать для тех, кто занимается продажей только в своем городе (например доставка еды).
Читать далее Удаление полей со страницы оформления заказа Woocommerce

Добавление контента в карточку товара Woocommerce

woocommerce

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

Изменить размер экрана подключения smallscreen Woocommerce

Особенно полезно если нужно переопределить загрузку стилей, которые отвечают за медиа-запросы в woocommerce. Конкретно этот код указывает, что файл woocommerce-smallscreen.css должен будет применяться только если максимальная ширина экрана 1200px и ниже. Очень полезно если у вас цены в рублях не помещаются в ячейки на смартфонах с большими разрешениями экранов. Читать далее Изменить размер экрана подключения smallscreen Woocommerce