Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / Caché, Ensemble, DeepSee, MiniM, IRIS, GT.M [игнор отключен] [закрыт для гостей] / Как программно изменить CSS - описане компонента? / 13 сообщений из 13, страница 1 из 1
19.08.2009, 13:01
    #36152044
CacheLot
CacheLot
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как программно изменить CSS - описане компонента?
К проекту подключена 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:27
    #36152120
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как программно изменить CSS - описане компонента?
Так

Код: 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
    #36152307
CacheLot
CacheLot
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как программно изменить CSS - описане компонента?
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:41
    #36152386
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как программно изменить CSS - описане компонента?
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, 15:42
    #36152585
CacheLot
CacheLot
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как программно изменить CSS - описане компонента?
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:46
    #36152602
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как программно изменить CSS - описане компонента?
А так?

Код: 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:47
    #36152610
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как программно изменить CSS - описане компонента?
Как вариант сделать два класса в ЦСС и менять

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

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

Код: 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
| Ответить | Цитировать | Написать  
20.08.2009, 15:15
    #36154869
CacheLot
CacheLot
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как программно изменить CSS - описане компонента?
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
| Ответить | Цитировать | Написать  
Форумы / Caché, Ensemble, DeepSee, MiniM, IRIS, GT.M [игнор отключен] [закрыт для гостей] / Как программно изменить CSS - описане компонента? / 13 сообщений из 13, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 275ms
Закрыть
start [/forum/topic.php?fid=39&mobile=1&tid=1558431]:
 0ms
get settings:
 5ms
get forum list:
 8ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 26ms
get topic data:
 5ms
get forum data:
 1ms
get page messages:
 24ms
get tp. blocked users:
 1ms
others: 201ms
total:  275ms
x
x
Закрыть


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