ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / использование JavaScript в CSS
25 сообщений из 89, страница 2 из 4
  2  все
использование JavaScript в CSS
    #35555063
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
ShSergeДа, ладно, зто я так... . Просто недавно обсуждали как динамически, т.е. во время исполнения страницы на клиенте (уже после загрузки) подключать css. Просто так стили поменять у любого элемента не вызывает проблем (свойство style ). Посмотреть можно здесь .

А теперь у нас 200 элементов, ~30 "основных" стилей, очень-очень интерактивная страница (и естественно не одна) и плюс всевозможные хаки ради нормальной кроссбраузерности. Попытки по каждому поводу дергать .style ведут к мельтешению в глазах и в коде. Попытки запихнуть всё в css ведут к кашеобразному css.

Действия гуру?
...
Рейтинг: 0 / 0
23.09.2008, 17:36
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555077
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Я же ссылочку про цсс давал.
...
Рейтинг: 0 / 0
23.09.2008, 17:41
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555123
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
The_ShadoW
Действия гуру?
остановиться и задуматься, вдруг ты что-то делаешь не так?
...
Рейтинг: 0 / 0
23.09.2008, 17:58
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555267
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
зыостановиться и задуматься, вдруг ты что-то делаешь не так?

Окей, далее?
...
Рейтинг: 0 / 0
23.09.2008, 19:08
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555275
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
ShSergeЯ же ссылочку про цсс давал.

Посмотрел. Примерно оно в текущем виде и существует в проекте. Естественно, намного менее обобщенно ExtJSовского варианта, ибо "заточено" строго под потребности.

ЗЫ: Что это очередной велосипед - так я и не сомневался.
...
Рейтинг: 0 / 0
23.09.2008, 19:15
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555285
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
The_ShadoW
Окей, далее?
далее вынуть себе мозг, положить рядом и забыть про программирование
...
Рейтинг: 0 / 0
23.09.2008, 19:25
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555286
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
apapacy
Участник
The_ShadoWНаваяйте фреймворк :)

У нас вот нечто на эту тему (динамическое управление стилями) постепенно начинает вырисовываться, мб и до фреймворка когда-нибудь дорастет. А всё потому, что при обилии элементов, стилей и js простой css неизбежно становится кашей.

Динамическое управление стилями это и есть DHTML, который включает в частности JavaScript и CSS. Никакой неотвратимости в превращении DHTML в кашу не существует.
...
Рейтинг: 0 / 0
23.09.2008, 19:26
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555287
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
зыдалее вынуть себе мозг, положить рядом и забыть про программирование

Спасибо, буду и впредь обращаться к Вам за советами, пропитанными внеземной мудростью.
...
Рейтинг: 0 / 0
23.09.2008, 19:27
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555294
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
ты ответь, ты хочешь заменить "кашу" css на кашу яваскрипта генеря стили "на лету"? в чем выгода? кроме того, если ты пытаешься каждый возможный пук и вариант 200-от элементов описать через css, значит ты плохо понимаешь зачем нужны таблицы стилей
...
Рейтинг: 0 / 0
23.09.2008, 19:37
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555328
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
зыт...зачем нужны таблицы стилей...
Каскадные, смею заметить.
...
Рейтинг: 0 / 0
23.09.2008, 20:19
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555407
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
зыты ответь, ты хочешь заменить "кашу" css на кашу яваскрипта генеря стили "на лету"? в чем выгода? кроме того, если ты пытаешься каждый возможный пук и вариант 200-от элементов описать через css, значит ты плохо понимаешь зачем нужны таблицы стилей
А теперь и Вас пора по ссылке отправить. Чтоб не было бреда про "каждый вариант 200от элементов в цсс", на ночь глядя. Это даже не говоря про то, что я ничего не "хочу" и тем более не "пытаюсь". Оно всё уже написано (в т.ч. и мной), замечательно работает и при этом еще и неплохо выглядит.

ShSerge
Каскадные цсс отлично работают с иерархическим хтмл, но когда весь хтмл обернут в "объектную" (насколько это возможно в js) библиотеку виджетов, с каскадностью становится уже не очень. Конечно, те виджеты, которые размещаются в более-менее однообразном порядке, имеют цсс достаточно стройный и вменяемый. Зато с остальными всё намного хуже.

