Include - вставка содержимого внешнего файла

Include - вставка содержимого внешнего файла

Вставляет внутрь тэга содержимое внешнего файла. Имя вставляемого файла передаётся через атрибут src. Так же можно указать куда вставить возвращаемые данные, для этого используются атрибуты prepend, append, before, after, html, value в которые передаётся селектор элемента для которого будет выполнена соответствующая атрибуту инструкция:

  • prepend - вставить перед контентом находящимся внутри тэга, указанного в селекторе
  • append - вставить после контента находящегося внутри тэга, указанного в селекторе
  • before - вставить перед тэгом, указанном в селекторе
  • after - вставить после тэга, указанного в селекторе
  • html - заменить контент находящийся внутри тэга, указанного в селекторе
  • value - вставить в атрибут value тэга, указанного в селекторе

Пример:

<div data-role="include" src="/forms/welcome.htm" append="#content"></div>

В данном примере содержимое файла /forms/welcome.htm будет добавлено к содержимому элемента имеющего id=content.

Так же существует возможность частичного добавления днанных из вставляемого файла с помощью вложенного тэга include, который может иметь следующие атрибуты:
html, outer, text, value

В атрибут передаётся селектор для поиска внутри вставляемого файла. Найденое значение, подставляется вместо тэга include

Пример:

<div data-role="include" src="/forms/obj_show.php">
    <p>Вместо тэга include подставится найденый в вставляемом файле тэг h3</p>
    <include outer="h3"></include>
    <p>Вместо тэга include подставится только текстовое содержимое найденого в вставляемом файле тэга h3</p>
    <include text="h3"></include>
</div>

Интеграция с Bootstrap v.3

Чистый & понятный код

Парсер DOM в PHP