Форум Сайтостроение Веб-строительство

Нужна помощь..

[Удален]
420

Здравствуйте, у меня возник вопрос следующего характера: предположим, что у меня на сайте есть ряд категорий, под которыми находится таблица, как или что можно сделать, чтобы при выборе той или иной категории менялась не страница сайта, а исключительно таблица (ее контент). Извините, если выразился неясно.:) Заранее спасибо, Всем!

Dim_K
На сайте с 11.07.2007
Offline
85
Dim_K
#1

AJAX?

A-Psina
На сайте с 25.06.2010
Offline
95
A-Psina
#2

Ajax, ну или фреймы😂

Разработка и поддержка web-решений
[Удален]
#3
A-Psina:
Ajax, ну или фреймы😂

а можно поподробнее?:)

4arger
На сайте с 17.12.2008
Offline
95
4arger
#4

код index.html 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Заголовок</title>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>

<script type="text/javascript">

$(function(){

	$('div#show_table').load($('div.category h3:first a').attr('title') + '.html');

	$('div.category h3 a').click(function(){

		$('div#show_table').load($(this).attr('title') + '.html');

		return false;

	});

});

</script>

</head>



<body>

<div class="category">

<h3><a href="#" title="cat1">Категория 1</a></h3>

<h3><a href="#" title="cat2">Категория 2</a></h3>

<div id="show_table">&nbsp;</div>

</div>

</body>

</html>

в файл catN.html запихните таблицу

например, код cat1.html 


<table>

<thead>

<tr><th>ID</th><th>Категория</th><th>Категория</th><th>Категория</th><th>Категория</th></tr>

</thead>

<tbody>

<tr><td>1</td><td>Категория 111</td><td>Категория 111</td><td>Категория 111</td><td>Категория 111</td></tr>

<tr><td>2</td><td>Категория 111</td><td>Категория 111</td><td>Категория 111</td><td>Категория 111</td></tr>

</tbody>

</table>

код cat2.html 


<table>

<thead>

<tr><th>ID</th><th>Категория</th><th>Категория</th><th>Категория</th><th>Категория</th></tr>

</thead>

<tbody>

<tr><td>1</td><td>Категория 222</td><td>Категория 222</td><td>Категория 222</td><td>Категория 222</td></tr>

<tr><td>2</td><td>Категория 222</td><td>Категория 222</td><td>Категория 222</td><td>Категория 222</td></tr>

</tbody>

</table>

таблица из cat1.html загружается по-умолчанию.

BPhoenix
На сайте с 12.01.2009
Offline
66
BPhoenix
#5

поздно, уже всё сказали (

[Удален]
#6
4arger:
код index.html 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Заголовок</title>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>

<script type="text/javascript">

$(function(){

	$('div#show_table').load($('div.category h3:first a').attr('title') + '.html');

	$('div.category h3 a').click(function(){

		$('div#show_table').load($(this).attr('title') + '.html');

		return false;

	});

});

</script>

</head>



<body>

<div class="category">

<h3><a href="#" title="cat1">Категория 1</a></h3>

<h3><a href="#" title="cat2">Категория 2</a></h3>

<div id="show_table">&nbsp;</div>

</div>

</body>

</html>

в файл catN.html запихните таблицу
например, код cat1.html 

<table>

<thead>

<tr><th>ID</th><th>Категория</th><th>Категория</th><th>Категория</th><th>Категория</th></tr>

</thead>

<tbody>

<tr><td>1</td><td>Категория 111</td><td>Категория 111</td><td>Категория 111</td><td>Категория 111</td></tr>

<tr><td>2</td><td>Категория 111</td><td>Категория 111</td><td>Категория 111</td><td>Категория 111</td></tr>

</tbody>

</table>

код cat2.html 

<table>

<thead>

<tr><th>ID</th><th>Категория</th><th>Категория</th><th>Категория</th><th>Категория</th></tr>

</thead>

<tbody>

<tr><td>1</td><td>Категория 222</td><td>Категория 222</td><td>Категория 222</td><td>Категория 222</td></tr>

<tr><td>2</td><td>Категория 222</td><td>Категория 222</td><td>Категория 222</td><td>Категория 222</td></tr>

</tbody>

</table>

таблица из cat1.html загружается по-умолчанию.

Большое спасибо!!!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий