Меню
Что нового?

Корзина php+ajax, индикатор действия

atlantstudio

Новичок
Корзина php+ajax, индикатор действия

Написал корзину php+ajax

Возникает вопрос как сделать индикатор добавления, как на ozone или google, когда товар добавляется или происходит действие.

понимаю что при добавлении необходимо создать div поверх страницы как окно, но как его автоматически закрить через промежуток времени незнаю.

у кого есть опыт поделитесь пожалуйста или ссылку если можно
 

Viktror

Новичок
Здравствуйте atlantstudio!
Не могли бы вы мне помочь? У меня похожая проблема. Я использую библиотеку Sajax для связи PHP и javascript у меня не получается создать массив товаров с помощью php! Помогите, пожалуйста! Я никогда не разрабатывал подобное, любой совет будет полезен!
Спасибо!
 

atlantstudio

Новичок
Автор оригинала: Viktror
Здравствуйте atlantstudio!
Не могли бы вы мне помочь? У меня похожая проблема. Я использую библиотеку Sajax для связи PHP и javascript у меня не получается создать массив товаров с помощью php! Помогите, пожалуйста! Я никогда не разрабатывал подобное, любой совет будет полезен!
Спасибо!
Нажмите для раскрытия...
Здравствуте!

Я реализовал без Sajax. вот простой пример реализации (2 файла ):

1. Старница с товарами

PHP: 
<?
header("Content-type: text/html; charset=windows-1251");

$link = mysql_connect('localhost','root','');
mysql_select_db('help');

session_start();
?>
<html>
<head>

<script language="Javascript">
function xmlhttpPost(strURL , id) {
    var xmlHttpReq = false;
    var self = this;
    // Mozilla/Safari
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    self.xmlHttpReq.open('POST', strURL, true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.onreadystatechange = function() {
        if (self.xmlHttpReq.readyState == 4) {
            updatepage(self.xmlHttpReq.responseText);			
		}
    }
    self.xmlHttpReq.send(getquerystring(id));
}

function getquerystring(id) {
    qstr = 'id=' + escape(id);  // NOTE: no '?' before querystring
    return qstr;
}

function updatepage(str){
    document.getElementById("result").innerHTML = str;
	createIndicator();
}

function createIndicator()
{
  var indicator = document.getElementById('indicator');
	indicator.style.display = "block";
  document.getElementById("indicator").innerHTML = 'товар добавлен';
  setTimeout("deleteIndicator()",1000);
 }
function deleteIndicator()
{
  var indicator = document.getElementById('indicator');
	indicator.style.display = "none";
}



</script>

</head>
<body style="margin: 0px;">

<div id="indicator" style="position: absolute; top: 10px; left: 390px; display: none; background: #EEE;" ></div>

<TABLE WIDTH=400 BORDER=1 CELLPADDING=5 CELLSPACING=0>
<TR>
	<TD WIDTH=100 valign="top">
	 Корзина
	 <div id="result"></div>
	 
	 </TD>
	<TD WIDTH=300>
		<?
		$res = mysql_query("SELECT * FROM goods");
		while($v = mysql_fetch_array($res)){
			echo '<P>';
				echo "<form name='f".$v[0]."'>";
				echo "<input value='Add' type='button' onclick='JavaScript:xmlhttpPost(\"cart.php\" , ".$v[0].")'>";
				echo "&nbsp;&nbsp;".$v[1];
				echo "</form>";		
			echo '</P>';
		}
		?>
	</TD>
</TR>
</TABLE>
</body>
</html>

<?
mysql_close($link);
?>

2. файл cart.php здесь обрабатываете как угодно, сессии, база данных, cookies на ваш выбор я использую сессии

PHP: 
<?
session_start();

if(isset ($_POST['id'])) {
	$_SESSION['cart'][$_POST['id']] = 1;
}

if(isset($_SESSION['cart'])) echo count($_SESSION['cart']);
else echo 'корзина пуста';
?>
 

Viktror

Новичок
Огромное Вам спасибо за пример!
Извините, но не могли бы вы объяснить мне файле cart.php а именно:
$_SESSION['cart'][$_POST['id']] = 1;
Объясните эту строку, пожалуйста!
cart- это что?
И как при просмотре корзины можно извлечь данные с массива сессий?
И не подскажете ли вы где можно почитать про Ajax что-то!
Спасибо еще раз!
 
Войдите или зарегистрируйтесь для ответа.
Сверху