картинки выводятся в модальном окне, я хочу к каждой картинке сделать просто комментарии вконтакте

@Likeri · Регистрация: 14.12.2011

Студворк — интернет-сервис помощи студентам

У меня картинки выводятся в модальном окне, я хочу к каждой картинке сделать просто комментарии вконтакте(когда находишься в модальном окне). Только вот не могу придумать как это сделать.
Все это работает вот так:

Скрипт в index.php

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
function openpicture(name, pic) {
        $('.modal').load("getimg.php?name=" + name + "&pic=" + pic);
    }
    
        jQuery(function($){
            // bind event handlers to modal triggers
            $('body').on('click', '.trigger', function(e){
                
                $('#test-modal').modal().open();
            });
            // attach modal close handler
            $('.modal .close').on('click', function(e){
                e.preventDefault();
                $.modal().close();
            });
            // below isn't important (demo-specific things)
            $('.modal .more-toggle').on('click', function(e){
                e.stopPropagation();
                $('.modal .more').toggle();
            });
        });

Вывод картинке в idndex.php

PHP
1
2
3
4
echo "<a class='title' " . $row['imgsrc'] . "'>" . $row['name']. "</a><br>";
$imgsrc = $row['imgsrc'];
$tname = $row['name'];
echo "<a class='trigger' href='javascript:openpicture(\"$tname\",\"$imgsrc\")'><img src='img/" . $row['imgsrc'] . "' width='1%' '/></a><br>";

И сам обработчик getimg.php

PHP
1
2
3
4
$title = $_GET['name'];
$img = $_GET['pic'];
echo $title;
echo "<center><img src='img/". $img . "'></center>";

Если я "пихаю" комментарии вконтакте в обработчик то получается что на всех картинках одни и те же комментарии, это то и понятно, ведь все берется с одного файла, кстати он выглядит потом вот так:

Кликните здесь для просмотра всего текста

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
 
<head>
<script type="text/javascript" src="//vk.com/js/api/openapi.js?68"></script>
</head>
 
<body>
<script type="text/javascript">
  VK.init({apiId: 3258329, onlyWidgets: true});
</script>   
<?php
 
$title = $_GET['name'];
$img = $_GET['pic'];
 
echo '<div class=modname>';
echo $title;
echo '</div>';
 
echo "<center><img src='img/". $img . "'></center>";
 
echo "<div id=vk_comments></div>
<script type=text/javascript>
VK.Widgets.Comments('vk_comments', {limit: 10, width: '600px', attach: 'graffiti,photo,video,audio'})
</script>";
 
?>
 
</body>

Мне не приходит ни каких идей, как можно сделать что б на каждой картинке были отдельные комментарии? Как можно это сделать? Спасибо всем за помощь.

Добавлено через 19 часов 18 минут
Комментарии наверно привязываются к ссылки картики...Никто не подскажет, как сделать что б в адресной строке отображалась ссылка?

KOPOJI · 02.12.2012, 00:00

просто в таблицу с комментами добавьте поле pic_id например и в него записывайте id-шник картинки, для которой коммент. А потом выводите все комменты с id текущей картинки

@Likeri · 02.12.2012, 01:09 **[ТС]**

Сообщение от KOPOJI

просто в таблицу с комментами добавьте поле pic_id например и в него записывайте id-шник картинки, для которой коммент. А потом выводите все комменты с id текущей картинки

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

KOPOJI · 02.12.2012, 02:25

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

Добавлено через 22 секунды
и выводить по id записи картинку и все комменты связанные с ней..

Добавлено через 1 час 6 минут
вот, наваял немного..

выводите фотки ссылками, как то так например

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
try {
        $db = new PDO('mysql:host=DBHOST;dbname=DBNAME','DBUSER','DBPASS');
        $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); //для отладки запросов
        $db->exec('SET NAMES "utf8"');
        $query = '
            SELECT `picture`.`photo`,`picture`.`id`
            FROM `picture`';
 
        $res = $db->query($query);
        while($obj = $res->fetch(PDO::FETCH_OBJ)) {
            echo '<a href="./view.php?id=', $obj->id, '"><img src="', $obj->photo, '" alt="" /></a><br /><hr />';
        }
    }
    catch(PDOException $e) {
        echo $e->getMessage();
    }

а потом отображаете, как то так (view.php)

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
$id = isset($_GET['id']) ? (int) $_GET['id'] : 0;
if(!empty($id)) {
    try {
        $db = new PDO('mysql:host=DBHOST;dbname=DBNAME','DBUSER','DBPASS');
        $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); //для отладки запросов
        $db->exec('SET NAMES "utf8"');
        $query = '
            SELECT `picture`.`photo`, `comments`.*
            FROM `picture`
            LEFT JOIN `comments`
            ON `picture`.`id` = `comments`.`picture_id`
            WHERE `picture`.`id` = 2';
 
        $res = $db->query($query);
        $pic = false;
        while($obj = $res->fetch(PDO::FETCH_OBJ)) {
            if(!$pic) {
                echo '<img src="', $obj->photo, '" alt="" /><br />', 'Комментарии: ';
                $pic = true;
            }
            echo '<hr />', $obj->comment, '<hr />'; 
        }
    }
    catch(PDOException $e) {
        echo $e->getMessage();
    }
}
else {
    //неверный id, что-то делаем..
}

Добавлено через 2 минуты
З.Ы. код не тестил, если что - возможны ошибки..

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

KOPOJI Почетный модератор 16844 / 6724 / 880 Регистрация: 12.06.2012 Сообщений: 19,967
	02.12.2012, 00:00
	просто в таблицу с комментами добавьте поле pic_id например и в него записывайте id-шник картинки, для которой коммент. А потом выводите все комменты с id текущей картинки 1