ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Работа с css
25 сообщений из 137, страница 1 из 6
  1  все
Работа с css
    #39398661
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
есть
Код: html
1.
2.
3.
<style>
.u{display:none}
</style>


как из js изменить none на block
...
Рейтинг: 0 / 0
04.02.2017, 17:39
| Ответить | Цитировать | Написать  
Работа с css
    #39398699
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
вадя,

https://jsfiddle.net/4c5xq9uj/
...
Рейтинг: 0 / 0
04.02.2017, 20:50
| Ответить | Цитировать | Написать  
Работа с css
    #39398709
Alexander A. Sak
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alexander A. Sak
Участник
Наверное, начать с document.styleSheets.
В консоли видна структура. Словами долго объяснять.
...
Рейтинг: 0 / 0
04.02.2017, 21:10
| Ответить | Цитировать | Написать  
Работа с css
    #39398721
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
hVosttвадя,

https://jsfiddle.net/4c5xq9uj/
это не то для данного вопроса
это
item.style.display = 'block';
к каждому элементу добавит аттрибут style="display:block;"
а этого мне не нужно.
Alexander A. SakНаверное, начать с document.styleSheets.
В консоли видна структура. Словами долго объяснять.
это я прошёл.
в head есть
Код: html
1.
2.
3.
4.
<style id="sty">
            .u1{display: block;}
            .u2{display: block;}
</style>


есть такое
Код: html
1.
2.
<input type="checkbox" onchange="showOnOff(this, 'u1');" name=""  checked/>
<input type="checkbox" onchange="showOnOff(this, 'u2');" name=""  checked/>


и такое
Код: javascript
1.
2.
3.
4.
5.
 function showOnOff(obj, p) {
                var cs = {'u1': 0, 'u2': 1};
                var x = obj.checked ? 'block' : 'none';
                document.styleSheets['sty'].rules[cs[p]].style.display = x;
            }



вчера работало отлично...
сегодня работает только на половину. на странице пропадает , но не появляется
...
Рейтинг: 0 / 0
04.02.2017, 21:56
| Ответить | Цитировать | Написать  
Работа с css
    #39398722
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадяэто я прошёл.
в head есть
ты нарочно в рукаве тузы прячешь? ))
Почему это сразу не писать, если мемберов за дураков не держать?
...
Рейтинг: 0 / 0
04.02.2017, 21:57
| Ответить | Цитировать | Написать  
Работа с css
    #39398723
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
решил это так

Код: html
1.
2.
3.
4.
<style id="sty">
            .u1{display:block;}
            .u2{display:block;}
</style>




Код: javascript
1.
2.
3.
4.
function showOnOff(obj, p) {
    var t = '(\\.' + p + '{display:)(block|none)';
    document.getElementById('sty').innerHTML = document.getElementById('sty').innerHTML.replace(new RegExp(t, 'g'), obj.checked ? '$1block' : '$1none');
}



но мне кажется, что с использование styleSheets было бы правильнее
...
Рейтинг: 0 / 0
04.02.2017, 22:04
| Ответить | Цитировать | Написать  
Работа с css
    #39398724
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123ты нарочно в рукаве тузы прячешь? ))
Почему это сразу не писать, если мемберов за дураков не держать?
не хотел наводить на ложный путь....
...
Рейтинг: 0 / 0
04.02.2017, 22:05
| Ответить | Цитировать | Написать  
Работа с css
    #39398725
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Petro123,
хочется чистого, правильного решения , а не исправления моего
...
Рейтинг: 0 / 0
04.02.2017, 22:07
| Ответить | Цитировать | Написать  
Работа с css
    #39398732
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
вадяэто не то для данного вопроса
формулируй точнее
...
Рейтинг: 0 / 0
04.02.2017, 23:04
| Ответить | Цитировать | Написать  
Работа с css
    #39398741
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
вадярешил это так

Неужели для show/hide блока по чекбоксу лучшего решения не нашлось, чем ковырять ковырять стили на странице? Это же говнокод.
...
Рейтинг: 0 / 0
05.02.2017, 01:14
| Ответить | Цитировать | Написать  
Работа с css
    #39398748
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Изопропилвадяэто не то для данного вопроса
формулируй точнее
а куда точнее, я ведь не про стиль у элемента спросил, а у css .
...
Рейтинг: 0 / 0
05.02.2017, 03:39
| Ответить | Цитировать | Написать  
Работа с css
    #39398749
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
hVosttвадярешил это так

Неужели для show/hide блока по чекбоксу лучшего решения не нашлось, чем ковырять ковырять стили на странице? Это же говнокод.
вот присвоение свойсву кода значения «говнокод»
говорит о слабом владении инструментом и его возможностями.
...
Рейтинг: 0 / 0
05.02.2017, 03:46
| Ответить | Цитировать | Написать  
Работа с css
    #39398750
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
вадявот присвоение свойсву кода значения «говнокод»
говорит о слабом владении инструментом и его возможностями.

О том, что это говнокод, говорит твоё не знание возможностей каскада CSS. Достаточно сменить класс контейнера, чтобы сменить стиль у всех элементов внутри.

