Переключатель форм комментариев

Сообщение # 1 | 01:02:05 13 Янв 2013

Вставляем в нужном месте:

Код

<input type="button" id="stdt" value="Стандартные комментарии" onclick="std()" disabled /><input type="button" id="vkkom" value="Комментарии Вконтакте" onclick="vk()" />
<style id="selected">
.vk_comments {display:none;}
</style>
<script language="javascript">
function vk() {
document.getElementById("selected").innerHTML='.commTable {display:none} .standart_com {display:none;}';
document.getElementById("stdt").disabled=0;
document.getElementById("vkkom").disabled=1;
}
function std() {
document.getElementById("selected").innerHTML='.vk_comments {display:none;}';
document.getElementById("stdt").disabled=1;
document.getElementById("vkkom").disabled=0;
}
</script>

Появятся кнопки выбора между стандартными комментами и вк. По умолчанию - стандартные. Чтобы поменять местами умолчание, меняйте содержимое функций (то, что между скобок {}), содержимое тега style замените на это:

Код

.commTable {display:none} .standart_com {display:none;}

Чтобы скрипт работал, надо чтобы скрипт формы комментариев от вк был в div'е с прописанным class="vk_comments", пример:

Код

<div id="vk_comments" class="vk_comments" style="margin-bottom: 3px;">
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, width: "650", attach: "*"});
</script></div>

id убирать нельзя, должно быть как в примере, иначе форма не будет отображатся. Вместо обычных кнопок можно сделать css кнопки в какой-нибудь красивой рамке, чтобы вписывались в дизайн... идею я подал, кто поймет - реализует. Это индивидуально для каждого дизайна, поэтому не вижу смысл их делать, и потому даю то, что подойдет большинству. По аналогии можно сделать переключалку между тремя формами, добавив фейсбук. Да с любым количеством можно сделать.

P.S. Подобного скрипта не нашел, может, конечно, плохо искал. Надеюсь кому-нибудь помог с идеей.

Страница 1 из 1 1
Модератор форума: JonMagon