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
Так это стандарт...
Делаешь форму у которой метод=пост с нужными переменными, тем переменным присваиваешь нужные значения... Делаешь форме нужный экшин, ну и потом вызываешь сабмид.
Данные пошли...

Hekumok 25.02.2013 21:19
Цитата:
Сообщение от ksa 
if ($(this).hasClass('on')) {
			// удаление
			$(this).removeClass('on');
		} else {
			// добавление
			$(this).addClass('on');
		};

$(this).toggleClass("on") ;

ksa 26.02.2013 11:33
Цитата:
Сообщение от Hekumok
$(this).toggleClass("on") ;
Это что-то радикально изменит? Будет работать быстрей?

Если ты собираешся заменть весь мой код этим - тогда куда будешь вставлять действия "удалить" и "добавить" в БД?

Hekumok 26.02.2013 14:40
Цитата:
Сообщение от ksa
Это что-то радикально изменит? Будет работать быстрей?
Это короче
Цитата:
Сообщение от ksa
куда будешь вставлять действия "удалить" и "добавить" в БД?
Вот об этом не подумал, да :)


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