[РАБОТНИЧЕК ]
Главная » Файлы » Ajax
ajax navigation
18.06.2009, 14:45
Загружает страницу рядом с ссылкой без использования фреймов.
-----------------------------------------------------------------
Пример использования скрипта:

:(
-----------------------------------------------------------------
Код скрипта:

Вставьте следующий код между тегами <BODY></BODY>

<table>
<tr>
<td valign=top width=150>
<H5>My Navagation links</H5>
<a href="javascript:void(0)" onclick="open_url('page-1.html','my_site_content');">Go to page 1</a><br>
<a href="javascript:void(0)" onclick="open_url('page-2.html','my_site_content');">Go to page 2</a><br>
<a href="javascript:void(0)" onclick="open_url('page-3.html','my_site_content');">Go to page 3</a><br>
<a href="javascript:void(0)" onclick="open_url('page-4.html','my_site_content');">Go to page 4</a><br>
<a href="javascript:void(0)" onclick="open_url('xxxx.html','my_site_content');">Broken Link</a><br>
</td>
<td valign=top>
<div id="my_site_content">
</div>
</td>
</tr>
</table>


Вставьте следующий код между тегами <HEAD></HEAD>

<script type="text/javascript" src="ajax_navagation.js"></script>

  set_loading_message("Please wait while the page is opening....");



Скопируйте в отдельнй файл ajax_navagation.js

var please_wait = null;

function open_url(url, target) {
     if ( ! document.getElementById) {
          return false;
     }

     if (please_wait != null) {
          document.getElementById(target).innerHTML = please_wait;
     }

     if (window.ActiveXObject) {
          link = new ActiveXObject("Microsoft.XMLHTTP");
     } else if (window.XMLHttpRequest) {
          link = new XMLHttpRequest();
     }

     if (link == undefined) {
          return false;
     }
     link.onreadystatechange = function() { response(url, target); }
     link.open("GET", url, true);
     link.send(null);
}

function response(url, target) {
     if (link.readyState == 4) {
         document.getElementById(target).innerHTML = (link.status == 200) ? link.responseText : "Ooops!! A broken link! Please contact the webmaster of this website ASAP and give him the fallowing errorcode: " + link.status;
    }
}

function set_loading_message(msg) {
     please_wait = msg;
}



Категория: Ajax | Добавил: Администратор
Просмотров: 418 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]