Jump to content
  • 0

Вставка слоя


Никола
 Share

Question

Доброго времени суток!

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

Код div-а на исходнике:

<div id="marquee_max">
<marquee direction="left" id="maga_max" behavior="scroll" scrolldelay="70" scrollamount="3" name="maga_max">Текст бегущей строки</marquee>
</div>

Интересует добавление именно этого слоя, без загрузки всего документа.

Буду благодарен за ответ.

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

Влад, можно немножко поподробнее? Я же не зря в разделе для начинающих вопросы задаю - как использовать innerHTML не знаю. Пытался в поисковиках посмотреть по этой функции, но только совсем запутался.

Link to comment
Share on other sites

  • 0

<script type="text/javascript">
document.getElementById("maga_max").innerHTML = ''Текст примера";
</script>

Если скрипт вызывается при загрузке документа, тогда надо добавить function

function blabla() {

document.getElementById("maga_max").innerHTML = ''Текст примера";

}

и вызывать через

Link to comment
Share on other sites

  • 0

Не получается у меня опять. Сделал для испытания 2 странички в одной папке на локальном компьютере:

site.html

<html>
<head>
<title>Исходник</title>
</head>
<body>
<div id="marquee_max">
<marquee direction="left" id="maga_max" behavior="scroll" scrolldelay="70" scrollamount="3" name="maga_max">Текст бегущей строки</marquee>
</div>
</body>
</html>

и mysite.html

<html>
<head>
<title>Мой сайт</title>
</head>
<body>

<script type="text/javascript">
document.getElementById("maga_max").innerHTML = '<iframe src=site.html></iframe>'Текст бегущей строки";
</script>

</body>
</html>

Какие у меня ошибки?

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