Jump to content

user89

Newbie
 View Profile  See their activity

  • Posts

    29

  • Joined

  • Last visited

 Content Type 

Everything posted by user89

  1. user89
    Код лучше сюда выложите https://jsfiddle.net/
  2. user89
    Посмотрите в разделе More Examples http://www.w3schools.com/jsref/jsref_replace.asp
  3. user89
    Сейчас погонял, всё ОК. А Илья же написал потом P.S. Возможны и более короткие решения, использующие методы для работы со строками, которые мы пройдём далее.
  4. user89
    Самая короткая проверка на целое число function isInt(n) { return (n^0) === n;}console.log(isInt(-1), isInt(0), isInt(2000000000));console.log(isInt(''), isInt('1'), isInt(1.5));
  5. user89
    Да вроде нормально с фиксированной обёрткой http://jsfiddle.net/rgv9n1k4/5/ На весь экран https://jsfiddle.net/rgv9n1k4/5/embedded/result/
  6. user89
    А почему нельзя div c display = tabel/table-cell ? Препод не разрешает? Можно на правый блок повесить обработчик rightDiv.addEventListener("resize", функцияМеняющаяРазмерЦентральногоБлока);
  7. user89
    А может табличная вёрстка или div c display = tabel/table-cell ?
  8. user89
    Забыл опубликовать новую версию. Теперь наверное без недостатков Действительно получилось универсальное и простое, также успешно работает с объединёнными ячейками. На входе имеем обычную таблицу, области фиксируются вызовом функции FixHeaderCol(<таблица>, <сколько фиксировать строк>, <сколько фиксировать столбцов>, <ширина таблицы>, <высота таблицы>) Демо https://jsfiddle.net/axeqojwu/2/embedded/result/ Исходники https://jsfiddle.net/axeqojwu/2/ Не знаю, будет ли колёсико мыши работать в Сафари.
  9. user89
    Да хотелось узнать, можно ли проcтым путём через JSON ещё и стиль передать
  10. user89
    Решение <!DOCTYPE html> <html> <head> <title>Взять стиль из объекта</title> <meta http-equiv='Content-Type' content='text/html; charset=utf-8'> <style> #d1 {width:200px; border:1px solid #ccc; margin:20px;} </style> </head> <body> <button onclick="run(s);">Взять стиль из объекта</button> <div id="d1">div 1</div> <script type='text/javascript'> var s = { id: 'd1', style: { background: 'orange', padding: '15px', border: '2px solid green' } }; function run(s) { var el = document.getElementById(s.id); for (var k in s.style) { el.style[k] = s.style[k]; }; }; </script> </body> </html>
  11. user89
    Есть объект, в котором прописаны некоторые CSS-свойства. Хочется применить их к элементу. Делаю так (самое интересное ошибки нет) <!DOCTYPE html><html><head><meta charset="utf-8"><style>#d1 {width:200px; border:1px solid #ccc; margin:20px;}</style></head><body><button onclick="run(s)" id="Button1">Button1</button><div id="d1">div 1</div><script>var s = {id:'d1', background:'orange', padding:'10px', border:'2px solid green'};function run(s) { var el = document.getElementById(s.id), k; for (k in s) { if (k != 'id') { console.log('el.style.' + k + ' = ' + '"' + s[k] + '"'); el.style.k = '"' + s[k] + '"'; } }}</script></body></html> В консоле выводятся правильные строки el.style.background = "orange" el.style.padding = "10px" el.style.border = "2px solid green" но я не знаю, как их применить к стилю элемента. Использовать eval() не хочется. el.style[k] также не помог... Пример на фиддлере https://jsfiddle.net/6ohy1qdy/
  12. user89
    Добрался до колёсика мыши... Демо https://jsfiddle.net/axeqojwu/2/embedded/result/ Исходники https://jsfiddle.net/axeqojwu/2/ Не знаю, будет ли колёсико мыши работать в Сафари.
  13. user89
    Может тут windows свои коррективы вносит? Работаю на Windows-7 64 bit.
  14. user89
    В хромом нормально
  15. user89
    Ага. Колёсико не работает. Будет время, попробую сделать. >> В последнем примере однопиксельный скролл. Да, в IE появляется скролл, надо было высоту вместо 147px сделать 150px. А еще лучше, типа if (rowFix == 0) {<автоподсчет высоты контейнера>}
  16. user89
    Для сводных отчетов нужно, чтобы несколько колонок слева и заголовок оставались на месте, а данные прокручивались. Находил много решений, но они использовали библиотеки типа jQuery или были сложны в реализации (не учитывалось объединение ячеек) Мне хотелось сделать что-то универсальное и простое. Вроде получилось Области фиксируются вызовом функции FixHeaderCol(<таблица>, <сколько фиксировать строк>, <сколько фиксировать столбцов>, <ширина таблицы>, <высота таблицы>) Успешно работает в IE10, новой Опере, Мозилле, Хроме. Демо https://jsfiddle.net/axeqojwu/1/embedded/result/ Исходники с комментариями http://jsfiddle.net/axeqojwu/1/ З.Ы. Функция setSum в реальных проектах не нужна, она заполняет пустые ячейки случайными числами
  17. user89
    Решил через градиент и background-position http://jsfiddle.net/aykkwbss/6/
  18. user89
    Хочу получить такую таблицу. Здесь на сером фоне внутренние белые линии (слева и сверху) Cделать через тень, короткое изящное решение http://jsfiddle.net/aykkwbss/ Работает везде, но как обычно IE в своем репертуаре (думал в 10-й версии глюков с тенью не будет). Здесь белые линии смещены на 1px вправо или вниз Вложил DIV в ячейку. У Мозиллы едет верстка, а IE не растягивает DIV http://jsfiddle.net/aykkwbss/5/ Можно решить без JavaScript?
  19. user89
    DDeDMazday, лучше поменять главное фото на http://travelsbase.ru/index.php/leningradskaya/goluboe, а то кажется, что водоворот в пучину затягивает, и домики на берегу невзрачные.... Другие фотографии хорошие. Кнопки слева в разделе База отдыха сделаны красиво, но фотографии грузятся по 10-12 сек. Долго По поводу табов. Я использую такой симпатичный шаблон (здесь немного JavaScript) https://jsfiddle.net...mbedded/result/ Решение легко масштабируется. Здесь нет id-шников, checkbox-ов и т.д. Исходники https://jsfiddle.net/cN57x/5/
  20. user89
    Я использую такой симпатичный шаблон (здесь немного JavaScript) https://jsfiddle.net/cN57x/5/embedded/result/ Решение легко масштабируется. Здесь нет id-шников, checkbox-ов и т.д. Исходники https://jsfiddle.net/cN57x/5/
  21. user89
    Столкнулся с интересной задачей, выделить самую нижнюю строку в таблице. Если таблица простая, без объединения ячеек, то решается просто на уровне CSS (tr:last-child). Но в реальных отчетах ячейки группированы. Представляю универсальный алгоритм, без jQuery и прочих библиотек: http://jsfiddle.net/cN57x/6/ Алгоритм несложный, но уверен, его можно улучшить...
  22. user89
    А вот еще вариант. Универсальный алгоритм, который делает любое количество групп на выбор (max = количество колонок в таблице минус 1) https://jsfiddle.net/NZaw4/194/embedded/result/ Здесь группировка реализуется на JavaScript. На входе имеем обычную, простую таблицу безо всяких идентификаторов строки, стилей и т.д. Достоинства: - на сервере не делаем ничего (клиенту отдаем обычный HTML вида <tr> <td> </td> </tr>) Недостатки: - медленная работа при большом количестве строк и большой вложенностью групп
  23. user89
    На всякий случай, такой вариант http://www.sql.ru/forum/actualutils.aspx?action=gotomsg&tid=1036542&msg=14600782
  24. user89
    Да. Это так. Просто не нашел другого пути...
  25. user89
    Здравствуйте! Всем известно, что в Excel можно зафиксировать области так, что при прокрутке содержимого таблицы, сторока и столбец оставались на месте. Решил сделать нечто подобное и для HTML. В гугле полно примеров, но большинство из них очень громоздки или используют jQuery и прочие библиотеки. А мне хотелось как-нибудь попроще, без JavaScript, на одном CSS. Если фиксировать что-нибудь одно, то скрипт не нужен, например для заголовка http://jsfiddle.net/2Bfxm/3/ Но одновременно и для столбца, не получится без JavaScript. Впрочем, он небольшой. Пример работает в Опере, Мозилле, Хромом, IE8-9 http://jsfiddle.net/bS3wf/ Маленький недостаток - в IE8-9 при прокрутке, немного дергается заголовок или столбец.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept