Здравствуйте, у меня проблема следующего рода:
есть страница: index.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript">
function getMessage(a){ //передаю get-запрос
$.ajax({
type: "GET",
url: a,
success: function(msg){ //пытаюсь получить результат
$('#telo').empty().html(msg);
}
})
}
</script>
</head>
<body>
<div id="telo">
...код...
..тут модули........
......<div id="cart">...
......</div>.......
..тут снова модули........
...код...
</div>
</body>
</html>
Суть: интернет магазин, на странице выводится список товаров. Картинка, цена + ссылка "добавить в корзину"
Пользователь тыкает по ссылке и товар добавляется в корзину. Все происходит с перезагрузкой страницы.
Я поставил на ссылку обработчик:
<a href="#" onclick="getMessage('строка с get-запросом')>добавить в корзину</a>
теперь данные отправляются, и страница не перезагружается.
НО! Есть блок - КОРЗИНА (который вписан в <div id="cart">...</div>). В которой друг под другом выводятся товары, добавленные в нее. Так вот в ней новые товары можно увидеть только после перезагрузки страницы.
Нужно: как-то сделать так, чтобы при клике по ссылке "добавить в корзину" товар добавлялся в корзину без перезагрузки страницы и при этом появлялась новая строка с этим же товаром в блоке КОРЗИНА.
Я вроде как сделал, код см.выше.
Только один косяк... в Opera и FireFox все работает на ура.
В Chrome почему то всеравно перезагружается... В IE не смотрел.. наверно там вобще жесть...
Кто знает, как решить эту проблему....
Всем заранее спасибо.
