Как сделать такой плагин, чтобы 3 виджета-соцсетей были в вкладках

@maxOn-Newbie · Регистрация: 05.02.2014

Студворк — интернет-сервис помощи студентам

Кто знает как называется или как сделать такой плагин, чтобы 3 виджета-соцсетей были в вкладках.

@sMockingbird · 10.02.2014, 11:14

Создаёте три блока в которых соответственно размещаете плагины соц сетей. Наверху делаете три кнопки, при нажатии на которые у соответствующего данной соцсети блока ставится видимость, а у других убирается.

что то типа

<input type="button" id="vk_show" onCLick="jQuery('.soc-serv').hide(); jQuery'(#vk-serv').show();">

ну технология примерно такая, если разбираетесь в css, js то не проблема сделать

@maxOn-Newbie · 10.02.2014, 11:17 **[ТС]**

sMockingbird

Я новичок... Можете подробнее?)

@sMockingbird · 10.02.2014, 11:33

Ну смотрите, делаете что то в духе

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<input type="button" onClick="serv('vk');">
<input type="button" onClick="serv('fb');">
<input type="button" onClick="serv('tw');">
<div style="position:relative;height:500px;width:100px;">
<div class="soc_serv" id="vk" style="position:absolute;top:0px;left:0;width:100%;height:100%;">
тут плагин вк
</div>
<div class="soc_serv" id="fb" style="position:absolute;top:0;left:0;width:100%;height100%;display:none">
тут плагин фб
</div>
<div class="soc_serv" id="tw" style="position:absolute;top:0;left:0;width:100%;height:100%;display:none">
тут плагин твитер
</div>
</div>

JavaScript
1
2
3
4
5
6
7
<script type="text/javascript">
function serv(serv)
{
      jQuery(".soc_serv").hide();
      jQuery("#" + serv).show();
}
</script>

ну это в самом общем виде)

Вы новичок в чём конкретно? В js, в css, в HTML?)

@maxOn-Newbie · 10.02.2014, 11:50 **[ТС]**

в JS.
Будем пробовать, спасибо!

@sMockingbird · 10.02.2014, 12:11

maxOn-Newbie, в моём примере jQuery используется, чтоб работало, надо библиотеку jQuery подключить будет)

@maxOn-Newbie · 10.02.2014, 14:03 **[ТС]**

Сообщение от sMockingbird

maxOn-Newbie, в моём примере jQuery используется, чтоб работало, надо библиотеку jQuery подключить будет)

через гугл 1.9 подключена)

ну а у тебя пример - рабочий? вставляешь и работает? я про js

@sMockingbird · 10.02.2014, 14:04

Да, должен работать. Если все id и классы такие же оставить)

@maxOn-Newbie · 10.02.2014, 18:13 **[ТС]**

Спасибо, всё работает! Какой маленький код... это основы js пади ?)

Добавлено через 17 минут
Друг, а подскажи пож, можно ли как-то дописать код, чтобы я мог его трижды с разными айди и разными стилями использовать?

Добавлено через 11 минут
Всё, решил проблему)) serv тоже надо переименовать

Новые блоги и статьи Все статьи Все блоги /
Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .

@maxOn-Newbie 1 / 1 / 0 Регистрация: 05.02.2014 Сообщений: 32

	Как сделать такой плагин, чтобы 3 виджета-соцсетей были в вкладках 10.02.2014, 09:27. Показов 1424. Ответов 8 Метки нет (Все метки) Кто знает как называется или как сделать такой плагин, чтобы 3 виджета-соцсетей были в вкладках. 0

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	10.02.2014, 11:14
	Создаёте три блока в которых соответственно размещаете плагины соц сетей. Наверху делаете три кнопки, при нажатии на которые у соответствующего данной соцсети блока ставится видимость, а у других убирается. что то типа <input type="button" id="vk_show" onCLick="jQuery('.soc-serv').hide(); jQuery'(#vk-serv').show();"> ну технология примерно такая, если разбираетесь в css, js то не проблема сделать 0

@maxOn-Newbie 1 / 1 / 0 Регистрация: 05.02.2014 Сообщений: 32
	10.02.2014, 11:17 [ТС]
	sMockingbird Я новичок... Можете подробнее?) 0

@maxOn-Newbie 1 / 1 / 0 Регистрация: 05.02.2014 Сообщений: 32
	10.02.2014, 11:50 [ТС]
	в JS. Будем пробовать, спасибо! 0

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	10.02.2014, 12:11
	maxOn-Newbie, в моём примере jQuery используется, чтоб работало, надо библиотеку jQuery подключить будет) 0

@sMockingbird 284 / 283 / 73 Регистрация: 06.05.2013 Сообщений: 1,613
	10.02.2014, 14:04
	Да, должен работать. Если все id и классы такие же оставить) 0

@maxOn-Newbie 1 / 1 / 0 Регистрация: 05.02.2014 Сообщений: 32
	10.02.2014, 18:13 [ТС]
	Спасибо, всё работает! Какой маленький код... это основы js пади ?) Добавлено через 17 минут Друг, а подскажи пож, можно ли как-то дописать код, чтобы я мог его трижды с разными айди и разными стилями использовать? Добавлено через 11 минут Всё, решил проблему)) serv тоже надо переименовать 1

Как сделать такой плагин, чтобы 3 виджета-соцсетей были в вкладках

Решение