ЗЫ: Я подозреваю, что было бы всё структурно веселее, если бы js-виджеты проекту делали с оглядкой на особенности хтмл. Однако цель была - превратить толстого клиента в веб-морду с максимальным сохранением всех фишек и возможностей (драг&дроп портлетов, таблицы a-la JTable, и прочие извращения).
...
Рейтинг: 0 / 0
23.09.2008, 21:31
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555435
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
The_ShadoW
А теперь и Вас пора по ссылке отправить. Чтоб не было бреда про "каждый вариант 200от элементов в цсс", на ночь глядя. Это даже не говоря про то, что я ничего не "хочу" и тем более не "пытаюсь". Оно всё уже написано (в т.ч. и мной), замечательно работает и при этом еще и неплохо выглядит.
много слов, а где собственно ссылка и описание гениального подхода? :)
...
Рейтинг: 0 / 0
23.09.2008, 21:54
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555436
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
The_ShadoW
Кто такие "виджеты" мне никто толком и не разъяснил. В 198... -каком-то году мама мне на день рождения подарила книжку (вот такая у меня мама), где было написато про tk/tcl. Там было такое слово. А чё это сейчас означает?
...
Рейтинг: 0 / 0
23.09.2008, 21:54
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555467
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
А у вас википедию отключили?

http://en.wikipedia.org/wiki/GUI_widget
...
Рейтинг: 0 / 0
23.09.2008, 22:15
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555471
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
зымного слов, а где собственно ссылка и описание гениального подхода? :)
Ссылка на прошлой странице, в посте ShSerge. Попробуйте читать не только свои посты. Говорят, помогает.
...
Рейтинг: 0 / 0
23.09.2008, 22:16
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555485
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Так ведь в том списке есть только то, что и в стандартном хтмл. Или я чего-то не понимаю?
...
Рейтинг: 0 / 0
23.09.2008, 22:24
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555504
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
The_ShadoW
Ссылка на прошлой странице, в посте ShSerge. Попробуйте читать не только свои посты. Говорят, помогает.
твоя логика плохо поддается здравому смыслу
ты про это?
ShSergeДа, ладно, зто я так... . Просто недавно обсуждали как динамически, т.е. во время исполнения страницы на клиенте (уже после загрузки) подключать css. Просто так стили поменять у любого элемента не вызывает проблем (свойство style ). Посмотреть можно здесь .
тогда ты уже сам забыл что писал постом выше?
плюс все это сложно уплетается с твоей абстрактной задачей
авторА теперь у нас 200 элементов, ~30 "основных" стилей, очень-очень интерактивная страница (и естественно не одна) и плюс всевозможные хаки ради нормальной кроссбраузерности. Попытки по каждому поводу дергать .style ведут к мельтешению в глазах и в коде. Попытки запихнуть всё в css ведут к кашеобразному css.
неинтересно общаться с тем, кто сам не знает о чем говорит. Ты гнобишь два варианта - запихнуть все в css, или генерить через .style, а позже ссылаешься на подгрузку в документ .css, что собственно и является первым вариантом. Определись уж, что же ты хотел нам поведать, какие великие пути решения поставленной тобой задачи ты предлагаешь, хотя ещё раз повторюсь, если она у тебя возникла - стоит подумать, что ты делаешь не так.
...
Рейтинг: 0 / 0
23.09.2008, 22:39
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555561
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
зынеинтересно общаться с тем, кто сам не знает о чем говорит. Ты гнобишь два варианта - запихнуть все в css, или генерить через .style, а позже ссылаешься на подгрузку в документ .css, что собственно и является первым вариантом. Определись уж, что же ты хотел нам поведать, какие великие пути решения поставленной тобой задачи ты предлагаешь, хотя ещё раз повторюсь, если она у тебя возникла - стоит подумать, что ты делаешь не так.
А что, логику нынче совсем нигде не изучают?
Разница между "всё в css" и "некоторое в css" не ощущается?

Ок. Тогда простыми предложениями:
1) То, что в css уложилось хорошо и красиво - там и лежит.
2) То, что не уложилось - лежит в виде js (константы-переменные) и собирается по ходу выполнения скриптов.

В итоге - код не страдает от постоянных дерганий .style, а css не представляет собой каши.

ShSerge
List of common generic widgets
а) Слова common и generic трудностей вроде б не должны вызывать? Так вот, бывает еще не common и не generic.
б) Да, в том списке то, что средствами хтмл в том или ином виде реализовать можно. Какую Вашу невысказанную мысль это иллюстрирует...?
...
Рейтинг: 0 / 0
23.09.2008, 23:37
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555578
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
The_ShadoW...common и generic...
Ну да. А присмотришься - все они или коммон или генерик... .
...
Рейтинг: 0 / 0
23.09.2008, 23:50
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555581
apapacy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
apapacy
Участник
The_ShadoW
В итоге - код не страдает от постоянных дерганий .style, а css не представляет собой каши.

Практически не существует случаев, когда нужно испольовать дергание style, за исключением определения top/left/width/height.
Предположим у Вас есть виджет самый что ни на есть навороченный. Все равно у него есть ограниченное количество состояний и логика перехода между этими состояниями. Далее мв определяем н-ное количество стилей в таком виде
Код: plaintext
1.
2.
3.
4.
5.
6.
.state0 .widgetmy {}
.state1 .widgetmy {}
.state2 .widgetmy {}
.state3 .widgetmy {}
.state4 .widgetmy {}
.state5 .widgetmy {}

Далее помещаем видгет в контейтер

Код: plaintext
1.
2.
3.
<div class="state0" id="div0">
...
</div>

После чего просто и лоениво меняем стиль стилевой класс этого ДИВа

Код: plaintext
1.
$("div0").className="state3"

И все.

Я верю, что можно все это сделать и по другому. Но зачем?
...
Рейтинг: 0 / 0
23.09.2008, 23:51
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555590
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
apapacy
Код: plaintext
1.
$("div0").className="state3"

Или
Код: plaintext
1.
document.getElementById("div0").className="state3";
Чтобы без жквери.
...
Рейтинг: 0 / 0
24.09.2008, 00:02
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555597
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
The_ShadoW
Ок. Тогда простыми предложениями:
1) То, что в css уложилось хорошо и красиво - там и лежит.
2) То, что не уложилось - лежит в виде js (константы-переменные) и собирается по ходу выполнения скриптов.

да, именно хранить описание стиля в виде констант js - самая наипиздатейшая идея :) все с тобой понятно. Особенно приятно это потом редактировать, ища по разным местам css/js

//offtop на тему текущей проблемы - IE это конечно писец, но для него есть волшебное слово zoom, будучи расставленным в нужных местах, чудесным образом приводит его в чувства
...
Рейтинг: 0 / 0
24.09.2008, 00:15
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555606
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
зыда, именно хранить описание стиля в виде констант js - самая наипиздатейшая идея :) все с тобой понятно. Особенно приятно это потом редактировать, ища по разным местам css/js
Да Вы что, куда как приятнее править цсс на 4к строк. Или искать обращения к .style во всех скриптах.
...
Рейтинг: 0 / 0
24.09.2008, 00:22
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555610
зы
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
зы
Участник
я чувствую что у тебя просто свой мир проблем и их чудесных решений
...
Рейтинг: 0 / 0
24.09.2008, 00:31
| Ответить | Цитировать | Написать  
использование JavaScript в CSS
    #35555647
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
The_ShadoW
Участник
Конечно, Вы с Вашим искрометным юмором и нулевым наполнением на моем фоне очень выгодно смотритесь.
...
Рейтинг: 0 / 0
24.09.2008, 01:16
| Ответить | Цитировать | Написать  
25 сообщений из 89, страница 2 из 4
  2  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / использование JavaScript в CSS
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35555471&tid=1455846]:
 0ms
get settings:
 7ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 157ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 74ms
get tp. blocked users:
 2ms
others: 235ms
total:  507ms
созд. / загр.: 507ms
x
x
Закрыть


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