Ajax. Content

hell_72 · 08.07.2011, 18:13

Доброго времени суток уважаемые пользователи форума.
Есть 5 div-вов. При наведении на один из них плавно появляется еще один справа и в нем должен подгрузиться некий контент из отдельных файлов средствами ajax. Все работает нормально вот только контент не подгружаеться. Подскажите. Ато все мозги уже сварились.

Вот код index.html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="css/accordion.css" type="text/css" />
<script src="/js/jquery.js"></script>
<script src="/js/jquery.msAccordion.js"></script>
<script>
$(document).ready(function() {

$("#content").msAccordion({event: 'mousemove', defaultid: -1});
$(".content").mouseout(function() {$(".content").hide("slow");});

for (i=1; i<=5; i++) {
$.ajax({
url: '/contets/' + i + '.html',
dataType: 'json',
success: function(data) {
$("#content_msTitle_" + (data.id - 1) + "_msContent_" + (data.id - 1)).html(data.text);
}
});
}

});
</script>
</head>
<body>
<div id="page">
<div id="content">
<div class="set">
<div class="title" id="d1">1</div>
<div class="content"></div>
</div>
<div class="set">
<div class="title">2</div>
<div class="content"></div>
</div>
<div class="set">
<div class="title">3</div>
<div class="content"></div>
</div>
<div class="set">
<div class="title">4</div>
<div class="content"></div>
</div>
<div class="set">
<div class="title">5</div>
<div class="content"></div>
</div>
</div>
</div>
</body>
</html>

А это ajax.php:

<?php
$id = intval($_GET['id']);

$filename = 'contents/' . $id . '.html';

if (file_exists($filename)) $text = file_get_contents($filename);
else $text = '';

$json['id'] = $id;
$json['text'] = $text;

echo json_encode($json);
?>
Плиз! Оч надо!
Заранее спасибо!

ALyapunov · 22.07.2011, 03:11

1. судя по

Код:

url: '/contets/' + i + '.html',

вы вообще не используете ajax.php, а пытаетесь загрузить html файлы прямо из папки contets, но

2. судя по

PHP код:


			
$filename = 'contents/' . $id . '.html';

ваши файлы лежат в папке contents, не contets.

3. при этом, даже в случае успешной загрузки .html файла, у вас не получится положить его содержимое в div, т.к. вы ожидаете json, а получаете html.

08.07.2011, 18:13	#1
hell_72 Неактивный пользователь Пол: Регистрация: 08.07.2011 Сообщений: 1 Репутация: 0	Ajax. Content Доброго времени суток уважаемые пользователи форума. Есть 5 div-вов. При наведении на один из них плавно появляется еще один справа и в нем должен подгрузиться некий контент из отдельных файлов средствами ajax. Все работает нормально вот только контент не подгружаеться. Подскажите. Ато все мозги уже сварились. Вот код index.html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection" /> <link rel="stylesheet" href="css/accordion.css" type="text/css" /> <script src="/js/jquery.js"></script> <script src="/js/jquery.msAccordion.js"></script> <script> $(document).ready(function() { $("#content").msAccordion({event: 'mousemove', defaultid: -1}); $(".content").mouseout(function() {$(".content").hide("slow");}); for (i=1; i<=5; i++) { $.ajax({ url: '/contets/' + i + '.html', dataType: 'json', success: function(data) { $("#content_msTitle_" + (data.id - 1) + "_msContent_" + (data.id - 1)).html(data.text); } }); } }); </script> </head> <body> <div id="page"> <div id="content"> <div class="set"> <div class="title" id="d1">1</div> <div class="content"></div> </div> <div class="set"> <div class="title">2</div> <div class="content"></div> </div> <div class="set"> <div class="title">3</div> <div class="content"></div> </div> <div class="set"> <div class="title">4</div> <div class="content"></div> </div> <div class="set"> <div class="title">5</div> <div class="content"></div> </div> </div> </div> </body> </html> А это ajax.php: <?php $id = intval($_GET['id']); $filename = 'contents/' . $id . '.html'; if (file_exists($filename)) $text = file_get_contents($filename); else $text = ''; $json['id'] = $id; $json['text'] = $text; echo json_encode($json); ?> Плиз! Оч надо! Заранее спасибо! Последний раз редактировалось hell_72; 10.07.2011 в 01:33..

22.07.2011, 03:11	#2
ALyapunov Неактивный пользователь Пол: Регистрация: 20.07.2011 Сообщений: 9 Репутация: 1	Re: Ajax. Content 1. судя по Код: url: '/contets/' + i + '.html', вы вообще не используете ajax.php, а пытаетесь загрузить html файлы прямо из папки contets, но 2. судя по PHP код: `$filename = 'contents/' . $id . '.html';` ваши файлы лежат в папке contents, не contets. 3. при этом, даже в случае успешной загрузки .html файла, у вас не получится положить его содержимое в div, т.к. вы ожидаете json, а получаете html.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
iClone Pro 3.1 + 3DXchange 2 + Bonus Content	Segey0564	3D графика	4	11.12.2018 05:20
Что означает надпись в мета теге для роботов: content=index,follow ?	yuhuhu	Раскрутка вебсайта	9	01.05.2015 08:01
Bryce :: Content	whiteroom	3D графика	10	25.01.2011 21:00
Как избавиться от Windows Media Protected Content	deepray	Скорая помощь	2	16.06.2008 21:59
PostNuke Content Management System	vitfree	Движки форумов и сайтов	8	26.04.2006 20:56