Создать форум бесплатно: ixbb.ru :: Календарь на Апрель 2024 года: calendar2008.ru/2024/aprel/

Страницы: (2) [1] 2  ( Перейти к первому непрочитанному сообщению ) Reply to this topicStart new topicStart Poll

Движок сайта на Java Script для фрихостов

, Без PHP, SQL и т.д.
антигерой
Отправлено: Aug 19 2007, 07:30 AM
Quote Post


  Солдат
*

Группа: Members
Сообщений: 2
Пользователь №: 1092
Регистрация:
19-August 07



Зацените как работает движок для сайта

Все страницы сделаны только в HTML и там находится только текст материала центральной колонки, а сборка меню и всего прочего, вывод CSS стилей - осуществляется Ява Скриптом - его надо вставить в начале HTML страницы и он сам всё автоматом делает, дизайн сайта собирается из отдельного файла с шаблоном - в нём дизайн можно поменять за пару часов для всего сайта.
Движок в чистом виде весит 4К всего :-))) Остальное - страницы, стили, картинки шаблона.
__________________
удаленное администрирование и настройка серверов FreeBSD & Linux
дистанционное обучение - курсы через интернет
Анархия - Сопротивление Си$теме
питомник: британские котята корниш рекс


--------------------
PMEmail PosterICQ
Top
Vader
Отправлено: Aug 19 2007, 08:33 AM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 745
Пользователь №: 1047
Регистрация:
22-July 07



Мда, особенно "заценил", как текст прокручивается, когда его много. Да здравствуют фреймы! smile.gif

Что будете делать если я JS отключу - неизвестно.


--------------------
Бесплатный хостинг на базе DirectAdmin и Cpanel.
---
Единственный разумный способ жить в этом мире — это жить без правил. © Джокер
PMUsers WebsiteICQ
Top
антигерой
Отправлено: Aug 19 2007, 03:03 PM
Quote Post


  Солдат
*

Группа: Members
Сообщений: 2
Пользователь №: 1092
Регистрация:
19-August 07



Его отключает 0,5% людей.

А много текста да - проблема. Но что-же делать ?
Предлагайте как её решить.


--------------------
PMEmail PosterICQ
Top
Vader
Отправлено: Aug 19 2007, 03:30 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 745
Пользователь №: 1047
Регистрация:
22-July 07



Хороший вариант - использовать AJAX.
Например, есть движок ajax, который вставляется в одну страницу. Все остальные страницы подгружаются асинхронно. В принципе, простенький код могу показать, если кому интересно.


--------------------
Бесплатный хостинг на базе DirectAdmin и Cpanel.
---
Единственный разумный способ жить в этом мире — это жить без правил. © Джокер
PMUsers WebsiteICQ
Top
centurion
Отправлено: Aug 19 2007, 04:23 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Members
Сообщений: 1265
Пользователь №: 959
Регистрация:
16-June 07



QUOTE (Vader @ Aug 19 2007, 12:30 PM)
Хороший вариант - использовать AJAX.
Например, есть движок ajax, который вставляется в одну страницу. Все остальные страницы подгружаются асинхронно. В принципе, простенький код могу показать, если кому интересно.

Мне интересно!
Покажи.
PMAOLYahooMSN
Top
centurion
Отправлено: Aug 19 2007, 04:26 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Members
Сообщений: 1265
Пользователь №: 959
Регистрация:
16-June 07



QUOTE (антигерой @ Aug 19 2007, 04:30 AM)
Зацените как работает движок для сайта

Все страницы сделаны только в HTML и там находится только текст материала центральной колонки, а сборка меню и всего прочего, вывод CSS стилей - осуществляется Ява Скриптом - его надо вставить в начале HTML страницы и он сам всё автоматом делает, дизайн сайта собирается из отдельного файла с шаблоном - в нём дизайн можно поменять за пару часов для всего сайта.
Движок в чистом виде весит 4К всего :-))) Остальное - страницы, стили, картинки шаблона.

На экране сколько страниц из фреймов 4 или 5?
PMAOLYahooMSN
Top
Vader
Отправлено: Aug 19 2007, 04:36 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 745
Пользователь №: 1047
Регистрация:
22-July 07



Простой пример. При использовании асинхронного запроса я не использую никакие дополнительные библиотеки.
Итак, создаём файл drive.js и пихаем внутрь его код:
CODE

function load_html(URL){

 if (window.XMLHttpRequest){
   request = new XMLHttpRequest();
   request.onreadystatechange = processStateChange;
   request.open("GET", URL, true);
   request.send(null);
 } else if (window.ActiveXObject) {
   request = new ActiveXObject("Microsoft.XMLHTTP");
   if (request) {
request.onreadystatechange = processStateChange;

request.open("GET", URL, true);
request.send();
   }
 }
}

function processStateChange(){

if (request.readyState != 4) {contentDiv = document.getElementById('ajax_content');
contentDiv.innerHTML = '<font color=red>Выполняется асинхронный запрос. Ждите</font>';

};
 if (request.readyState == 4){
   contentDiv = document.getElementById('ajax_content');
 
   if (request.status == 200){
response = request.responseText;
contentDiv.innerHTML = response;

   } else {
contentDiv.innerHTML = "Error: Status "+request.status;
   }
 }
}

Это самописный мини-движок для подгрузки страниц. Для удобства все страницы будут грузиться в слой с id=ajax_content.

Теперь создаём файл index.html, в раздел head вставляем drive.js
Файл index.html должен обязательно содержать слой <div id="ajax_content">.

Теперь, чтобы асинхронно инклудить любые страницы ссылка на них должна выглядеть так:
CODE

<a href="#" onclick="load_html('1.html')">

Создаём в папке с index.html файл 1.html и пишем в нём любой текст, только без разделов (без head, body и т.д.), то есть просто текст и форматирование тегами.

Примечание: кому непонятно, стучите в ICQ
Примечание № 2: чтобы не было ошибок в кодировке, используйте URF-8.


--------------------
Бесплатный хостинг на базе DirectAdmin и Cpanel.
---
Единственный разумный способ жить в этом мире — это жить без правил. © Джокер
PMUsers WebsiteICQ
Top
centurion
Отправлено: Aug 19 2007, 04:52 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Members
Сообщений: 1265
Пользователь №: 959
Регистрация:
16-June 07



QUOTE (Vader @ Aug 19 2007, 01:36 PM)

Примечание: кому непонятно, стучите в ICQ

А пример работы такого сайта у Вас есть (дайте ссылку)?
PMAOLYahooMSN
Top
Vader
Отправлено: Aug 19 2007, 04:55 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Super moderator
Сообщений: 745
Пользователь №: 1047
Регистрация:
22-July 07



Есть несколько, вот один из сайтов делал только движок
http://glendales.org
Сайт не мой, диз не мой. (На всякий случай, вдруг не понравиться кому-то)


--------------------
Бесплатный хостинг на базе DirectAdmin и Cpanel.
---
Единственный разумный способ жить в этом мире — это жить без правил. © Джокер
PMUsers WebsiteICQ
Top
centurion
Отправлено: Aug 19 2007, 05:02 PM
Quote Post


  Команда ЭйсВэб
*

Группа: Members
Сообщений: 1265
Пользователь №: 959
Регистрация:
16-June 07



QUOTE (Vader @ Aug 19 2007, 01:55 PM)
Есть несколько, вот один из сайтов делал только движок
http://glendales.org
Сайт не мой, диз не мой. (На всякий случай, вдруг не понравиться кому-то)

Ой, да он же - англоязычный!
Русские есть?
PMAOLYahooMSN
Top

Topic OptionsСтраницы: (2) [1] 2  Reply to this topicStart new topicStart Poll

 



[ Script Execution time: 0.0401 ]   [ 10 queries used ]   [ GZIP выключен ]