Поэтому ещё раз спрашиваю, лучшего решения для переключения show/hide блоков по изменению состояния чекбокса не нашлось? Можешь ответить по существу?
...
Рейтинг: 0 / 0
05.02.2017, 04:36
| Ответить | Цитировать | Написать  
Работа с css
    #39398780
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
hVosttНеужели для show/hide блока по чекбоксу лучшего решения не нашлось, чем ковырять ковырять стили на странице?
+1
вадяPetro123,
хочется чистого, правильного решения , а не исправления моего
вадя! Ты думаешь мемберы не смогут САМИ предложить СВОЁ решение?
Ты второй раз их\нас держишь за дураков.
Написал бы прямо зачем тебе стиль.
Эх......
...
Рейтинг: 0 / 0
05.02.2017, 10:43
| Ответить | Цитировать | Написать  
Работа с css
    #39398784
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Наброшу:

YouTube Video
YouTube Video
...
Рейтинг: 0 / 0
05.02.2017, 10:50
| Ответить | Цитировать | Написать  
Работа с css
    #39398785
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
hVosttО том, что это говнокод, говорит твоё не знание возможностей каскада CSS. Достаточно сменить класс контейнера, чтобы сменить стиль у всех элементов внутри.
- если что-то спрашивают, значит есть повод применить именно такое решение, а не иное.
если по данной проблеме нечего сказать конкретно - лучше промолчи.

- прежде чем так заявлять надо ознакомиться что и как работает
для начала https://habrahabr.ru/post/224187/
когда на странице пара элементов - это одно, а когда может быть несколько тысяч это другое

- там не у двух классов надо менять, а у 10+

а не работает (точнее странно работает ) скорее всего связано с reflow, repaint...
...
Рейтинг: 0 / 0
05.02.2017, 10:51
| Ответить | Цитировать | Написать  
Работа с css
    #39398790
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
hVosttчем ковырять ковырять стили на странице
это такие же свойства/объекты/атрибуты как и всё остальное.
...
Рейтинг: 0 / 0
05.02.2017, 11:01
| Ответить | Цитировать | Написать  
Работа с css
    #39398795
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
вадяхочется чистого, правильного решения
Объясни толком проблему.
...
Рейтинг: 0 / 0
05.02.2017, 11:43
| Ответить | Цитировать | Написать  
Работа с css
    #39398798
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
вадяпрежде чем так заявлять надо ознакомиться что и как работает
для начала https://habrahabr.ru/post/224187/
когда на странице пара элементов - это одно, а когда может быть несколько тысяч это другое
Там написано:

"Для изменения стилей элементов лучше модифицировать только атрибут «class», и как можно глубже в дереве DOM,
это и более грамотно с точки зрения разработки и поддержки (отделение логики от представления), и менее затратно для браузера."

Собственно hVostt об этом и пишет: "Достаточно сменить класс контейнера".

А ты про что?
...
Рейтинг: 0 / 0
05.02.2017, 11:52
| Ответить | Цитировать | Написать  
Работа с css
    #39398803
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
skyANA,
я про время рендеринга.
у меня есть таблица 400*300 ячеек в каждой может быть до 5 .png
необходимо отключать показ некоторых.
если менять класс контейнера для небольшого объёма - это вариант, когда множество это тормоз
...
Рейтинг: 0 / 0
05.02.2017, 12:06
| Ответить | Цитировать | Написать  
Работа с css
    #39398810
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
вадяskyANA,
я про время рендеринга.
у меня есть таблица 400*300 ячеек в каждой может быть до 5 .png
необходимо отключать показ некоторых.
если менять класс контейнера для небольшого объёма - это вариант, когда множество это тормоз
Может пора отказаться от таблицы? :)
...
Рейтинг: 0 / 0
05.02.2017, 12:19
| Ответить | Цитировать | Написать  
Работа с css
    #39398811
Фотография Petro123
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Petro123
Участник
вадянеобходимо отключать показ некоторых.
как именно в ГУИ сделано? Это же не фильтр с галкой: "Показать сегодняшние?"
...
Рейтинг: 0 / 0
05.02.2017, 12:19
| Ответить | Цитировать | Написать  
Работа с css
    #39398814
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
вадя,

а как изначальный вопрос связан с таблицей 400 на 300?
...
Рейтинг: 0 / 0
05.02.2017, 12:22
| Ответить | Цитировать | Написать  
Работа с css
    #39398819
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
skyANAМожет пора отказаться от таблицы? :)
возможно, но как-то боязно..
и для данной задачи это не играет роли, где находятся элементы в диве или ячейке таблицы
skyANAа как изначальный вопрос связан с таблицей 400 на 300?
так как это для этой таблицы. для малого количества - вариант любой подойдёт.
Petro123как именно в ГУИ сделано? Это же не фильтр с галкой: "Показать сегодняшние?"
в принципе это "фильтр".
с сервера идет "ячейка" , в ней несколько .png с прозрачностью, и наложении их друг на друга отображают инфу ячейке, управляя видимостью картинок "фильтруем" отображаемое.
предложенный вариант самый быстрый.
и судя по наблюдениям всё происходит , но не хватает репаинта. а как его вызвать -из приведённой статьи я не понял.
если делать
#id_контейнера .class {display.....
то возможны два варианта -
1 - отбираются все .class, затем проверка на принадлежность, затем применение.
2 - нахождение одного .class, проверка принадлежности контейнеру- изменение.
при приличном количестве элементов .class - этот процесс долгий.
...
Рейтинг: 0 / 0
05.02.2017, 12:47
| Ответить | Цитировать | Написать  
Работа с css
    #39398820
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
skyANA400 на 300
таблица 400*30
300 - это опечатка, но 12000 тоже прилично
...
Рейтинг: 0 / 0
05.02.2017, 12:49
| Ответить | Цитировать | Написать  
25 сообщений из 137, страница 1 из 6
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Работа с css
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]