U.Helper
04 Ноября 2009 01:07
1. Подключаем (в <head>) скрипт для работы панели:
Code
<script type="text/javascript" src="http://mobdp.org.ua/dev/upanel.pack.js"></script>
2. Подключаем (в <head>) стили панели (измените под себя)
Code
<link href="http://mobdp.org.ua/dev/upanel.css" rel="stylesheet" type="text/css" />
3. Если в панель хотите вставить не 1 строку, а что-то многострочное (тот же миничат или информер какой-нить), то это нужно обвернуть в блок (ставить после <body>), примеры:
Code
<div id="issometext2" style="display:none">test copy html 1</div>
<div id="issometext4" style="display:none">test copy html 2</div>
<div id="issometext4" style="display:none">test copy html 2</div>
4. Ставим ссылку (куда удобно в <body> перед скриптом)
Code
<a href="http://mobdp.org.ua/portfolio" id="mob_dp">created by mob_dp</a>
p.s. желающие могут вырезать, но прошу не распространять модифицированную Вами версию, защита от мегасофтовских нубов :D
5. Переходим к скрипту управления (ставить после <body>), в примере он выглядит таким образом:
Code
<script type="text/javascript">
upanel.create('1000px',1);
upanel.addblock('sometext1','150','some text 1');
upanel.addblock('sometext2','150','#issometext2');
upanel.addspacer('there spacer text');
upanel.addblock('sometext3','150','some text 3');
upanel.addblock('sometext4','150','#issometext4');
upanel.end();
</script>
upanel.create('1000px',1);
upanel.addblock('sometext1','150','some text 1');
upanel.addblock('sometext2','150','#issometext2');
upanel.addspacer('there spacer text');
upanel.addblock('sometext3','150','some text 3');
upanel.addblock('sometext4','150','#issometext4');
upanel.end();
</script>
- upanel.create(twidth,tcellSpacing) - создание панели
- twidth - ширина панели, которая представлена таблицей.
по умолчанию 100%
- tcellSpacing - расстояние между ячейками таблицы
по умолчанию 0
- twidth - ширина панели, которая представлена таблицей.
- upanel.addblock(linktext,blockwidth,inf) - добавление блока
- linktext - текст ссылки (кнопки) на панели
- blockwidth - ширина блока
- inf - содержимое блока
- может задаваться строкой (главной чтобы одинарных кавычек не было)
- может задаваться jQuery селектором (по классу, по ид, структурой, объектом с опред. атрибутом и т.д.)
- может задаваться строкой (главной чтобы одинарных кавычек не было)
- linktext - текст ссылки (кнопки) на панели
- upanel.addspacer(text) - добавление пробела
- text - строка, которая отображается между блоками. Можно не передавать.
- Примечание: все что до пробела - слева, все что после - справа. Пробел можно поставить в любое место, но после создания панели (create) и перед окончанием (end).
- text - строка, которая отображается между блоками. Можно не передавать.
- upanel.end(synchronization) - окончание создания панели
- synchronization - интервал синхронизации панелей, задается числом
по умолчанию 1000 (мс).
- synchronization - интервал синхронизации панелей, задается числом
Так что же туда поставить?
Вот пара мыслей:
- миничат
- информер
- скрипт подгрузки личных сообщений (разработка Гаары)
- оповещения пользователей
- и т.д.
Автор идеи: некто из разработчкиков фейсбука 
Разработчик: mob_dp
Бета-тестер: cucYa
Правила использования:
- Все права на публикуемые скрипты принадлежат их авторам!
- Запрещается распространение скриптов без указания автора!
- Запрещается "затирание" копирайтов!
0
Потому что мне на js более удобно, но js не умеет брать элемент по селектору вида .someclass или #someid. Можно было сделать поддержку копирования только с ид, но не всем это удобно.
Учитывая то, что jquery сейчас воткнули в u.js, вероятность подключенного jq -> 1
0Ну во первых, встало посредине сайта и нитуда нисюды. Пытался приковать к верху или низу, нихрена не вышло. Потом с сайта даже начало зеркалить на страничку автора скрипта. Причём без вопросов уводило с сайта на его страницу. Модный скрипт, у матросов нет вопросов)
