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

timedo

Дата 23.1.2013, 20:15 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 11
Регистрация: 16.11.2012

Репутация: нет
Всего: нет

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

Код


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>

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

Это сообщение отредактировал(а) Aliance - 24.1.2013, 10:28

Aliance

Дата 24.1.2013, 10:35 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Немного не по теме, но делать вывод raw-get переменных, как это сделано в getimg.php, грозит XSS.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »