Выпадающий текст при нажатии на ссылку - Форум администраторов игровых серверов
Форум администраторов игровых серверов StormWall - Защита от DDos атак
Регистрация Мнения Справка Сообщество Календарь
Вернуться   Форум администраторов игровых серверов > MMO > Lineage II > Движки сайтов (CMS)

Движки сайтов (CMS)
Обсуждения, решения проблем веб обвязок для ява сервера.

Ответ
Опции темы
Непрочитано 09.09.2015, 01:31   #1
Аватар для ArtStyle
Пользователь

Автор темы (Топик Стартер) Выпадающий текст при нажатии на ссылку

Доброй ночи уважаемые форумчане.
Подскажите как доделать java скрипт:
  1. Что бы он первую ссылку открывал при открытии страницы (следующие ссылки нужно нажимать уже самому, при нажатии на некст ссылку, первая ссылка закрывается)
  2. Присваивал div блоку ссылки class="active"

Собственно сам скрипт:
Java Script:
Свернуть ↑Развернуть ↓


Далее html & css
HTML:
Свернуть ↑Развернуть ↓

CSS:
Свернуть ↑Развернуть ↓


Пример как хочу сделать: http://www.moyo.ua/consumers.html ( Не реклама)

Код частично взят с того же сайта и найден на просторах интернета.
А вот сам Java скрипт выдернуть не смог, точнее файл нашел, но найти там что либо не удалось
ArtStyle вне форума Ответить с цитированием
Непрочитано 09.09.2015, 19:15   #2
Аватар для gorodetskiy
Олдфаг

По умолчанию Re: Выпадающий текст при нажатии на ссылку

тут js:
Свернуть ↑Развернуть ↓

Этот js отвечает за блок infoHorblock_navigation clear_after
__________________
СЕО Оптимизация сайтов
gorodetskiy вне форума Ответить с цитированием
Непрочитано 09.09.2015, 19:53   #3
Аватар для ArtStyle
Пользователь

Автор темы (Топик Стартер) Re: Выпадающий текст при нажатии на ссылку

Если сделать так (Предварительно скачав сам js):
<script type="text/javascript" src="./catalog/view/theme/javascript/da39a3ee5e6b4b0d3255bfef95601890afd80709.js"></script> то все работает как нужно, но вылазят лишние куски на сайте.

Тот код что предоставили Вы скорее всего не полный, проверил, не робит
И на том спасибо буду ковырять дальше.
ArtStyle вне форума Ответить с цитированием
Непрочитано 09.09.2015, 20:08   #4
Аватар для gorodetskiy
Олдфаг

По умолчанию Re: Выпадающий текст при нажатии на ссылку

ArtStyle, ок. Открываем нужную страницу, ПКМ->сохранить как ... Берём файл кэша (da39a3ee5e6b4b0d3255bfef95601890afd80709), убираем всё, кроме того кода, который выше написал, не забываем про стили.
Или посмотреть вот ТУТ и ТУТ
__________________
СЕО Оптимизация сайтов
gorodetskiy вне форума Ответить с цитированием
Непрочитано 09.09.2015, 20:22   #5
Аватар для Dementor
Герой

По умолчанию Re: Выпадающий текст при нажатии на ссылку

ArtStyle, напишите еще раз конкретно, что вы хотите сделать, а то я смутно понял. Скрин выложите с фрагментом сайта. Я напишу с нуля Вам быстро.
Dementor вне форума Ответить с цитированием
Непрочитано 09.09.2015, 20:35   #6
Аватар для ArtStyle
Пользователь

Автор темы (Топик Стартер) Re: Выпадающий текст при нажатии на ссылку

Цитата:
Сообщение от Dementor Посмотреть сообщение
ArtStyle, напишите еще раз конкретно, что вы хотите сделать, а то я смутно понял. Скрин выложите с фрагментом сайта. Я напишу с нуля Вам быстро.
Пример здесь: http://www.moyo.ua/consumers.html (Не реклама)

Весь код что намудрил я в начале темы
ArtStyle вне форума Ответить с цитированием
Непрочитано 09.09.2015, 20:42   #7
Аватар для Dementor
Герой

По умолчанию Re: Выпадающий текст при нажатии на ссылку

Цитата:
Сообщение от ArtStyle Посмотреть сообщение
Пример здесь: http://www.moyo.ua/consumers.html (Не реклама)

Весь код что намудрил я в начале темы
Да я уже понял, почти готово) Сейчас выложу

Добавлено через 30 минут
Фремворк обязательно подключи jquery-1.9.1.js


// вместо "#cont1" твой идентификатор
// #cont1 - это обертка для твоих дивов, в которых будет находиться различный контент
$(document).ready(function(){
	$('#cont1').css('height',  $('#cont1 div').eq(0).css('height'));
});
 
 
function showContent(getId, getNum)
{
	var speed = 300; // скорось в милисекундах
 
	for (i=0; i<$(getId + ' div').length; i++)
	{
		if ( i != getNum )
		{
			$(getId + ' div').eq(i).animate({
				opacity: 0,
			}, speed);
		}
	}
 
	$(getId + ' div').eq(getNum).animate({
		opacity: 1,
	}, speed);
 
	$(getId).animate({
		'height' : $(getId + ' div').eq(getNum).css('height')
	}, speed);
 
}
Code: Javascript
	/* стили */
	#cont1 { width: 500px; }
	#cont1 div { position: absolute;opacity: 0; }
Code: CSS
<a onCLick="showContent('#cont1', 0)">ссылка 1</a><a onCLick="showContent('#cont1', 1)">ссылка 2</a><a onCLick="showContent('#cont1', 2)"'>ссылка 3</a>
 
