Помогите решить проблему с AJAX

Статус
Закрыто для дальнейших ответов.

tools

Member
Регистрация
29.11.2010
Сообщения
20
[background=rgb(244, 244, 244)]Здравствуйте[/background][background=rgb(244, 244, 244)] многоуважаемые знатоки кода !. Мне нужна ваша помощь, ниже вы ведите код который загружает страницы без перезагрузки браузера, мне нужно что бы еще в адресной строке, этот скрипт добавлял название загружаемого файла например index.php?id=1#page2.html.[/background]

[background=rgb(244, 244, 244)]Буду очень благодарен...[/background]

[background=rgb(244, 244, 244)]
Код:
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; Charset=UTF-8"> 
<script> 
    function showContent(link) { 
 
	    var cont = document.getElementById('contentBody'); 
	    var loading = document.getElementById('loading'); 
 
	    cont.innerHTML = loading.innerHTML; 
 
	    var http = createRequestObject(); 
	    if( http )  
	    { 
		    http.open('get', link); 
		    http.onreadystatechange = function ()  
		    { 
			    if(http.readyState == 4)  
			    { 
				    cont.innerHTML = http.responseText; 
			    } 
		    } 
		    http.send(null);	 
	    } 
	    else  
	    { 
		    document.location = link; 
	    } 
    } 
 
    // создание ajax объекта 
    function createRequestObject()  
    { 
	    try { return new XMLHttpRequest() } 
	    catch(e)  
	    { 
		    try { return new ActiveXObject('Msxml2.XMLHTTP') } 
		    catch(e)  
		    { 
			    try { return new ActiveXObject('Microsoft.XMLHTTP') } 
			    catch(e) { return null; } 
		    } 
	    } 
    } 
</script> 
</head> 
 
<body> 
 
    <p>Какую страницу желаете открыть?</p> 
	 
    <form> 
	    <input onclick="showContent('page1.html')" type="button" value="Страница 1"> 
	    <input onclick="showContent('page2.html')" type="button" value="Страница 2"> 
    </form> 
	 
    <div id="contentBody">
	  <!--Кон тент-->
    </div>
[/background]
 

mrlasking

$_GET['rich'] or die('trying');
Регистрация
22.05.2012
Сообщения
323
ну дык сделайте не через инпут-кнопки, а через ссылки, с обработкой онклика и фолсом по переходу, логично же.
 

tools

Member
Регистрация
29.11.2010
Сообщения
20
<span onclick="showContent('page1.html')">Страница 1</span>

<span onclick="showContent('page2.html')">Страница 2</span>

Извиняюсь вот так....
mrlasking - а можно на примере показать?
 

AngelGabriel

И имя мне - легион
Регистрация
23.11.2008
Сообщения
778
Код:
<a href="page1.html" onclick="showContent(this.getAttribute('href')); return false;">Page 1</a>
Работа со строкой браузера примерно так
Код:
function process(link) {
   xmlHttp.open("GET", link, true);
   xmlHttp.send(null);
   xmlHttp.onreadystatechange = function() {
    textResponse = xmlHttp.responseText;
    document.getElementById("contentBody").innerHTML = textResponse;
    history.pushState(null, null, link);
		 }
}
 

mrlasking

$_GET['rich'] or die('trying');
Регистрация
22.05.2012
Сообщения
323
[member=tools], не успел) Вот уже [member=AngelGabriel], описал идею. Плюсую ;)
 
Статус
Закрыто для дальнейших ответов.
Верх Низ