Вывод форм комментариев Вконтакте \ Facebook по клику.

[Inf1n1tI]

Здравствуйте, я тренируюсь в верстке и столкнулся с такой проблемой, как реализовать то, что на скрине?

То есть если мы нажимает на "вконтакте", то видимо форму комментов контакта, если на "Facebook", то форму Facebooka. Интересуют конкретно эти кнопочки, вставлять код комментариев я умею, а вот сделать такие кнопочки прошу помощи у вас, подскажите пожалуйста?

Edited April 2, 2013 by Inf1n1tI

[Zippovich]

как бы поиском нужно уметь пользоваться в google

http://vk.com/develo....php?p=Comments

http://developers.fa...ugins/comments/

а кнопочки можно ссылками обычными вставить

комменты в разных дивах

на кнопки вешайте события onclick на javascript или jQuery

и скрывайте или показывайте блоки, изменяя свойства css

Edited April 2, 2013 by Zippovich

[Inf1n1tI]

  On 4/2/2013 at 10:50 AM, Zippovich said:

как бы поиском нужно уметь пользоваться в google

http://vk.com/develo....php?p=Comments

http://developers.fa...ugins/comments/

это я и так знал, вы прочтите пожалуйста внимательней. Меня интересует механизм: при нажатии на кнопку вконтакте отображаются комментарии вконтакте, при нажатии на кнопку facebook комментарии вконтакте исчезают, а на их месте отображаются комментарии facebook и все это на одной странице.

[Zippovich]

  On 4/2/2013 at 10:52 AM, Inf1n1tI said:

это я и так знал, вы прочтите пожалуйста внимательней. Меня интересует механизм: при нажатии на кнопку вконтакте отображаются комментарии вконтакте, при нажатии на кнопку facebook комментарии вконтакте исчезают, а на их месте отображаются комментарии facebook и все это на одной странице.

исправил коммент, сорри не дочитал, привычка торопиться )

[Inf1n1tI]

  On 4/2/2013 at 10:50 AM, Zippovich said:

на кнопки вешайте события onclick на javascript или jQuery и скрывайте или показывайте блоки, изменяя свойства css

Если не затруднит, то расскажите об этом пожалуйста поподробнее...

точнее даже сам скрипт интересует, который будет скрывать \ открывать.

[Zippovich]

это не ко мне, это к гуглю и к документации, что нужно сделать я Вам сказал

[npofopr]

Можно реализовать табами

http://os.alfajango.com/easytabs/

http://dimox.name/universal-jquery-tabs-script/

http://jsfiddle.net/npofopr/Ry8rX/

[ynikolenko]

Как я понял, JS на локалхосте не работает?

А то по последней ссылке - http://jsfiddle.net/npofopr/Ry8rX/ на локалке создал три файла. И табы не листают........

[npofopr]

Работает. Просто вы наверно не подключили jquery

[ynikolenko]

Вот мои подключения:

<title></title>

<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />

<script src="jquery-1.7.2.min.js" type="text/javascript"></script>

<script src="script.js" type="text/javascript"></script>

Правильно подключены? Или порядок должен быть другой?

[npofopr]

правильно. консоль ошибок надо смотреть. так я вам ничего сказать не смогу