Управление содержимым ячейки таблицы из меню

Aryan · September 13, 2008

Здравствуйте.

Есть таблица. В одном столбце таблицы находится меню. В другом контент.

Нужно, чтобы по выбору пункта меню менялся контент.

Контент представлен ввиде других страничек html.

Подскажите, как сделать Желательно с примерами Спасибо.

Джин · September 13, 2008

либо фреймы - не советую... и пример не покажу, т.к. давно с ними не работаю

ssi - вроде так называется.. погугли, вроде все просто

php - рано пока :rolleyes:

Aryan · September 13, 2008

SSI предназначен для "впаивания" одних файлов в код других. Как это применить для схемы: клик в меню -> изменение контента в ячейке таблицы? Есть вариант грузить заного страницу с другим контентом, но ради одной ячейки таблицы, грузить заного всю страницу - идиотизм :rolleyes:

PS для понятности вот код принципа работы SSI

Файл index.shtml

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

<!--#include file="content.html"-->

</body>
</html>


Файл content.html 

<h1>Работает!</h1>


Код, полученный в результате использования SSI

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<body>

<h1>Работает!</h1>

</body>
</html>

Это удобно, если контент меняется мной в другом файле, а этот файл "впаивается" в ячейку. Но у меня другое. Мне нужно вставлять разные файлы с разным контентом, взависимости от выбора пункта меню.

Edited September 13, 2008 by Aryan

Джин · September 13, 2008

А Вы хотите чтобы контент менялся без перезагрузки страницы? тогда используйте ajax

Aryan · September 13, 2008

Еще бы кто-нибудь примерчик простенький накидал :rolleyes: совсем бы хорошо было

Джин · September 13, 2008

ajax.js

function createHttpRequest() {
var httpRequest;
var browser = navigator.appName;

if (browser == "Microsoft Internet Explorer") {
httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
} else {
httpRequest = new XMLHttpRequest();
}

return httpRequest;
}

function sendRequest(file, _resultId, getRequestProc) {
resultId = _resultId;
document.getElementById(resultId).innerHTML = 'Загрузка...';
httpRequest.open('get', file);
httpRequest.onreadystatechange = getRequestProc;
httpRequest.send(null);
}

function getRequest() {
if (httpRequest.readyState == 4) {
document.getElementById(resultId).innerHTML = httpRequest.responseText;
}
}

var httpRequest = createHttpRequest();
var resultId = '';

index.html

<a href="#" onclick="java script:sendRequest('1.html', 'result', getRequest);">Вкладка №1</a>
<a href="#" onclick="java script:sendRequest('2. html', 'result', getRequest);">Вкладка №2</a>
<a href="#" onclick="java script:sendRequest('3. html', 'result', getRequest);">Вкладка №3</a>
<hr>
<p id="result"></p>

Edited September 13, 2008 by Джин

Aryan · September 13, 2008

Огромное спасибо, пошел переваривать :rolleyes:

Aryan · September 13, 2008

Два доп. вопроса:

1) Как сделать, чтобы по умолчанию грузилась одна из

<a href="#" onclick="java script:sendRequest('1.html', 'result', getRequest);">Вкладка №1</a>
<a href="#" onclick="java script:sendRequest('2.html', 'result', getRequest);">Вкладка №2</a>
<a href="#" onclick="java script:sendRequest('3.html', 'result', getRequest);">Вкладка №3</a>

при открытии index.html?

2) Проблема с кодировкой. Русский текст не воспринимается. Как это решить?

Все, что как-то указывает на кодировку, что есть сейчас это в index.html строки:

<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

Спасибо.

Джин · September 13, 2008

<a href="#" onclick="java script:sendRequest('1.html', 'result', getRequest);">Вкладка №1</a>

<a href="#" onclick="java script:sendRequest('2. html', 'result', getRequest);">Вкладка №2</a>

<a href="#" onclick="java script:sendRequest('3. html', 'result', getRequest);">Вкладка №3</a>

<hr>

про кодировку не знаю... у меня все норм работало.

Aryan · September 13, 2008

<p id="result"></p>

Требует поддержку SSI. Хотя это не проблема :rolleyes:

А с кодировкой, ну бум разбираться, спасибо за помощь

Джин · September 13, 2008

=)

Aryan · September 13, 2008

Хм, проблема с кодировкой в IE, в Opera все норм...

Есть идеи, из-за чего это может быть?

В настройках IE стоит автоопределение кодировки, в html прописано <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

PS Хм, не знаю, что это было, но это прошло, само-собой... :rolleyes:

Edited September 13, 2008 by Aryan

Sign In

Управление содержимым ячейки таблицы из меню

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information