<div id="cont1" style=''>
	<!-- Каждому контенту задай обязательно высоту! -->
	<div style='opacity: 1;height: 50px;border: 1px solid #ff0000;'>текст 1й ссылки<br/>2я строка</div>
	<div style='height: 150px;border: 1px solid #ff0000;'>текст 2й ссылки<br/>2я строка<br/>3я строка<br/>4я строка</div>
	<div style='height: 350px;border: 1px solid #ff0000;'>текст 3й ссылки<br/>2я строка</div>
</div>
 
 
 
<div>текст ниже</div>
Code: HTML
Добавлено через 31 минуту
Писал на скорую руку, уходить надо. Думаю разберешься как лишний стиль убрать (типо бордюр красный - это для наглядности сделал) Если че-то не будет работать, напиши, исправлю

Дивкам классы не надо ставить! У тебя действующий только один идентификатор (cont1), его указываешь в онклике и все, и дивы в обертке 'cont1' должны быть

Последний раз редактировалось Dementor; 09.09.2015 в 21:14. Причина: Добавлено сообщение
Dementor вне форума Ответить с цитированием
Непрочитано 09.09.2015, 21:36   #8
Аватар для ArtStyle
Пользователь

Автор темы (Топик Стартер) Re: Выпадающий текст при нажатии на ссылку

Спасибо большое, сейчас попытаюсь прикрутить
ArtStyle вне форума Ответить с цитированием
Непрочитано 09.09.2015, 21:48   #9
Аватар для Dementor
Герой

По умолчанию Re: Выпадающий текст при нажатии на ссылку

Отпиши о результате

Добавлено через 1 час 47 минут
Пришел домой, добавлю:

соответственно, если тебе необходимо сделать таких несколько контейнеров с ссылками и их содержимым, то ниже распологай такой же контейнер div с id='cont2' (как хочешь, не важно), но соответственно в ссылках внутри этого контейнера его же и указываешь.

<a onCLick="showContent('#cont1', 0)">ссылка 1</a><a onCLick="showContent('#cont1', 1)">ссылка 2</a><a onCLick="showContent('#cont1', 2)"'>ссылка 3</a>
<div id="cont1">
	<!-- Каждому контенту задай обязательно высоту! -->
	<div style='opacity: 1;height: 50px;border: 1px solid #ff0000;'>текст 1й ссылки<br/>2я строка</div>
	<div style='height: 150px;border: 1px solid #ff0000;'>текст 2й ссылки<br/>2я строка<br/>3я строка<br/>4я строка</div>
	<div style='height: 350px;border: 1px solid #ff0000;'>текст 3й ссылки<br/>2я строка</div>
</div>
 
<a onCLick="showContent('#cont2', 0)">ссылка 1</a><a onCLick="showContent('#cont2', 1)">ссылка 2</a><a onCLick="showContent('#cont2', 2)"'>ссылка 3</a>
<div id="cont2">
	<!-- Каждому контенту задай обязательно высоту! -->
	<div style='opacity: 1;height: 50px;border: 1px solid #ff0000;'>текст 1й ссылки<br/>2я строка</div>
	<div style='height: 150px;border: 1px solid #ff0000;'>текст 2й ссылки<br/>2я строка<br/>3я строка<br/>4я строка</div>
	<div style='height: 350px;border: 1px solid #ff0000;'>текст 3й ссылки<br/>2я строка</div>
</div>
 
<a onCLick="showContent('#cont2', 0)">ссылка 1</a><a onCLick="showContent('#cont2', 1)">ссылка 2</a><a onCLick="showContent('#cont2', 2)"'>ссылка 3</a>
<div id="cont3">
	<!-- Каждому контенту задай обязательно высоту! -->
	<div style='opacity: 1;height: 50px;border: 1px solid #ff0000;'>текст 1й ссылки<br/>2я строка</div>
	<div style='height: 150px;border: 1px solid #ff0000;'>текст 2й ссылки<br/>2я строка<br/>3я строка<br/>4я строка</div>
	<div style='height: 350px;border: 1px solid #ff0000;'>текст 3й ссылки<br/>2я строка</div>
</div>
Code: HTML
И подгружаешь так же высоту по умолчанию:
 
$(document).ready(function(){
 
	// здесь все запуститься, после окончания прогрузки документа
 
	$('#cont1').css('height',  $('#cont1 div').eq(0).css('height'));
	$('#cont2').css('height',  $('#cont1 div').eq(0).css('height'));
	$('#cont3').css('height',  $('#cont1 div').eq(0).css('height'));
 
	// и т. д.
 
});
 
Code: Javascript

Хотя можно и без этого, даже наверное лучше. Просто в стилях задай ему высоту по умолчанию и все. Получается по умолчанию у тебя будет высотатакая-же как и у 1-го дива внтури соотв. контейнера.

Последний раз редактировалось Dementor; 09.09.2015 в 23:42. Причина: Добавлено сообщение
Dementor вне форума Ответить с цитированием
Ответ


Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Неудачный предприниматель VladimirM Черный список / Black list 71 20.01.2014 13:00
Текст, Текст и еще раз текст. Plush_Hero Игровой клиент 0 30.03.2011 01:51
Не появляется окно со списком скилов, при нажатии на Learn Skills TrueTrue Lineage II 3 07.04.2010 00:13


© 2007–2024 «Форум администраторов игровых серверов»
Защита сайта от DDoS атак — StormWall
Работает на Булке неизвестной версии с переводом от zCarot
Текущее время: 22:49. Часовой пояс GMT +3.

Вверх