Div разделитель документа (нет в html 2 0)

Содержание

Как вывести содержимое div’а из одного документа в другой?

Как вывести содержимое div’а из одного документа в другой? Например есть один документ, в нем написано следующее:

А мне нужно в другом документе вывести содержимое div’а. Как это можно сделать в html?

3 ответа 3

Можно с помощью PHP

На чистом html только с использованием iframe:

А можно так: при помощи jQuery.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками html или задайте свой вопрос.

Подписаться на ленту

Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

CSS — Позиционирование блочных элементов

Базовый поток документа

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

Что это значит? Во-первых, вывод элементов на страницу браузер осуществляет в том порядке, в котором они следуют в HTML коде .

Во-вторых, в коде элементы вложены друг в друга, и чтобы это учитывать при выводе используют так называемые воображаемые слои для отображения элементов . При этом слой элемента тем выше (ближе к нам), чем данный элемент является более вложенным в коде, т.е. глубже расположен в нём.

В-третьих, положение элемента в потоке зависит от значения свойства display .

Например, элементы, имеющее блочное отображение ( display: block ) отображаются в потоке как прямоугольные области, каждый из них на новой линии друг под другом сверху вниз.

Ширина элементов с блочным отображением по умолчанию равна доступной ширине родительского элемента, т.е. элемента, в который каждый из них непосредственно вложен. Высота их по умолчанию равна такой величине, которой будет достаточно, чтобы отобразить весь контент, который находится в каждом из них.

Элементы со строчным отображением ( display: inline ) выводятся иначе. Они в отличии от блочных элементов не размещаются каждый на новой строке, а следуют друг за другом слево направо. Если пространство справа закончилось, то они переносятся на следующую строку, а не на новую линию как элементы с блочным отображением.

Кроме block , inline есть и другие варианты отображения элементов, но все они располагаются в базовом потоке документа.

В CSS есть свойства, с помощью которых элементы можно «вырвать» из основного потока документа и задать им другое положение вне базового потока элементов.

К этим свойствам относятся position и float .

CSS-свойство position

CSS свойство position — это одно из свойств с помощью которого можно изменить базовое поведение элементов в потоке. Другими словами, данное свойство позволяет «выдернуть» любой элемент из потока документа и разместить его в другом месте относительно окна браузера или других элементов на веб-странице.

Свойство position имеет 5 значений:

static (статичное позиционирование);
relative (относительное);
absolute (абсолютное);
fixed (фиксированное);
sticky (липкое).

static — это значение по умолчанию. Оно означает что элемент находится в базовом потоке.

Каждый элемент в потоке занимает определённую область. Но область элемента не всегда сохраняется за ним при его позиционировании.

Это, например, происходит при задании элементу position: absolute или position: fixed . В этом случае место не сохраняется за элементом. Другие элементы его «не видят» и располагаются, игнорируя его присутствие в коде.

Статичное позиционирование (static)

Свойство position со значением static элементам назначается по умолчанию . Это значение означает что элемент является не позиционированным , т.е. отображается как обычно (в потоке).

Явная установка элементу CSS-свойства position: static может понадобиться только в том случае, когда нужно переопределить другое значение position установленное элементу.

Установка CSS свойств для задания положения элемента left , top , right и bottom никакого влияния на него не оказывают, т.к. его местонахождение определяется потоком документа .

Пример выстраивания статично позиционированных элементов:

Относительное позиционирование (relative)

Установка относительного позиционирования элементу осуществляется посредством задания ему CSS свойства position: relative .

Относительно позиционированный элемент ведёт себя как элемент в потоке за исключением того, что его текущее положение можно при помощи определённых CSS свойств сместить. К этим CSS свойствам относятся left , top , right и bottom .

Например, для того чтобы элемент сдвинуть вверх или вниз относительного его исходного положения к нему нужно применить CSS свойство top или bottom :

Если одновременно установить top и bottom , то будет применено значение top , т.к. оно является более приоритетным, чем bottom :

Для сдвига элемента вправо или влево используется CSS свойство left или right :

