Jump to content
  • 0

Фреймы. Ссылка во фрейм на другой странице.


MoWe
 Share

Question

Столкнулся с проблемой, нужна помощь знающих людей. Есть страница с фреймами, и есть картинка-карта на отдельной странице (_blank), как по клику на карте, открыть новую страницу в уже имеющемся фрейме другой страницы. То есть что-то типа пульта получается.

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

Или есть другой путь: Как сделать изображение карту во фрейме который имеет скролбар и размеры которого зависят от разрешения у пользователя (100%/100%). Возможно ли привязать намертво карту к изображению таким образом чтобы масштабирование происходило вместе (+скролбар тоже должен учитываться).

Кто подскажет, того назову настоящим асом-сайтостроителем.

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

насколько я понял ты хочешь открыть картинку в том же фрейме что и превью??

если да то надо дать фрейму имя (например: photo) и подгрузить в него твою страницу с фотографией, но с оговоркой. надо заключить фотографию в ...

примерно так

<a href="1.jpg" ><img src="1.jpg" border="0"></a>

чтоб вообще хорошо было, можно припечатать:

<a href="1.jpg" target="имя_фрейма"><img src="1.jpg" border="0"></a>

Будет и картинка 100% размера и скролл-бар

Вроде так.

Link to comment
Share on other sites

  • 0

Тогда получится фотография во фрейме, но на такоую фотографию не получается сделать карту, так как у не? есть скроллбар, а карта рисуется только на видимую зону.

Link to comment
Share on other sites

  • 0
Представь что открыты 2 хтмл страницы (2 окна), можно ли по ссылке во втором окне, открыть ссылку в первом окне?

Думаю, да. Java Script'ом.

Копайте в сторону DOM -- document object model. На xhtml.ru есть для начинающих по этой теме.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

  • Обсуждения

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy