ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / Caché, Ensemble, DeepSee, MiniM, IRIS, GT.M [игнор отключен] [закрыт для гостей] / Как программно изменить CSS - описане компонента?
13 сообщений из 13, страница 1 из 1
Как программно изменить CSS - описане компонента?
    #36152044
CacheLot
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CacheLot
Гость
К проекту подключена CSS с описанием стилей для tablePane
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
table.tpTable caption {
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	color:white;
	border: 1px solid rgb( 183 ,  183 ,  183 );
	border-bottom:none;
	/Выделение цветом для заголовка таблицы!*/
	background: rgb( 59 ,  89 ,  152 );
}

Как обратиься к свойству background программно для его изменения?
...
Рейтинг: 0 / 0
19.08.2009, 13:01
| Ответить | Цитировать | Написать  
Как программно изменить CSS - описане компонента?
    #36152120
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Так

Код: plaintext
object.style.background [ = sBackground ]
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
19.08.2009, 13:27
| Ответить | Цитировать | Написать  
Как программно изменить CSS - описане компонента?
    #36152307
CacheLot
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CacheLot
Гость
krvsaТак

Код: plaintext
object.style.background [ = sBackground ]
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT

По конкретнее можно? что это за кусок откуда? Что перед ним? Как объект найти?
...
Рейтинг: 0 / 0
19.08.2009, 14:18
| Ответить | Цитировать | Написать  
Как программно изменить CSS - описане компонента?
    #36152386
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
CacheLotчто это за кусок откуда?

Из МСДН...

CacheLotЧто перед ним?

Собственно определение объекта у которого будет выполнена смена этого параметра...

CacheLotКак объект найти?

Это уже второй вопрос. Вот примерчик...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
/// Удалить элемент
Method Del() [ Language = javascript ]
{
	var cn=zenPage.getComponentById('cnTbl') // Вот тут-то и получаем определение объекта...
	var id = cn.getModelId();
	if (id=='') {
		alert('Нужно выбрать элемент...')
		return
	}
	var ok=confirm('Вы действительно хотите удалить этот элемент?')
	if (ok) {
		cn.deleteId(id)
		zenPage.getComponentById('tpTbl').executeQuery();
	}
}
...
Рейтинг: 0 / 0
19.08.2009, 14:41
| Ответить | Цитировать | Написать  
Как программно изменить CSS - описане компонента?
    #36152585
CacheLot
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CacheLot
Гость
krvsa,

Ну я делал так:
Код: plaintext
1.
2.
3.
4.
5.
6.
Method TestAll() [ Language = javascript ]
{
	var object=zenPage.getComponentById('MyTable') //.getProperty('caption');
	object.style.background=rgb( 242 ,  242 ,  242 );
}

и так и так не работает - что то тут не так...
...
Рейтинг: 0 / 0
19.08.2009, 15:42
| Ответить | Цитировать | Написать  
Как программно изменить CSS - описане компонента?
    #36152602
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
А так?

Код: plaintext
object.style.background="rgb(242, 242, 242)"

Алертом повыводи старые значения, что будет показывать? Т.е. не меняй... А просто выводи что там есть сейчас...
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
19.08.2009, 15:46
| Ответить | Цитировать | Написать  
Как программно изменить CSS - описане компонента?
    #36152610
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Как вариант сделать два класса в ЦСС и менять

Код: plaintext
zenPage.getComponentById('MyTable').className='Другой класс'
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
19.08.2009, 15:47
| Ответить | Цитировать | Написать  
Как программно изменить CSS - описане компонента?
    #36152797
CacheLot
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CacheLot
Гость
krvsa,

Вот такие результаты:

Код: plaintext
1.
2.
3.
4.
5.
Method TestAll() [ Language = javascript ]
{
var obj = document.body;
obj.style.background = "rgb(242, 242, 242)";
}

Это работает - свою задачу выполняет!

Код: plaintext
1.
2.
3.
4.
5.
Method TestAll() [ Language = javascript ]
{
	var object=zenPage.getComponentById('MyConcept') //.containerStyle;
	object.setProperty('containerStyle','background:rgb(242, 242, 242)');
}

Тож работает... что-то меняет, но визуально меняется токо цвет границы таблицы...

А вот как добраться до свойства что отвечает за цвет фона Caption?
...
Рейтинг: 0 / 0
19.08.2009, 16:38
| Ответить | Цитировать | Написать  
Как программно изменить CSS - описане компонента?
    #36152810
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
CacheLotА вот как добраться до свойства что отвечает за цвет фона Caption?
Тут все один фик сводится к хтмл-разметке... Нужно смотреть чего там нагенерилось в самом браузере. От этого и плясать...
...
Рейтинг: 0 / 0
19.08.2009, 16:41
| Ответить | Цитировать | Написать  
Как программно изменить CSS - описане компонента?
    #36152818
CacheLot
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CacheLot
Гость
krvsaКак вариант сделать два класса в ЦСС и менять

Код: plaintext
zenPage.getComponentById('MyTable').className='Другой класс'
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT

А эт как? То есть 2 CSS-продублировать и в одной изменить свойство background?
И потом менять параметр Parameter CSSINCLUDES = "MyCSS.css"; Так что-ль?
...
Рейтинг: 0 / 0
19.08.2009, 16:43
| Ответить | Цитировать | Написать  
Как программно изменить CSS - описане компонента?
    #36152842
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
CacheLotА эт как?

Делать отдельный файл css, в нем описать два класса, так чтобы во втором была только разница... Потом компоненту присвоить первый класс... А в нужное время его заменить на другое имя.
...
Рейтинг: 0 / 0
19.08.2009, 16:50
| Ответить | Цитировать | Написать  
Как программно изменить CSS - описане компонента?
    #36152860
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Что-то типа такого...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
.MyElement, .MyElementOn {
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	color:white;
	border: 1px solid rgb( 183 ,  183 ,  183 );
	border-bottom:none;
	/Выделение цветом для заголовка таблицы!*/
}
.MyElement {
	background: rgb( 59 ,  89 ,  152 );
}
.MyElementOn {
	background: rgb( 100 ,  100 ,  100 );
}
----------
Cache for Windows (x86-32) 2007.1.3 (Build 607) Wed Oct 17 2007 02:12:09 EDT
...
Рейтинг: 0 / 0
19.08.2009, 16:54
| Ответить | Цитировать | Написать  
Как программно изменить CSS - описане компонента?
    #36154869
CacheLot
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
CacheLot
Гость
krvsaЧто-то типа такого...

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
.MyElement, .MyElementOn {
	font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	color:white;
	border: 1px solid rgb( 183 ,  183 ,  183 );
	border-bottom:none;
	/Выделение цветом для заголовка таблицы!*/
}
.MyElement {
	background: rgb( 59 ,  89 ,  152 );
}
.MyElementOn {
	background: rgb( 100 ,  100 ,  100 );
}


Доступ к фону свойства "caption" осуществляется с помощью селектора:
Код: plaintext
1.
table.tpTable caption
или
Код: plaintext
1.
2.
[src]
#MyTable caption
[/src]Т.е. этот класс (tpTable) присутствует уже до меня (это из того, что в браузер нагенерилось) и только он отвечает за данное свойство..


Продублировал тему на:

http://writeimagejournal.com/forum/index.php?topic=252.0
...
Рейтинг: 0 / 0
20.08.2009, 15:15
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / Caché, Ensemble, DeepSee, MiniM, IRIS, GT.M [игнор отключен] [закрыт для гостей] / Как программно изменить CSS - описане компонента?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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