Если одновременно установить left и right , то приоритетным будет значение, находящееся в left :

Для сдвига по двум осям нужно использовать top или bottom , и left или right :

Пример, в котором 2 элементу установим относительное позиционирование и сместим его на 20px вверх и влево относительно его исходного положения:

Если в некоторой области страницы оказываются несколько позиционированных элементов, то они перекрывают друг на друга в определённом порядке. При этом по умолчанию выше оказывается тот элемент, который ниже описан в коде. Но порядок перекрытия элементов (их положение перпендикулярное экрану, т.е. вдоль оси Z) можно изменить. Осуществляется в CSS это с помощью свойства z-index . z-index может принимать отрицательные и положительные целые число, auto и 0 . Но, хорошей практикой является использование в качестве z-index чисел из диапазона 0-9999 .

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

Абсолютное позиционирование (absolute)

Установка абсолютного позиционирования элементу осуществляется посредством задания ему position: absolute .

Этот тип позиционирования позволяет разместить элемент именно там, где вы хотите.

Позиционирование выполняется относительно ближайшего позиционированного предка.

Под позиционированным элементом понимается элемент с position , равным relative , absolute , fixed или sticky .

В этом примере позиционирование элемента #id-3 будет выполнять относительно #id-2 , т.к. он является позиционированным и является по отношению к нему более близким предком.

Если данный элемент не был бы позиционированным, то позиционирование #id-3 выполнялось бы относительно #id-1 :

Если среди предков у элемента с position: absolute нет позиционированного элемента, то в этом случае он будет позиционироваться относительно HTML страницы, т.е. элемента body .

Когда элементу устанавливаем position: absolute без указания CSS свойств, определяющих его положение, он будет находиться в том месте, в котором он был бы расположен, если бы находился в потоке. При этом другие элементы не будут его видеть, и следовательно будут располагаться, не обращая никакого внимание на него.

CSS-свойства для управления положением абсолютно позиционированного элемента работают по-другому чем с position: relative .

CSS-свойства top , bottom , left и right задают положение элемента относительно ближайшего позиционированного предка или body , если такого предка нет.

Установить ширину (высоту) абсолютно позиционированному можно с помощью установки ему двух координат top и bottom ( left и right ).

Если элементу одновременно установить top , bottom и height , то предпочтение будет отдано top и height .

Абсолютное позиционирование применяется очень часто совместно с относительным позиционированием в дизайнерских целях, когда необходимо разместить различные элементы относительного друг друга, так же может применяться для создания выпадающих меню, разметки сайта и т.д.

Фиксированное позиционирование (fixed)

Задание элементу фиксированного позиционирования осуществляется посредством установки ему position: fixed .

Фиксированное позиционирование похоже на абсолютное, но в отличии от него оно всегда привязывается к краям окна браузера (viewport), и остаётся в таком положении даже при скроллинге страницы.

Фиксированное позиционирование применяется для закрепления на странице навигационных меню, кнопки «вверх», панелей с социальными кнопками и многого другого.

Совместное использование относительного и абсолютного позиционирования

Относительное позиционирование очень часто используется вместе с абсолютным позиционированием.

Если расположить блоки с абсолютным позиционированием в блок с относительным, то расстояния будут уже задаваться не от края окна браузера, а от границ относительного блока.
Например: для создания фиксированных макетов состоящих из 3 блоков, выровненных по верхнему краю. Установим высоту «400px» относительному блоку для наглядности .
Дополнительно к блокам можно применять свойство z-index , которое предназначено для позиционирования элементов по оси Z. Чем больше значение свойства z-index , тем ближе элемент расположен к нам, и наоборот, чем меньше значение, тем дальше расположен элемент от нас.

Не работают стили для div

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

