Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   меняю флешку на "летающую тарелку" (https://javascript.ru/forum/dom-window/11351-menyayu-fleshku-na-letayushhuyu-tarelku.html)

seroy 19.08.2010 14:02

меняю флешку на "летающую тарелку"
 
Здравствуйте!

я на форуме новичок - как и в javascript.

Сделал вот такое решение для больших (по ширине) таблиц:
http://www.almrally.ru/primer/infoit...enholqm_markus

Но пока таблица - флешка. Как организовать подобное на javascript?

Интересует эдакий popup (наподобие highlight-овских), стилизованный под фон раздела и содержащий таблицу с данными.

Kolyaj 19.08.2010 14:30

http://dev.sencha.com/deploy/dev/exa...rray-grid.html например.

seroy 19.08.2010 15:13

Цитата:

Сообщение от Kolyaj (Сообщение 67918)

Спасибо, Kolyaj, ценный source. Я все же, в первую очередь, хотел бы уточнить: как создать popup (самый простой пример: alert), стилизованный под раздел, т.е. чтобы можно было этому popup'у фон задать и внутри разместить таблицу (хотя бы самую простую, по типу <table>). По идее - это обычный div, c каким-то фоновым рисунком и опр. позиционированием на странице, так я мыслю?

Suharik 20.08.2010 17:07

Цитата:

По идее - это обычный div, c каким-то фоновым рисунком и опр. позиционированием на странице, так я мыслю?
Все верно
можно использовать функцию открытия дива
Для начала рисуете див, потом даете ему id=myid и dysplay=none и потом онкликом цепляете функцию
var myFuncOpen= function () {
document.getElementById('myid').style.display = 'block';
}
ну и кнопочку Закрыть
var myFuncClose= function () {
document.getElementById('myid').style.display = 'none';
}

MikhailGirshberg 20.08.2010 17:15

имхо,
попап не стоит того, чтобы в него упираться.

Скрол не рассматривали?

seroy 20.08.2010 17:34

Цитата:

Сообщение от MikhailGirshberg (Сообщение 68090)
имхо,
попап не стоит того, чтобы в него упираться.

Скрол не рассматривали?

Ну, от попапа отказался в пользу div'а с градиентным фоном - опять же, где-то ничего смотрится (Chrome, IE, Safari, возм., FF), а где-то (Seamonkey) - не работает, не отображается. Попробую таблицу со скроллом вставить в див - с первым примером как-то запутался:

http://dev.sencha.com/deploy/dev/exa...rray-grid.html

MikhailGirshberg 20.08.2010 17:48

  • табличке прописываете заголовки - в хэдере
  • в боди делаете ячейку с colspan на все столбцы
  • внутрь ячейки ставите див с прокруткой
  • внутрь дива суёте табличку (без головы и тушки - только строки и столбцы)

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

seroy 20.08.2010 18:32

Цитата:

Сообщение от MikhailGirshberg (Сообщение 68097)
  • табличке прописываете заголовки - в хэдере
  • в боди делаете ячейку с colspan на все столбцы
  • внутрь ячейки ставите див с прокруткой
  • внутрь дива суёте табличку (без головы и тушки - только строки и столбцы)

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

спасибо. опробую.

seroy 26.08.2010 16:56

Цитата:

Сообщение от Suharik (Сообщение 68086)
Все верно
можно использовать функцию открытия дива
Для начала рисуете див, потом даете ему id=myid и dysplay=none и потом онкликом цепляете функцию
var myFuncOpen= function () {
document.getElementById('myid').style.display = 'block';
}
ну и кнопочку Закрыть
var myFuncClose= function () {
document.getElementById('myid').style.display = 'none';
}

спасибо. кнопочку уже предусмотрел - как сама надпись ("ПОказать" - "Скрыть" картинку, другой div).


Часовой пояс GMT +3, время: 12:48.