Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Добавить в избранное. (https://javascript.ru/forum/misc/35877-dobavit-v-izbrannoe.html)

Millerlight 25.02.2013 14:00

Добавить в избранное.
 
Всем привет! Все никак не соображу как реализовать.

Пример:
Человек зарегистрировался на сайте. У него есть личный кабинет. В личном кабинете есть ссылка на страницу на которой выводятся только те статьи которые пользователь сам отметил гуляя по сайту.

Пытаюсь сделать так.

Добавления этих статей путем нажатия на кнопку и соответственно статья записывается в базу без перезагрузки. И удаляется так же.
Пока реализовано все на PHP... Хотелось бы по современному))

нажал на серенькую звездочку - запись в бд и смена на желтую звездочку и наоборот.

Кто знает или есть пример скиньте пжл.

ksa 25.02.2013 14:26

Millerlight, чем интересно отличаются действия по кнопке от действий по "звёздочке"? :blink:
Разве что стиль еще у звёздочки поменять... :)

Millerlight 25.02.2013 14:31

Подскажи пжл как реализовать? Весь день ищу))

ksa 25.02.2013 14:34

Цитата:

Сообщение от Millerlight
Весь день ищу

Чё там искать - писать надо! :D

Millerlight 25.02.2013 14:37

Издевайся, издевайся:)

ksa 25.02.2013 14:44

Цитата:

Сообщение от Millerlight
Издевайся, издевайся

Так это форум по JS, а не по поиску в гугл. :D
Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.star {
	width: 30px;
	height: 30px;
	display: inline-block;
	cursor: pointer;
	background: url('http://javascript.ru/forum/images/smilies/smile.gif') no-repeat center center;
}
.star.on {
	background: url('http://javascript.ru/forum/images/smilies/laugh.gif') no-repeat center center;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
	$('.star').click(function() {
		if ($(this).hasClass('on')) {
			// удаление
			$(this).removeClass('on');
		} else {
			// добавление
			$(this).addClass('on');
		};
	});
});
</script>
</head>
<body>
<span class='star'></span>
</body>
</html>

Millerlight 25.02.2013 14:50

ОООО спс)) А как id статьи передать на страницу с обработчиком-запись в бд ? :)

ksa 25.02.2013 15:37

Цитата:

Сообщение от Millerlight
А как id статьи передать на страницу с обработчиком-запись в бд ?

Для этого есть методы GET и POST... Есть еще другие варианты, но они мне без надобности были, т.к. у нас есть гипперэвенты.

Millerlight 25.02.2013 16:28

про GET и POST в курсе. php знаю. напиши пример пжл передачи переменных методом POST в JS пжл. В своем примере если не сложно;)

ksa 25.02.2013 18:41

Цитата:

Сообщение от Millerlight
напиши пример пжл передачи переменных методом POST

Так это стандарт...
Делаешь форму у которой метод=пост с нужными переменными, тем переменным присваиваешь нужные значения... Делаешь форме нужный экшин, ну и потом вызываешь сабмид.
Данные пошли...


Часовой пояс GMT +3, время: 20:40.