в
$(«.city_name»).click(function() <
у вас происходит
$(«.active .city_list__info .toggle—open»).on(«click», function(e)
т.е. при втором нажатии на элементы вешается еще раз click и их становится 2
если нажать 3 раза, то будет 3 карты

вариант вытащить
$(«.active .city_list__info .toggle—open»).on(«click», function(e)
из
$(«.city_name»).click(function() <

HTML тег

Пример . Использование блока div

Преобразуется на странице в следующее:

Это элементарный пример использования тега

Теперь рассмотрим подробно все атрибуты тега div .

Атрибуты и свойства тега

align=»параметр» — задает выравнивание. Может принимать следующие значения:
- center — выравнивание текста по центру
- left — выравнивание текста по левому краю
- right — выравнивание текста по правому краю
- justify — выравнивание по левому и правому краю
title=»текст» — всплывающая подсказка к тегу. Почти никогда не используется.
— определяет принадлежность к классу.
style=»стили через запятую» — возможность задать стили.

Практические примеры использования

Давайте рассмотрим пару практических примеров с тегом

Пример. Вывод контента по центру с использованием div

Преобразуется на странице в следующее:

Теперь вместо тега можно писать

Пример. Красивая рамка с div

Преобразуется на странице в следующее:

Пример. Реализация тизеров на сайте

Удобство тега div состоит в том, что он размещается блочно относительно друг друга. Практическим примером является вывод подряд идущих блоков, которые будут автоматически переноситься на новую строку при достижении конца.

Таких элементов можно сделать множество. В итоге Вы получаете что-то подобное:

Div верстка. Как ее использовать, различные варианты исполнения

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

Div — верстка, это что такое?

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

Если взглянуть практически на любой современный сайт, то можно отметить их некоторое сходство, а именно присутствие на этих сайтах определнных зон: меню (menu), контент (content), шапка (header), низ сайт (footer). Такие зоны есть практически у любого сайта. А выглядят они все примерно так, как показано ниже.

На рисунке разными цветами я указал разными цветами зоны моего сайта. Красным — шапку, зеленым — меню, синим — контент, черным — низ сайта. В середине конента также я добавил блок названия статьи, и собственно блок самой статьи (текста). Вот таким образом выглядит процентов 70 сайтов в интернете, может быть только блоки меняются местами, но суть остается такой же.

Преимущества блочной div верстки

Преимущества дивной верстки следующие:

меньше кода, а значит меньше «мусорных» тегов на странице

возможность более гибкой разметки, т.к. каждый div не привязан ни к чему (в отличие от ячейки таблицы)

возможность поменять местами блоки в коде не характерным способом (например, сначала идет контент, а потом идет шапка, хотя визуально сначала идет шапка, а потом контент)

гораздо больше возможностей для разных JavaScript’ов

современный вариант (табличная верстка более не применяется)

Начинаем кодить, используя Div (тег

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

Давайте создадим простенький шаблон страницы, используя div-ы. Учтите, данный код надо выставить после и перед

Между двумя div вертикальная линия?

Есть макет из 3 колонок.

[Колонка 1] [Колонка 2]
[ Колонка 3 ]

Была идея сделать дополнительный div между ними и задать ему border 1px, но кажется идея глупая.
Как сделать разделительную линию между колонками 1 и 2?

Вопрос задан более трёх лет назад

11788 просмотров

Вообщем никак не получится поставить разделитель в 1px не затронув одну из колонок дописав ей border?

Александр Зачиналов: Кстати, вариант с псевдоэлементами ИМХО весьма привлекателен. Особенно, учитывая косяк IE с flex (при min-height не работает позиционирование и размеры по вертикали).

Илон Маск рекомендует: Что такое код http
При разной физической высоте колонок визуально можно сделать эту рамку на высоту контейнера. Ну, если не позиционировать сами колонки.

reifter: Вы-таки считаете border извращением?) Любопытно. Весьма.
А тормозящий box-shadow, значит — самое лучшее и крутое решение. Любопытно, да.
И псевдоэлементы — также извращение.

Описываю задачу — 3 колонки в макете с прижатым футером. Граница между ними должна быть по всей высоте контентной части. Покажите, как будете с помощью box-shadow решать?

Написали ответ с тенью, ну и написали. Вы решили убедить, что оно и есть самое верное?) Напрасно.

Как сделать DIV без содержимого шириной?

Я пытаюсь добавить ширину в DIV, но я, похоже, сталкиваюсь с проблемой, потому что у нее нет содержимого. Вот CSS и HTML, которые я имею до сих пор, но он не работает:

div обычно требует, по крайней мере, неразрывного пространства (& nbsp;), чтобы иметь ширину.

Используйте либо padding , height или &nbsp , чтобы ширина вступила в силу с пустым div

EDIT:

Не нуль min-height также отлично работает

Использовать min-height: 1px; Все имеет как минимум минимальную высоту 1px, поэтому дополнительное пространство не занято nbsp или дополнением, или сначала необходимо знать высоту.

Используйте CSS, чтобы добавить нулевую ширину в div. Содержимое div не будет занимать места, но заставит div отображать

Он имеет ширину, но без содержимого или высоты. Добавьте атрибут height в класс test1.

Существуют различные способы сделать пустой DIV с помощью float: left или float: right видимым.

Здесь представлены те, которые я знаю:

установить width (или min-width ) с height (или min-height )

или установить padding-top

или установите padding-bottom

или установить border-top

или установить border-bottom

или используйте псевдоэлементы: ::before или ::after с:

или

или положить внутри DIV (иногда это может привести к неожиданным эффектам, например, в сочетании с text-decoration: underline; )

Изменение документа

Модификации DOM – это ключ к созданию «живых» страниц.

Здесь мы увидим, как создавать новые элементы «на лету» и изменять уже существующие.

Пример: показать сообщение

Рассмотрим методы на примере – а именно, добавим на страницу сообщение, которое будет выглядеть получше, чем alert .

Это был пример HTML. Теперь давайте создадим такой же div , используя JavaScript (предполагаем, что стили в HTML или во внешнем CSS-файле).

Создание элемента

DOM-узел можно создать двумя методами:

Создаёт новый элемент с заданным тегом:

Создаёт новый текстовый узел с заданным текстом:

Создание сообщения

В нашем случае сообщение – это div с классом alert и HTML в нём:

Мы создали элемент, но пока он только в переменной. Мы не можем видеть его на странице, поскольку он не является частью документа.

Методы вставки

Чтобы наш div появился, нам нужно вставить его где-нибудь в document . Например, в document.body .

Для этого есть метод append , в нашем случае: document.body.append(div) .

Вот полный пример:

Вот методы для различных вариантов вставки:

node.append(. nodes or strings) – добавляет узлы или строки в конец node ,

node.prepend(. nodes or strings) – вставляет узлы или строки в начало node ,

node.before(. nodes or strings) –- вставляет узлы или строки до node ,

node.after(. nodes or strings) –- вставляет узлы или строки после node ,

node.replaceWith(. nodes or strings) –- заменяет node заданными узлами или строками.

Вот пример использования этих методов, чтобы добавить новые элементы в список и текст до/после него:

Наглядная иллюстрация того, куда эти методы вставляют:

Итоговый список будет таким:

Эти методы могут вставлять несколько узлов и текстовых фрагментов за один вызов.

Например, здесь вставляется строка и элемент:

Весь текст вставляется как текст.

Поэтому финальный HTML будет:

Другими словами, строки вставляются безопасным способом, как делает это elem.textContent .

Поэтому эти методы могут использоваться только для вставки DOM-узлов или текстовых фрагментов.

А что, если мы хотим вставить HTML именно «как html», со всеми тегами и прочим, как делает это elem.innerHTML ?

insertAdjacentHTML/Text/Element

С этим может помочь другой, довольно универсальный метод: elem.insertAdjacentHTML(where, html) .

Первый параметр – это специальное слово, указывающее, куда по отношению к elem производить вставку. Значение должно быть одним из следующих:

«beforebegin» – вставить html непосредственно перед elem ,

«afterbegin» – вставить html в начало elem ,

«beforeend» – вставить html в конец elem ,

«afterend» – вставить html непосредственно после elem .

Второй параметр – это HTML-строка, которая будет вставлена именно «как HTML».

Так мы можем добавлять произвольный HTML на страницу.

Мы можем легко заметить сходство между этой и предыдущей картинкой. Точки вставки фактически одинаковые, но этот метод вставляет HTML.

У метода есть два брата:

elem.insertAdjacentText(where, text) – такой же синтаксис, но строка text вставляется «как текст», вместо HTML,

elem.insertAdjacentElement(where, elem) – такой же синтаксис, но вставляет элемент elem .

Они существуют, в основном, чтобы унифицировать синтаксис. На практике часто используется только insertAdjacentHTML . Потому что для элементов и текста у нас есть методы append/prepend/before/after – их быстрее написать, и они могут вставлять как узлы, так и текст.

Так что, вот альтернативный вариант показа сообщения:

Удаление узлов

Для удаления узла есть методы node.remove() .

Например, сделаем так, чтобы наше сообщение удалялось через секунду:

Если нам нужно переместить элемент в другое место – нет необходимости удалять его со старого.

Все методы вставки автоматически удаляют узлы со старых мест.

Например, давайте поменяем местами элементы:

Клонирование узлов: cloneNode

Как вставить ещё одно подобное сообщение?

Мы могли бы создать функцию и поместить код туда. Альтернатива – клонировать существующий div и изменить текст внутри него (при необходимости).

Иногда, когда у нас есть большой элемент, это может быть быстрее и проще.

Вызов elem.cloneNode(true) создаёт «глубокий» клон элемента – со всеми атрибутами и дочерними элементами. Если мы вызовем elem.cloneNode(false) , тогда клон будет без дочерних элементов.

Пример копирования сообщения:

DocumentFragment

DocumentFragment является специальным DOM-узлом, который служит обёрткой для передачи списков узлов.

Мы можем добавить к нему другие узлы, но когда мы вставляем его куда-то, он «исчезает», вместо него вставляется его содержимое.

Например, getListContent ниже генерирует фрагмент с элементами
, которые позже вставляются в

:

Обратите внимание, что на последней строке с (*) мы добавляем DocumentFragment , но он «исчезает», поэтому структура будет:

DocumentFragment редко используется. Зачем добавлять элементы в специальный вид узла, если вместо этого мы можем вернуть массив узлов? Переписанный пример:

Мы упоминаем DocumentFragment в основном потому, что он используется в некоторых других областях, например, для элемента template, который мы рассмотрим гораздо позже.

Устаревшие методы вставки/удаления

Есть несколько других, более старых, методов вставки и удаления, которые существуют по историческим причинам.

Сейчас уже нет причин их использовать, так как современные методы append , prepend , before , after , remove , replaceWith более гибкие и удобные.

Мы упоминаем о них только потому, что их можно найти во многих старых скриптах:

Добавляет node в конец дочерних элементов parentElem .

Следующий пример добавляет новый
в конец

:

Вставляет node перед nextSibling в parentElem .

Следующий пример вставляет новый элемент перед вторым
:

Чтобы вставить newLi в начало, мы можем сделать вот так:

Заменяет oldChild на node среди дочерних элементов parentElem .

Удаляет node из parentElem (предполагается, что он родитель node ).

Этот пример удалит первый
из

:

Все эти методы возвращают вставленный/удалённый узел. Другими словами, parentElem.appendChild(node) вернёт node . Но обычно возвращаемое значение не используют, просто вызывают метод.

Несколько слов о «document.write»

Есть ещё один, очень древний метод добавления содержимого на веб-страницу: document.write .

Вызов document.write(html) записывает html на страницу «прямо здесь и сейчас». Строка html может быть динамически сгенерирована, поэтому метод достаточно гибкий. Мы можем использовать JavaScript, чтобы создать полноценную веб-страницу и записать её в документ.

Этот метод пришёл к нам со времён, когда ещё не было ни DOM, ни стандартов… Действительно старые времена. Он всё ещё живёт, потому что есть скрипты, которые используют его.

В современных скриптах он редко встречается из-за следующего важного ограничения:

Вызов document.write работает только во время загрузки страницы.

Если вызвать его позже, то существующее содержимое документа затрётся.

Так что после того, как страница загружена, он уже непригоден к использованию, в отличие от других методов DOM, которые мы рассмотрели выше.

Это его недостаток.

Есть и преимущество. Технически, когда document.write запускается во время чтения HTML браузером, и что-то пишет в документ, то браузер воспринимает это так, как будто это изначально было частью загруженного HTML-документа.

Поэтому он работает невероятно быстро, ведь при этом нет модификации DOM. Метод пишет прямо в текст страницы, пока DOM ещё в процессе создания.

Так что, если нам нужно динамически добавить много текста в HTML, и мы находимся на стадии загрузки, и для нас очень важна скорость, это может помочь. Но на практике эти требования редко сочетаются. И обычно мы можем увидеть этот метод в скриптах просто потому, что они старые.

Итого

Методы для создания узлов:

document.createElement(tag) – создаёт элемент с заданным тегом,

document.createTextNode(value) – создаёт текстовый узел (редко используется),

elem.cloneNode(deep) – клонирует элемент, если deep==true , то со всеми дочерними элементами.

Вставка и удаление:

node.append(. nodes or strings) – вставляет в node в конец,

node.prepend(. nodes or strings) – вставляет в node в начало,

node.before(. nodes or strings) –- вставляет прямо перед node ,

node.after(. nodes or strings) –- вставляет сразу после node ,

node.replaceWith(. nodes or strings) –- заменяет node .

node.remove() –- удаляет node .

parent.appendChild(node)

parent.insertBefore(node, nextSibling)

parent.removeChild(node)

parent.replaceChild(newElem, node)

Все эти методы возвращают node .

Если нужно вставить фрагмент HTML, то elem.insertAdjacentHTML(where, html) вставляет в зависимости от where :

«beforebegin» – вставляет html прямо перед elem ,

«afterbegin» – вставляет html в elem в начало,

«beforeend» – вставляет html в elem в конец,

«afterend» – вставляет html сразу после elem .

Также существуют похожие методы elem.insertAdjacentText и elem.insertAdjacentElement , они вставляют текстовые строки и элементы, но они редко используются.

Чтобы добавить HTML на страницу до завершения её загрузки:

После загрузки страницы такой вызов затирает документ. В основном встречается в старых скриптах.

Задачи

createTextNode vs innerHTML vs textContent

У нас есть пустой DOM-элемент elem и строка text .

Какие из этих 3-х команд работают одинаково?

elem.append(document.createTextNode(text))

elem.innerHTML = text

elem.textContent = text

решение

Ответ: 1 и 3.

Результатом обеих команд будет добавление text «как текст» в elem .

html — Как я могу сделать кнопки за разделителем div без использования «указателей-событий: нет»? — Qaru

У меня два div, я поставил один напротив другого с помощью z-index. К сожалению, они должны быть устроены таким образом, изменение расположения разделов не является вариантом. Проблема в том, что у меня есть кнопки в BOTH div, которые нужно кликать. Я не могу установить первый div в «pointer-events: none», потому что это делает верхние div-кнопки незаметными. Есть ли что-нибудь, что я могу сделать так, чтобы как верхний div, так и элементы под ним были доступны?

8.2 нужен пример работы с полем HTML документа

вот, нагуглил:
Для демонстрации работы элемента управления и иллюстрации приемов программного управления им в демонстрационной конфигурации «Примеры ИТС» существует обработка «Пример элемента управления ПолеHTMLДокумента».

дальше жалостливая итория:
подпичиком ИТС вполне себе являюсь, однако сейчас в отпуске, сижу практичеки на берегу моря, инет есть, а ИТС разумеется дома остались все диски.

если cf конфы «Примеры ИТС» как то ВНЕЗАПНО вдруг окажется в почте forsoul(гав)yandex.ru — радости моей не будет предела..

>дальше жалостливая итория:
>подпичиком ИТС вполне себе являюсь, однако сейчас в отпуске, сижу практичеки на берегу моря, инет есть, а ИТС разумеется дома остались все диски.

тебя пожалели =) отдыхай дальше =)
Зеленый Кот
я тут еще погуглил, наинфостартил. все в простой текст пихают с тегами, типа:

так я еще на 77 генерил целый сайт с прайсами и каталогом с картинками для торгашей, это не прикольно..
а нет ли методов-оберток типа такого:

что бы по нашему, по адинесски??

Я, к примеру, взял с собой на море заветный диск.

Копать в сторону объекта document dom

(9) то же хотел, да диковод не работает на ноуте

с dom неохота вязываться, проще тегами по старинке тогда уж.
а вот что за объекты такие:
типа, это видимо и есть адинесная обертка дом-модели, вроде то что нужно, только я не понял как из них документ собрать? например, как добавить в документ ЭлементКартинкаHTML?
точнее, как добавить понятно. не ясно как элемент создать новый, назначить свойства, чтоб потом его добавить?

Элемент управления предоставляет возможность показа HTML-документа, навигации и редактирования.
Элементу управления также доступны события HTML-документа.

(0) или я чето не понял из

короче, хочу эдакий форум в 1с сделать на тонком клиенте.

Опаньки, тут в 8.2 есть ДокументHTML!

>>например, как добавить в документ ЭлементКартинкаHTML?

в общем я понял, что вывести на морду нечто в виде HTML со ссылками я смогу так или иначе.

Не совсем понятно при этом как показать картинки и как их хранить. нужно в базе, значит вытаскивать в документ по ссылке из хранилища, как?

Дальше, самое сложное: Как позволить юзеру постить посты так, что бы не просто текст, а гиперссылки и картинки в нем? В идеале — набил текст, выделил мышкой фрагмент и правой кнопкой «назначить гиперссылку». Как?

загоняет все это форматирование в данные элемента ПолеХТМЛДокумента.

там нужно мудрить с событием нажатия на ссылку, но это мелочи.. Раздражает то, что в поле ФорматированныйДокумент есть команда меню «вставить гиперссылку», но перехватить его никак! а в стандартном виде — это диалог ввода адреа ссылки, а мне нудно в идеале чтоб выбор из списка метаданных, потом из спика документов\элементов.

как побороть — идей пока нет.

буду мучать, паралельно апать и ждать в понедельник тех, кто возможно этим заморачивался
Илон Маск рекомендует: Изображения в миниатюре

Как вывести содержимое div’а из одного документа в другой?

3 ответа 3

Всё ещё ищете ответ? Посмотрите другие вопросы с метками html или задайте свой вопрос.

Похожие

Подписаться на ленту

CSS — Позиционирование блочных элементов

Базовый поток документа

CSS-свойство position

Статичное позиционирование (static)

Относительное позиционирование (relative)

Абсолютное позиционирование (absolute)

Фиксированное позиционирование (fixed)

Совместное использование относительного и абсолютного позиционирования

Не работают стили для div

Рекомендованные сообщения

Создайте аккаунт или войдите в него для комментирования

Создать аккаунт

Войти

Статистика пользователей

Сейчас на странице 0 пользователей

Спрашивают сейчас

Пишут сейчас

HTML тег

Атрибуты и свойства тега

Практические примеры использования

Пример. Вывод контента по центру с использованием div

Пример. Красивая рамка с div

Пример. Реализация тизеров на сайте

Div верстка. Как ее использовать, различные варианты исполнения

Div — верстка, это что такое?

Преимущества блочной div верстки

Начинаем кодить, используя Div (тег

Между двумя div вертикальная линия?

Как сделать DIV без содержимого шириной?

Изменение документа

Пример: показать сообщение

Создание элемента

Создание сообщения

Методы вставки

insertAdjacentHTML/Text/Element

Удаление узлов

Клонирование узлов: cloneNode

DocumentFragment

Устаревшие методы вставки/удаления

Несколько слов о «document.write»

Итого

Задачи

createTextNode vs innerHTML vs textContent

html — Как я могу сделать кнопки за разделителем div без использования «указателей-событий: нет»? — Qaru

8.2 нужен пример работы с полем HTML документа