Вывести только часть страницы

Как показать только определенную область (элемент) в iframe?

iframe, если вы еще не в курсе, позволяет встроить на вашем сайте другой сайт в специальном окне. При различных поставленных задачах вам может потребоваться внедрение к себе не целого сайта, а, например, только определенной его области, как это было у меня. Мне нужно было «вырвать» у партнерского сайта калькулятор и разместить его на сайте клиента. Почитав информацию в Интернете на этот счет, я обнаружил, что большая ее часть устарела и попросту не работает. Я же в этой статье покажу вам пять рабочих способов, которые проверил лично.

Прежде чем начать рассмотрение вариантов определения отображения рабочей области, нужно понять, как вообще работает встраивание сайта через iframe.

Самый простой вариант – это:

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

И на примере такой конструкции перейдем к рассмотрению выделений нужной области встраиваемого сайта.

Первый вариант показа определенной области сайта в iframe

Этот вариант, наверное, самый простой. Все, что вам нужно сделать – это указать ссылку на сайт, типа:

Где «#element» – это ID нужного вам элемента на странице (уникальное значение), а также добавить атрибут «scrolling=»no»» к тегу iframe. Этот атрибут убирает всевозможные прокрутки встроенного окна.

Итоговый вариант получается таким:

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

Второй вариант показа определенной области сайта в iframe

Этот вариант так же прост, но немного «ленив», на мой взгляд. Для его реализации вам необходим доступ к встраиваемому сайту, а именно: вам необходимо продублировать страницу с желаемым элементом (дубль нужен для того, чтобы на рабочем сайте ничего не испортить) и убрать все, кроме этого элемента.

А дальше вы встраиваете эту страницу по принципу, приведенному в самом начале статьи. Убирать прокрутку здесь не обязательно, так как кроме самого элемента на странице больше ничего не будет. Вам остается лишь задать нужные размеры фрейм-окна.

Третий вариант показа определенной области сайта в iframe

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

Где «#result» – это ID элемента, куда нужно загрузить блок с ID «#element».

Главные минусы здесь – это отсутствие оформления подгружаемого элемента и ограничение на получение данных. Более подробно об этом способе написано здесь.

Четвертый вариант показа определенной области сайта в iframe

Вот мы и подошли к самому главному – это рабочий вариант показа определенной области непосредственно в iframe-окне. iframe в таком случае должен выглядеть примерно так:

И стили для настройки отображения:

Здесь блок «.iframe_block» – это размеры окна для отображения iframe, а «.iframe_class» – стили положения фрейма соответственно. Именно здесь вы настраиваете показ определенной области на встраиваемом сайте.

Стили прокомментированы, думаю, разобраться в них не составит труда. А если вопросы все же появились – пишите об этом в комментариях.

Пятый вариант показа определенной области сайта в iframe

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

Где «20, 500» – это отступ в пикселях слева и сверху соответственно. Обратите внимание, что этот метод работает только в том случае, если вы встраиваете в iframe страницы своего же сайта.

Источник

Как сделать ссылку на определенную часть страницы

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

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

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

Как сделать ссылку на определенное место текущей страницы

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

1. Присвойте якорь части страницы

Первым пунктом вам нужно присвоить так называемый «якорь» (anchor) той части страницы, на которую пользователя должно перекидывать при нажатии на ссылку. Для этого перед текстом в этой части страницы вставьте следующий код

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

2. Сделайте ссылку на «якорь»

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

где «anchor» замените на то слово, которое выбрали в первом пункте статьи.

Как сделать ссылку на определенную часть другой страницы

Таким же способом, который мы рассмотрели выше, можно ставить ссылки не только на часть текста на той же странице, но и на определенное место любой другой страницы. Главное, что бы у вас была возможность разместить там «якорь». Делается это следующим образом:

1. Присвойте «якорь» странице-реципиенту

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

где вместо «anchor» вы так должны вставить любое слово по вашему желанию.

2. Сделайте ссылку на anchor другой страницы

Как и в предыдущем случае, вам нужно просто поставить ссылку на созданный ранее «якорь». Разница лишь в том, что ссылаясь на часть другой страницы вам нужно добавить её URL в код, который в результате будет выглядеть следующим образом

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

Пример ссылки на часть страницы

Для примера, нажав на эту ссылку вы перейдете к началу статьи. Соответственно, в самом начале статьи мы вставили код

а код ссылки выглядит вот так

Если бы эта ссылка на начало статьи была размещена на другой странице или другом сайте, то её код выглядел бы следующим образом

Источник

Вывод часть страницы

Вывод новостей в определенную часть страницы
Как создать новости? Что нужно сделать, чтобы заставить их выводиться где мне надо?

Переделываь часть страницы без перезагрузки страницы
И так у меня есть код 11

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

Что ты имеешь ввиду?

Kdn, не понятно что, но не работает тот код, котторый Вы дали. Попробовал написать так:

Тоже не работает. Кнопка ничего не делает! Что может происходить?

Добавлено через 4 минуты
FireBug пишет:
TypeError: window.frames[0].document.getElementById(«login») is null
file:///C:/Users/Anri/Documents/WebServers/home/postall.com/www/this.html
Line 0

Добавлено через 6 минут
теперь так:
Error: Permission denied for to get property Window.document
file:///C:/Users/Anri/Documents/WebServers/home/postall.com/www/this.html
Line 0

Тоесть общаться с iframe вообще совершенно не возможно?

Добавлено через 21 час 34 минуты
Неужели никто не знает как здесь быть? Я же не знаю PHP. Спасите!

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

Независимая часть HTML страницы.
Здравствуйте, народ! Недавно для своей группы сайт начал создавать, и в процессе работы появилось.

Обновить часть страницы с контентом
Пишу сайт библиотеки(курсовая) Извиняюсь если тема повторяются, буду рад ссылкам на эти темы Есть.

Ссылка на определенную часть страницы
Есть страница, на которой есть скрытая форма. При нажатии на кнопку ОТВЕТИТЬ на комментарий эта.

Источник

Как при помощи php вывести блок только на нужной странице?

Попробовал код обернуть в

Но в таком случае он отображается и на вложенных страницах.
А на вложенных не нужен.

Как можно решить?

• Вопрос задан более года назад
• 156 просмотров

Простой 1 комментарий

Если в строке будут GET (хотя вроде и не будет… я не помню) или index.php, то данное решение не пройдёт,

подойдет, если гет запрос не влияет на выбор страницы. Обычно запросы такого вида обрабатываются через роутинг и гет запросы несут в себе дополнительную/фильтрующую информацию, не влияющую на выбор раздела сайта. То же касается index.php — в условии четко указано какой должен быть концевой раздел урл. И при использовании роутинга index.php в конце урл просто выдаст ошибку, или будет считаться параметром, в зависимости от настроек.

Если окажется строка, вида «/prodazha», но будет запрошена совсем другая страница, типа «/sukablayt/nahoy/prodazha/» то условие пройдёт проверку… уже баг.

Не баг, а неверная архитектура. Если у вас разные разделы с одинаковым окончанием — значит что-то пошло не так. Хотя это не исключено, но как мы видим по вопросу — прочие условия не предоставлены, исходим из того что есть, в идеале нужно проверять название контроллера или экшна, но структура проекта нам не известна, по этому такое решение в любом случае «костыльное».

Преобразование типов тут не нужно, тогда лучше использовать сравнение без преобразования типов. Правильно ли я понимаю?

Источник