Загрузка страницы?

Question

[Imran Guseynov]

Задача такая:
локальный html файл проверяет, есть ли доступ к интернету. Если нет, то выводит соответствующее сообщение, если доступ есть - то загружает определенную страницу.
Я реализовал это так:

<script>
$( "html" ).load("http://site.com/index.php", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "Возникла ощибка ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});
</script>

В таком случае возникает проблема: на загружаемом сайте, если написано так

<script src="js/setTime.js"></script>
        <script type="text/javascript" src="praytimes.js"></script>
        <link rel="stylesheet" href="css/style.css" media="screen">

то эти файлы 'ищутся' на компьютере.

Какую альтернативу вы можете предложить?

Answer 1

[Rsa97]

Загружаемый с сайта файл может выполнять переход на сам сайт меняя document.location.href

Comments

[Imran Guseynov]

да можно, но как мне в таком случае проверить есть ли доступ к интернету?

[Rsa97]

Вы кажется не поняли. Файл, который вы загружаете с сайта для проверки интернета как раз и должен содержать скрипт с заменой url. Или Вы делать проверку при загрузке каждого файла?

Answer 2

[Mykola Dzedzinskyi]

То что в голову первое пришло - загружать простую страницу без скриптов или какой то json object или маленькую иконку.

var url = 'http://requested-site.com/';
var testElement = 'ping-ico.jpg';
TryToReconnect(url, testElement);
function TryToReconnect(url, testElement){
       $.ajax({
          url: url+testElement,
          success: function(result){
             window.location.href = url;
          },     
          error: function(result){
              alert('timeout/error');
          }
       });
    }

Если нужно внедрять загружаемую страницу в локальную страницу клиента - используйте iframe, или кроссдоменный ajax
вот собственно про кроссдоменный ajax habrahabr.ru/post/114432

Comments

[Imran Guseynov]

у меня должен открываться полноценный сайт

[Mykola Dzedzinskyi]

добавил код в свой ответ, так должно работать, или вас интересует загрузка страницы и отображение ее в открытой локальной html странице?

[Imran Guseynov]

я хочу что загружаемая страница полностью заменила локальную

[xaja]

iframe, привет!

[Mykola Dzedzinskyi]

чем предоставленный мной пример вас не устраивает?

[Mykola Dzedzinskyi]

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

Answer 3

[Imran Guseynov]

я реализовал так

<script>
$("#content").html('<img src="load.gif" /> подключение'); 
$.ajax({
	url:'http://site.ru/new/test1.php',
	type:'HEAD',
	error:
		function(){
				$("#content").html('файла нет'); 
				},
	success:
		function(){
				$("#content").html('файл есть'); 
				}
	});
</script>

Answer 4

[mayorovp]

Можно после успешной загрузки добавить тэг base в заголовок.

Answer 5

[Виталий Желтяков]

Прочитал вопрос и долго плакал...

Используйте Application Cache