Здравствуйте. Есть такая задачка. У меня есть вывод новостей пользователей. Новости выводятся в цикле (do-while). Как сделать так, чтобы при нажатии на кнопку "Подробнее" открывалось мод. окно с полной новостью и комментариями к этой новости, а также блоком для добавления комментариев. Т.е. я хочу узнать javascript, который будет открывать мод. окна по уникальному id новостей. Уникальный id новости создается автоматически в цикле. А как быть с JS, который будет открывать именно это окошечко этой новости не знаю.
Очень надеюсь на Вашу помощь.
добавить комментарий
|
1 ответ
Примерно так.
$("a.full_post").click(function(){
var id = $(this).attr("id");
var elem = $("div#post");
$.ajax({
url: "/myajax.php",
dataType: "text",
type: "POST",
data: {id:id},
success: function(response) {
elem.html(response);
}
});
elem.dialog();
return false;
});
Где a.full_post
- ссылка вида.
<a href="#" class="full_post" id="id-статьи">Подробнее</a>
$("div#post")
- див, в который будет загружаться текст статьи.
<div id="post"></div>
JS скрипт естественно надо обрамить $(document).ready(fn);
-
Да, я использую jquery-ui dialog, но как сделать так, чтобы открывалось это окошечко этой новости. Как я уже писал, новости эти выводятся в цикле и их на странице может быть больше ста штук. У них есть кнопка "Подробнее" с уникальным ID. Как доработать функцию JS вывода модальн окон? – Николай Никонов 23 янв '12 в 10:13
-
Ссылкой
"Подробнее..."
передаете параметр ID-статьи в JS скрипт, который выполняет AJAX запрос на сервер, получает текст нужной статьи и вставляет его в<div>
, на котором у вас виситdialog()
. – DemoS 23 янв '12 в 10:34 -
Я чайник в JS. Поэтому не знаю как делаются такие простые вещи как принятие параметра ID. Можно подробно написать весь JS скрипт. Буду очень благодарен. – Николай Никонов 23 янв '12 в 11:02
-
-
1@Николай, если получилось, там слева от ответа есть галочка. Нажмите ее, если не трудно). – ling 23 янв '12 в 14:47