[NightHawk]

В общем, есть магазинчик. Кнопка "купить" оформлена post формой и submit соответсвующе. Хотелось бы, что бы при нажатии купить, т .е. submit выводилось сообщение "товар добавлен в корзину", можно даже рядом с кнопкой в окошке, но как это сделать я не в курсе. Судя по всему это должен быть js...
Кто может что подсказать? Лучше с примерами кода конечно...

[cOAPerator]

при нажатии купить что происходит? добавление в корзину? или переход в корзину?

если добавление, то на js сделайте просто вывод див блока с position: absolute

.html(#otvet); // покажет подсказку

setTimeout(function() { $('#otvet').html('') }, 3000); // уберет подсказку через 3 серкунды

[Runa]

Я так понимаю Вам надо, чтобы посетитель оставался на той же странице? Есть такой плагин jQuery Form (прям так и называется, погуглите). Он убивает перезагрузку страницы, отправляет данные в обработчик и выводит сообщение какое скажете и где скажете. :)
Я его настраивала пару месяцев назад, поэтому не все подробности помню. Но если что - обращайтесь. У меня там довольно нетривиальная задача была. Было несколько возможных ответов от сервера и при каждом варианте ответа, надо было сообщение в определенном месте на странице выводить. Если я с пятью сообщениями справилась, то с одним и подавно :)

[NightHawk]

cOAPerator, да, добавление происходит, просто нужно как-то это добавление обозначить. я в js ну прямо вообще никак. Вот код непосредственно кнопки, innput'ы отображать не стал.

Код:

<form>
<div class="price">
<button type="submit" class="but"></button>
                </div>
</form>

Как тут непосредственно необходимый JS код внедрить?

[AntoXa]

Ну как вариант, повесить alert.
type="submit" onclick="alert('Товар добавлен в корзину')"

[druzhkov]

Сразу после body:

PHP код:

<div id="cart_hint" style="padding: 20px 10px; text-align: center;">Товар добавлен в корзину</div> 


стиль:

PHP код:

/* подсказка справа-сверху при добавлении товара */
div#cart_hint {
    position: fixed;
    display: none;
    background: black;
    opacity: 0.8;
    font-size: 11pt;
    width: 220px;
    text-align: left;
    z-index: 1000;
    top: 12px; right: 180px;

    /* ie */
    *top:expression( eval(document.body.scrollTop) + 'px' );
    *position:absolute;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
div#cart_hint table tr td {
    vertical-align: middle;
}
div#cart_hint table, div#cart_hint td {
    height: 97%;
}

div#cart_hint_border {
    border: 1px solid white;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
} 


ну и обработчик (нужно вставить туда, где происходит само добавление в корзину - предполагаю, что это делается без перезагрузки страницы):

PHP код:

// всплывающее уведомление
$('#cart_hint').fadeIn('slow');
$('#cart_hint').delay(4000);
$('#cart_hint').fadeOut('slow'); 


Посмотреть вживую: _курганзапчасти.рф

[cOAPerator]

NightHawk, вам как раз подойдет то что написал druzhkov, я собственно то же самое написал.

[Runa]

NightHawk, забыла спросить.
А как сейчас все работает? Страница перегружается при добавлении товара?

[NightHawk]

druzhkov, cOAPerato а если страница перезагружается, этот метод, как я понимаю не работает?

Runa, да, перезагрузка идет...

[lexa82]

NightHawk,
Я думаю что Вам надо посмотреть что такое Ajax ( _http://javascript.ru/ajax/intro )
Изучение займет пару дней, в будущем пригодится.