Кнопки операций с постом в выпадающем меню

[Killhiden]

Уважаемые форумчане помогите реализовать выпадающее меню в котором будут упакованы операции с соответствующим постом. Такие как редактирование поста, удалие, пожаловаться, информация. В общем заключить в это меню все стандартные операции.
Должно быть примерно так:
1. Нажал на кнопку "действия с сообщением" Которая должна располагаться в углу поста, на месте тех кнопок.
2. В углу где раньше были кнопки вылезло контекстное меню на котором есть все те кнопки (редактирование, удалить и т.д.)
3. Если кликнуть на любое место в не этого контекстного меню, оно закрывается.
Собственно вот и все. Стиль - стандартный просильвер. В заранее спасибо за помощь.

[Nekstati]

CSS (добавить код в styles/prosilver/theme/tweaks.css)

Код: Выделить всё

.postbody ul.profile-icons {
	height: 20px;
	width: 1px;
	overflow: hidden;
}

.posticons-open {
	height: 20px;
	width: 20px;
	background: url("{T_THEME_PATH}/images/posticons-open.png");
	float: right;
	cursor: pointer;
}

Javascript (Mootools 1.3) (добавить код в styles/prosilver/template/forum_fn.js)

Код: Выделить всё

window.addEvent('domready', function() {
	$$('div.postbody ul.profile-icons').each(function(e) {
		var btn = new Element('div').addClass('posticons-open').inject(e, 'before');
		var fx = new Fx.Tween(e, {property: 'width'});
		btn.addEvent('click', function() {
			if (e.offsetWidth <= 1)
				fx.start(250);
			else
				fx.start(1);
		});
	});
});

В углу поста будет отображаться одна кнопка. При нажатии на эту кнопку все прочие кнопки будут плавно выезжать сбоку, при повторном нажатии — плавно прятаться.

Картинку-кнопку с названием posticons-open.png положите в /styles/prosilver/theme/images. В скрипте подберите значение 250, это ширина блока кнопок, зависит от количества кнопок на вашем форуме.

[Killhiden]

Странно, вставил я все как описано, кнопки пропали, но на их месте не появилась одна кнопка. Кнопку в директорию закинул кеш почистил, не помогло. есть ли разница в какое место вставлять в css или в js код?

[Nekstati]

А Mootools вы подключили?

overall_header.html

Код: Выделить всё

<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

Добавить до

Код: Выделить всё

<script type="text/javascript" src="{T_TEMPLATE_PATH}/mootools-core-1.3.1-full-nocompat-yc.js"></script>

[Killhiden]

Все я разобрался спасибо за ваше руководство, оно оказалось очень полезным. А дело было в том, что я не тот скрипт первоначально скачал. Скачал другой и все заработало, осталось лишь подогнать css? ну с этим слава богу я справлюсь и сам. еще раз спасибо.

[HAMMER663]

Вы не пробовали во вкладке Стили обновить набор изображений ?

[Killhiden]

Уже решил проблему, спасибо.

[HAMMER663]

Killhiden

выложи картинку пожалуйста

[Killhiden]

Вот, на изображении видно маленькую кнопочку в виде шестерни, при нажатии вылазит текст. Единственный минус заключается в том, что если туда прятать кнопку цитировать выделенное. Будет слетать выделение, если сначало выделить а потом выкатить меню. А вот зато если с начало вызвать меню, а потом выделить, все норм.

[Пчелкин]

А где там по ссылке Некстати скрипт качать..все ссылки нажимал - книги какие то...

[Nekstati]

http://mootools.net/download/get/mootoo ... mpat-yc.js
Но Пчёлкин, лучше не надо, на вашем форуме этот скрипт будет лишним, у вас их и так много.

[HAMMER663]

Killhiden
не. вы меня не поняли. выложите картинку, на которую вы нажимаете и выезжают остальные кнопки

[Пчелкин]

HAMMER663
Ну вы чего? Возьмите стандартную звездочку из админки...

[HAMMER663]

да я все понимаю... ну да ладно, я думал что-то под просильвер может у него есть, а оказалось нет.. так что проехали

[romeo_piter]

Идея шикарная, но если отключена Java - никаких кнопок не видно (