Как сделать ссылки в модальном окне

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

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


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

$title = $_GET['name'];
$img = $_GET['pic'];
echo $title;
echo "<center><img src='img/". $img . "'></center>";
 


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


<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>


Мне не приходит ни каких идей, как можно сделать что б на каждой картинке были отдельные комментарии? Как можно это сделать? Спасибо всем за помощь. Комментарии наверно привязываются к ссылки картики...Никто не подскажет, как сделать что б в адресной строке отображалась ссылка?
Ответы (1)
ava
Aliance | 24.01.2013, 10:35 #
Немного не по теме, но делать вывод raw-get переменных, как это сделано в getimg.php, грозит XSS.
Зарегистрируйтесь или войдите, чтобы написать.
Фирма дня
Вы также можете добавить свою фирму в каталог IT-фирм, и публиковать статьи, новости, вакансии и другую информацию от имени фирмы.
Подробнее
Участники
ava  Aliance   timedo
advanced
Отправить