Презареждане с AJAX

Ето ти файла ajax.php:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var xmlHttp = false;
function initPage(){
if(window.XMLHttpRequest)
{
xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else {
alert("Вашият броузър не поддържа AJAX");
exit();
}
}
function change(x){
var url = 'http://localhost/proba.php?page='+encodeURIComponent(x);
var myDiv = document.getElementById('myDiv');
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = function() {
if(xmlHttp.readyState == 4)
{
myDiv.innerHTML = xmlHttp.responseText;
}
}
xmlHttp.send(null);
}
</script>
<style type="text/css">
#myDiv {
width:400px;
height:300px;
border:solid 1px red;
}
</style>
</head>

<body onload="initPage()">
<a href="#" onclick="change(this.id)" id="1">Линк 1</a><a href="#" onclick="change(this.id)" id="2">Линк 2</a><a href="#" onclick="change(this.id)" id="3">Линк 3</a><a href="#" onclick="change(this.id)" id="4">Линк 4</a>
<div id="myDiv"></div>
</body>
</html>
Увеличете...

Ето и другия файл proba.php:
Код: 
<?php
header("Content-Type:text/html; charset=windows-1251");
$page = $_GET['page'];
switch ($page){
	case '1':
		echo "Слоновете (Elephantidae) са семейство, отделено в специален разред наречен Хоботни (Proboscidea) от клас Бозайници. Известни са три вида: Степен слон, Горски слон (познати като Африкански слон) и Азиатски слон (известен и като Индийски слон). До настъпването на Ледената епоха са живеели и други видове (Мамут, Мастодонт, Платибелодонт и Амебелодонт).

Слоновете са сред най-дълго живеещите бозайници. Малките на слона се раждат с тегло около 100 кг. Износването им трае 20–22 месеца и е най-продължителното при бозайниците. Слоновете живеят 70 - 80 години, но отделни индивиди живеят и до 100 години.";
	break;
	case '2':
		echo "Тигърът (Panthera tigris) е бозайник от семейство Коткови (Felidae). Между големите котки успели да доживеят наши дни, тигрите са несъмнено най-големи. В диво състояние сибирският подвид достига 350 кг, според някои източници. Достига до 3,8 м дължина, от които 0,8 се падат на опашката.";
		break;
	case '3':
		echo "Разред Хищници (Carnivora) обединява над 260 вида плацентни бозайници с голямо разнообразие на форми и размери, физическа стуктура и начин на живот. Най-малкият сухоземен хищник е невестулката с дължина на тялото едва 11 см. и тегло до 25 грама, а кафявата мечка може да надхвърли 1 тон тегло и така стигаме до мъжкия морски слон, който достига до 7 м. дължина и 5 тона тегло. Хищници наричаме всички животни хранещи се с месо на други животни, но именно тези хищници днес заемат върха на хранителната верига по цял свят.";
		break;
	case '4':
		echo "Приматите (Primates) са разред плацентни бозайници. Този таксон обединява всички животински видове, родствени на лемурите, маймуните и човекоподобните маймуни, включително и Човека (Homo sapiens).

Разредът се дели несистематично на три групи — полумаймуни, маймуни от Стария свят и маймуни от Новия свят. Полумаймуните са по-близки по устройство до първите предшественици на приматите. Може би най-известната група полумаймуни, тази на лемурите, обитава остров Мадагаскар и до някаква степен Коморските острови. Маймуните от Новия Свят населяват предимно Южна и Централна Америка. С изключение на хората, третата група маймуни са разпространени в Африка, Азия и Централна Азия, но изкопаеми находки предполагат обитаването и на Европа в по-ранен период.";
		break;
		
}
?>
:D
 
ДА, може да направиш примерно следното:във файла proba.php да направиш следните промени:
$page = $_GET['page'];
switch($page){
case '1':
include main.php;
break;
case '2':
include index.php;
break;
case '3':
include login.php
break;
}
Увеличете...
:D
 
Аа да ве братле :) ам имам само един проблем като примерно съм цъкнал на Линк 3 ... и като дам рефреш ме връща пак в началото .. така е и примерно като попълвам някоя форма и като дам на бутона вече да изпрати заявката и ме връща в началото вместо да остане там и да пише примерно благодаря ви регистрирахте се успешно
 
GodFather2 каза:
Аа да ве братле :) ам имам само един проблем като примерно съм цъкнал на Линк 3 ... и като дам рефреш ме връща пак в началото .. така е и примерно като попълвам някоя форма и като дам на бутона вече да изпрати заявката и ме връща в началото вместо да остане там и да пише примерно благодаря ви регистрирахте се успешно
Увеличете...
Ако ми остане време ще погледна! :)
 
За такова нещо е глупаво да се използва ajax.. по-добре с iframe според мен (той го е направил само да се изфука че знае какво е ajax :D ).. само с javascript му сменяш src-то. Ето ти един пример:
Код: 
<iframe src="page1.html" style="border:0px; background-color:none;" id="content"></iframe>
<script language="javascript">
function changePage(new_page) {
 document.getElementById('content').src=new_page;
}
</script>
<a href="javascript:changePage('page2.html');">Link</a>
 
chalgoman каза:
За такова нещо е глупаво да се използва ajax.. по-добре с iframe според мен (той го е направил само да се изфука че знае какво е ajax :D ).. само с javascript му сменяш src-то. Ето ти един пример:
Код: 
<iframe src="page1.html" style="border:0px; background-color:none;" id="content"></iframe>
<script language="javascript">
function changePage(new_page) {
 document.getElementById('content').src=new_page;
}
</script>
<a href="javascript:changePage('page2.html');">Link</a>
Увеличете...
iframe е отживелица.Този таг е на път да остане в историята.
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе