Генерация страниц из текстового файла

[Scorch62]

Доброго времени суток.
Есть сайт на PHP+MySQL (справочник. По сути это одна страница с меню [более 100 пунктов], на которой меняется только контент). Необходимо записать сайт на диск, следовательно нужно сделать так, чтобы он работал без PHP.
Если создать обычный текстовый файл (сгенерировать из базы данных) с таким содержимым:

ссылка1 | контект1
ссылка2 | контент2
...
ссылкаN | контентN

то как с помощью JS можно будет вытащить определенную строку?
Насколько предложенный выше способ оптимален (текстовый файл ~4-8 мб). Может быть есть более удачные идеи. Нужно, чтобы сам справочник был именно на HTML.
В JS не очень хорошо разбираюсь. Код не обязательно, хотя бы подскажите в какую сторону копать (или вообще отказаться от этой идеи).

[Deff]

Scorch62,
Подгрузить клиенту постепенно на LocalStorage(Можно Aяксом и по частям, дабы не перегружать пользователя)
максимальный объем LocalStorage 5 мегов

[Scorch62]

... дабы не перегружать пользователя

если вы о трафике, то с этим не будет проблем, потому что все файлы будут записаны на диск и пользователь будет просматривать материал оттуда. Вопрос скорее в том, как вытащить данные из текстового файла (если это возможно) и вообще в каком формате хранить данные.
Я тут наткнулся на JSON, быстренько пробежался по статье, но так и не понял подойдет ли это для решения моей задачи.

[Deff]

Scorch62,
Эээ с компутера пользователя - я не знаю, возможно jsonp - продойдет, хотя не уверен, всегда первичную подгрузку делал с инета

[Deff]

Можно тупо вставить контекст в файл зподгружаемого скрипта, типо так
<script src="Скрипты%20от%20пользовате� �ей%20%28Единый%20форум%20подде� �жки%29_files/watch000.js" type="text/javascript"></script>

Контекст в скрипте таков:

var aaaContent='если вы о трафике, то с этим не будет проблем, потому что все файлы будут записаны на диск и пользователь будет просматривать материал оттуда. Вопрос скорее в том, как вытащить данные из текстового файла (если это возможно) и вообще в каком формате хранить данные.\
\
 Я тут наткнулся на JSON, быстренько пробежался по статье, но так и не понял подойдет ли это для решения моей задачи\
Всё';

Недостатки: Каждый конец строки или пустую строку нужно заканчивать обратным слеш \
в тексте должны отсутствовать одинарные кавычки '
Файл желательно класть в корень диска и имя файла = англоязычное

[Scorch62]

Deff,
кстати, да - хорошая идея, но...
мне ведь нужно в качестве контента хранить HTML-код (абзацы, списки, заголовки, классы). Разве нельзя экранировать кавычки и другие символы?
А за идею - большое спасибо, сегодня вечером попробую сделать.

[Deff]

Разве нельзя экранировать кавычки и другие символы?

можно: Одинарые кавычки и обратный слеш в контенте экранируем так:
\'

\\

[danik.js]

Для локальных файлов не работает XHR. Но ведь можно просто подключать html-файлы с помощью тегов <script type="text/html src="xxx"></script>, а по onload выводить их содержимое куда нужно. Должно работать. Или старые добрые frame'ы.

[Scorch62]

danik.js, спасибо, но создавать более 100 страниц не очень-то удобно.
Пока решение с хранением контента в переменных - самое удобное (учитывая, что js не поддерживает работу с файлами; а так получается что-то вроде примитивной базы данных).

Вот еще один вопрос появился. Есть вот эта примитивная "база данных"

var main= 'Содержимое страницы main',
another = 'Содержимое страницы another';

есть меню и блок для контента

<a href='#main'>Страница 1</a>
<a href='#another'>Страница 2</a>
...
<div id='content'></div>

Как при клике на ссылку #another вывести содержимое переменной another? (т.е. в адресе ссылки хранится название переменной) Можно с jQuery.

[danik.js]

$('a').click(function(e){
    var anchor = this.href.split('#').pop();
    location.hash = anchor;
    $('#content').innerHTML = window[anchor];
    e.preventDefault();
});