Іноді може знадобитися, щоб один і той же віджет вконтакте розміщувався б у вас відразу в декількох місцях на одній і тій же сторінці.
Наприклад, віджет потрібно відобразити в боковій колонці і відразу під текстом замітки.
Якщо використовувати один і той же код двічі, наприклад цей:
1 код для вставки:
<Script type = "text / javascript" src = "// vk.com/js/api/openapi.js?110"> </ script> <! - VK Widget -> <div id = "vk_groups"> </ div> <script type = "text / javascript"> VK.Widgets.Group ( "vk_groups", {mode: 2, width: "300", height: "250"}, 66170145); </ Script>2 код для вставки в іншому місці (такий же):
<Script type = "text / javascript" src = "// vk.com/js/api/openapi.js?110"> </ script> <! - VK Widget -> <div id = "vk_groups"> </ div> <script type = "text / javascript"> VK.Widgets.Group ( "vk_groups", {mode: 2, width: "300", height: "250"}, 66170145); </ Script>Віджет з'являтися канали великими спотвореннями.
Як вирішити цю проблему?
Рішення досить просте, потрібно всього-лише змінити параметр id у другого коду для вставки.
Виглядати це буде наступним чином:
1 код для вставки:
<Script type = "text / javascript" src = "// vk.com/js/api/openapi.js?110"> </ script> <! - VK Widget -> <div id = "vk_groups"> </ div> <script type = "text / javascript"> VK.Widgets.Group ( "vk_groups", {mode: 2, width: "300", height: "250"}, 66170145); </ Script>2 код для вставки в іншому місці (такий же):
<script type = "text / javascript" src = "// vk.com/js/api/openapi.js?110"> </ script> <! - VK Widget -> <div id = "vk_groups2"> </ div> <script type = "text / javascript"> VK.Widgets.Group ( "vk_groups2", {mode: 2, width: "300", height: "250"}, 66170145); </ Script>Після цього перевіряємо, все відображається як потрібно.
Js?Js?
Як вирішити цю проблему?
Js?
Js?