Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?
Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript

Модерирует : Cheery

 Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119

Открыть новую тему     Написать ответ в эту тему

D1D1D1D

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
 
Имелось в виду - задать выборочное скрытие определенных столбцов.
Всего записей: 1473 | Зарегистр. 05-04-2010 | Отправлено: 04:23 03-04-2022
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D
задайте им определенный атрибут или класс, проверяйте его наличие.
Всего записей: 15700 | Зарегистр. 20-09-2014 | Отправлено: 04:35 03-04-2022
D1D1D1D

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
В чем может состоять ошибка? Тут я задал класс "a" для скрытия первого столбца:

Код:
if (screen.width <= 6768) {
   const e = document.querySelectorAll(`.${a}`);
   e.component.columnOption(e.column.caption, 'visible', false);
}

 
Выяснил еще, что можно тоже самое делать на CSS, но при этом столбцы как-то странно смещаются. В чем может быть дело?

Код:
@media (min-width: 768px) {
.dx-data-row .a   {width: 50px !important;}
.dx-data-row .b   {width: 600px !important;}
.dx-data-row .c   {display:none !important;}
.dx-data-row .d   {width: 600px !important;}
.dx-data-row .e   {display:none !important;}
}
Всего записей: 1473 | Зарегистр. 05-04-2010 | Отправлено: 05:55 03-04-2022 | Исправлено: D1D1D1D, 05:56 03-04-2022
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D

Цитата:
const e = document.querySelectorAll(`.${a}`);

зачем? e.component уже, скорее всего, нужный параметр (идет перебор столбцов).
я не знаю как вы прилепили это, но если из примера - это уже как то привязано к каждому столбцу.
вот тут и проверяйте, есть ли у него какой то класс или атрибут, в соответствии с которым вы либо делаете его невидимым, либо нет.
Всего записей: 15700 | Зарегистр. 20-09-2014 | Отправлено: 06:51 03-04-2022
Vladsvn

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день!
 
В сети очень много скриптов различного назначения (меню, всплывающие сообщения и т.п.), но все они построены на jQuery. На bootstrap я не встречал ни одного, хотя у bootstrap, вроде бы, тоже большие возможности.  
 
Не понятно, почему так?
 
bootstrap морально устарел? Это технология вчерашнего дня?  
 
(Имеется в виду скрипты с использованием bootstrap).
 
 
Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 09:52 03-04-2022 | Исправлено: Vladsvn, 09:56 03-04-2022
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vladsvn

Цитата:
bootstrap морально устарел? Это технология вчерашнего дня?  

bootstrap и jQuery это разные вещи.
первое - для визуализации и респонсивности (отображение на мобильных устройствах)
второе - для интерактивности и изменения DOM, просто упрощает многие вещи в javascript
https://ru.wikipedia.org/wiki/Bootstrap_(фреймворк)
https://ru.wikipedia.org/wiki/JQuery
Всего записей: 15700 | Зарегистр. 20-09-2014 | Отправлено: 10:00 03-04-2022 | Исправлено: Mavrikii, 10:01 03-04-2022
Vladsvn

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если посмотреть инспектором кода, то и в bootstrap, и в jQuery используется далеко не вся номенклатура  содержащихся в них скриптов. Что произойдет, если в них неиспользуемые коды удалить (для облегчения файлов)?  
 
Применяется ли такой прием на практике или это некорректно, кустарщина?
 
Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 10:14 03-04-2022
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vladsvn

Цитата:
то и в bootstrap, и в jQuery используется далеко не вся номенклатура  содержащихся в них скриптов.

чего?
 

Цитата:
Что произойдет, если в них неиспользуемые коды удалить (для облегчения файлов)?

смотря как удалять. вам действительно хочется на это тратить время, когда файлы уже минимизированы? или проверять потом, все работает как нужно.. и так, вручную, с каждой новой версией? что за бред вы сейчас спросили.
Всего записей: 15700 | Зарегистр. 20-09-2014 | Отправлено: 10:27 03-04-2022 | Исправлено: Mavrikii, 10:27 03-04-2022
D1D1D1D

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii

Цитата:
e.component уже, скорее всего, нужный параметр (идет перебор столбцов).
 

А как указать столбец с определенным стилем?
Всего записей: 1473 | Зарегистр. 05-04-2010 | Отправлено: 20:48 03-04-2022
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D

Цитата:
А как указать столбец с определенным стилем?

проверить есть ли у него класс.
проверить, сначала, так - может сработает, иначе нужно копать глубже, что из себя представляет e.component
if ($(e.component).hasClass('имя_класса')) {
...
}
Всего записей: 15700 | Зарегистр. 20-09-2014 | Отправлено: 23:56 03-04-2022
Vladsvn

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день!
 
