как показать содержимое других сайтов на моем сайте

0

Я ищу код, который выполняет простую задачу. ниже задача

скажем, мой сайт http://www.url.com

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

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

http://i58.tinypic.com/s6t84h.jpg

вы можете увидеть, что я хочу на изображении выше.

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

Я ценю, если бы вы могли мне помочь

Я нашел это решение и, похоже, работает. Мне просто нужен таймер обратного отсчета, а также я хочу обрезать, допустим, 200px верхушки каждого веб-сайта и, как бы сдвинуть его, потому что одна страница не отображает весь контент, который я хочу, если вы не используете прокрутку, и я этого не хочу.

    <!DOCTYPE html>
    <html>
    <body>

    <div align="center" style="border:4px solid red ">
    <div style="color:#0000FF">
    <h3>some content<color:#0000FF/h3>
<h3>some more content<color:#0000FF/h3>
</div> 
</div>

<iframe id="rotator" src="http://www.zcast.ir" width="100%" height="600" scrolling="no" border="0" ></iframe>

<script>
// start when the page is loaded
window.onload = function() {

var urls = [
"http://www.zcast.ir",
"http://www.tgju.org",
"http://www.on3.ir", 
"http://www.goldinfo.ir",
"http://www.zarban.ir",
];

  var index = 1;
  var el = document.getElementById("rotator");

  setTimeout(function rotate() {

    if ( index === urls.length ) {
  index = 0;
}

el.src = urls[index];
index  = index + 1;

// continue rotating iframes
setTimeout(rotate, 5000);

}, 5000); // 5000ms = 5s
 };
</script>

</body>
</html>
  • 0
    использовать seamless атрибут, чтобы скрыть границы и полосы прокрутки в iframe
  • 0
    Вы можете использовать iframe, но это может быть запрещено целевым сайтом. См. Мой ответ и демонстрацию для получения дополнительной информации stackoverflow.com/questions/23103134/…
Показать ещё 1 комментарий
Теги:
iframe

2 ответа

1

Да, вы можете сделать это, используя iframe

1) установить для scrolling атрибута iFrame значение no:

<iframe src="/default.asp" width="200" height="200" scrolling="no">
</iframe>

подробнее: iFrame attr (w3Schools)

2) setTimeout для таймера: - см. Больше
3) Перезагрузите iframe из родительского окна - см. Больше

Вы можете использовать position:fixed; стиля position:fixed; и top:0; для размещения div вверху вашей страницы:

<div style="position:fixed;top:0;"> some content here </div>

Итак, это все! :)

Поделиться
  • 0
    когда я использую <div style = "position: fixed; top: 0;"> некоторое содержимое здесь </ div>, только "некоторое содержимое будет отображаться, а остальное исчезнет"
  • 0
    Да, конечно, вам нужно сделать некоторые настройки (стили) в этом элементе. например: <div style = "position: fixed; top0; ширина: 100%; высота: 100px; background-color: blue;"> Часть содержимого здесь </ div>
Показать ещё 1 комментарий
1

Вы можете использовать iframe, но, убедитесь, что целевой сайт может запретить встраивание iframe. Вы можете использовать следующий код;

var websites = new Array(
    "http://www.hurriyet.com",
    "http://www.milliyet.com",
    "http://www.amazon.com"
);
var counter = 0;
var sTimeOut = setInterval(function () {
    var index = counter%(websites.length);

    $("#website_div").html($('<iframe src="' + websites[index] + '" width="500" height="500" border="0" scrolling="no"/>' ));
    counter++;  
}, 5000);

Поместите свои сайты в список, и он будет повернут.

Вот рабочая демонстрация: Demo

Поделиться
  • 0
    Спасибо за ваш ответ. это работает просто отлично. но у меня есть два вопроса. Во-первых, как мне написать простой текст или контент сверху и сделать так, чтобы это было исправлено, я имею в виду, что в отправленной вами демонстрации есть четыре окна, в одном из которых написано HTML. Я хочу знать, что я должен положить туда. и, во-вторых, как я могу добавить таймер сверху, чтобы он показывал, сколько еще секунд обновляет iframe. Я также хочу знать, как я могу получить окончательный код с этого сайта JSFiddle.
  • 0
    Можно ли задать размер iframe в процентах, чтобы в зависимости от устройства или разрешения он менялся?
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню