Собираюсь, точнее попытаюсь, написать свою CMS. Для написания выбрал PHP+MySQL
активно используя AJAX.
Т.к. я плохо знаю PHP и MySQL - буду писать руководствуясь уже готовыми примерами)
Если есть идеи, то предлагайте. Буду рад помощи.
Начну с самого начала....пока возьму простой HTML и реализуем в нем простое применение AJAX- переход по страницам без перезагрузки всей страницы.
Пока назову ее bf_cms
И так начнём-
Кстати все страницы нужно сохранять в кодировке utf-8! А то вместо кириллицы будут выводиться каракули.
Создаём файл index.html
Его содержимое:
<html>
<head>
<title>Начало</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="JavaScript" type="text/javascript">
function getXmlHttpRequestObject() {
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
} else if(window.ActiveXObject) {
return new ActiveXObject("Microsoft.XMLHTTP");
} else {
alert("Ваш браузер не поддерживает XmlHttpRequest.");
}
}
var receiveReq = getXmlHttpRequestObject();
// Вызов функции под названием function1
function function1() {
if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
receiveReq.open("GET", '1.html', true); // 1.html - название загружаемой страницы
receiveReq.onreadystatechange = content;
receiveReq.send(null);
}
}
// Вызов функции под названием function2
function function2() {
if (receiveReq.readyState == 4 || receiveReq.readyState == 0) {
receiveReq.open("GET", '2.html', true); // 2.html - название загружаемой страницы
receiveReq.onreadystatechange = content;
receiveReq.send(null);
}
}
function content() {
if (receiveReq.readyState == 4) {
document.getElementById('content_result').innerHTML = receiveReq.responseText;
}
}
</script>
</head>
<body>
<p>
<a href="java script:function1();">Test 1</a><br />
<a href="java script:function2();">Test 2</a>
</p>
<p> </p>
<p><span id="content_result"></span></p>
</body>
</html>
Создаем файл 1.html
Его содержимое:
Страница 1
Создаем файл 2.html
Его содержимое:
Страница 2