В сети есть несколько необычный сайт: прочитав половину статьи, пользователь получает приглашение зарегистрироваться, а оставшаяся часть страницы для незарегистрированного пользователя остается недоступной.
 
Вот пример такой страницы: https://www.e-xecutive.ru/career/lichnaya-effektivnost/1994900-eto-u-menya-ot-roditelei-kak-detsko-roditelskie-otnosheniya-vliyaut-na-uspeh
 
Но если Вы как незарегистрированный пользователь посмотрите код этой страницы, то в кодах увидите ее всю, полностью. Применительно к данному примеру в коде можно увидеть фразу "как заметно улучшается ситуация во всех сферах его жизни". Это последняя фраза в статье, которую браузер незарегистрированному пользователю не показывает. Благодаря такой организации страница полностью индексируется роботами.
 
Я хотел заимствовать этот механизм, но так и не сумел понять, как это работает...
 
 
Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 11:46 06-04-2022
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vladsvn

Цитата:
Я хотел заимствовать этот механизм, но так и не сумел понять, как это работает...

элементарно.. через CSS
выставляетя для блока с текстом max-height, затем overflow: hidden и далее градиент перехода либо тоже через CSS, либо картинкой.
и, соответственно, убирается этот стиль при клике для раскрытия всего сообщения.
 
https://jsfiddle.net/e5qpobvy/
Всего записей: 15700 | Зарегистр. 20-09-2014 | Отправлено: 22:51 06-04-2022
Vladsvn

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Какое неожиданное и красивое решение!
 
Спасибо!
Всего записей: 351 | Зарегистр. 07-09-2016 | Отправлено: 23:28 06-04-2022
D1D1D1D

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
задать выборочное скрытие определенных столбцов

Следующий код скрывает две колонки по классам "b" и "d". Как правильно прописать смену фонового цвета для кнопки "Выбор столбцов", чтобы пользователь понимал, что кнопка используется?
 

Код:
customizeColumns(col) {
    col.forEach(arr => {
        if (screen.width <= 700) {
            if (arr.cssClass === "b" || arr.cssClass === "d") {
                arr.visible = false;
-->             $('div').closest('div').css('background-color', '#FF0000').addClass('dx-button-mode-contained');
            }
        }
    });
}
Всего записей: 1473 | Зарегистр. 05-04-2010 | Отправлено: 03:21 08-04-2022
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D

Цитата:
Как правильно прописать смену фонового цвета для кнопки "Выбор столбцов

вы прямо телепатов ищете?
откуда же мы знаем, где эта кнопка и как к ней обратиться.

Цитата:
$('div')

к любому <div> на странице обращаетесь?
Всего записей: 15700 | Зарегистр. 20-09-2014 | Отправлено: 03:27 08-04-2022
D1D1D1D

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
А, точно. Вот тут в архиве виджет, а кнопка там в нижнем правом углу.
Всего записей: 1473 | Зарегистр. 05-04-2010 | Отправлено: 03:29 08-04-2022
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D
нет в API прямого обращения к кнопке. есть возможность получить элемент со списком, но не кнопку.
как костыль - $('.dx-datagrid-header-panel .dx-button-mode-contained')
Всего записей: 15700 | Зарегистр. 20-09-2014 | Отправлено: 04:04 08-04-2022
D1D1D1D

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Mavrikii
Спасибо!
Всего записей: 1473 | Зарегистр. 05-04-2010 | Отправлено: 05:20 08-04-2022
D1D1D1D

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В виджете из архива на все поисковые поля назначена функция, которая заменяет некоторые введенные символы на другие, например, букву Ё на Е. Сокращенно функция выглядит так —

Код:
function fix(obj) {
   obj.value = obj.value.replace(/[ё]/g, 'е');
}

В коде виджета строк больше, и замечено, что на некоторых версиях андроида при вводе букв — они дублируются. В связи с этим вопрос — есть ли другой способ прописать подобный функционал на input onkeyup?
Всего записей: 1473 | Зарегистр. 05-04-2010 | Отправлено: 16:23 11-04-2022 | Исправлено: D1D1D1D, 14:44 15-04-2022
Mavrikii

Platinum Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
D1D1D1D

Цитата:
и замечено, что на некоторых версиях андроида при вводе бук

дело, наверно, все же в браузере. чтобы видеть причину - нужно знать конкретно версии.
 
Всего записей: 15700 | Зарегистр. 20-09-2014 | Отправлено: 20:25 11-04-2022
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119

Компьютерный форум Ru.Board » Интернет » Web-программирование » вопросы по javascript


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru