class style

[Oleg232]

Как сделать, что при определенном действии изменились свойства нескольких стилей (style). Вопрос не в том как действие засечь, а в том, что бы изменить. Спасибо.

[puh]

Функцией JavaScript, в которой будут меняться стили. Ее и вызывать при событии.

[Fury]

Блин, ну поискал бы что ли по форуму....
Обсуждали ж недавно смену стилей.
Вот хотя бы:
http://forums.webscript.ru/showthread.php?s=&threadid=6976&msgnum=36

[Oleg232]

puh

JavaScript, в которой будут меняться стили

Что то я не совсем понял про java... Может можно описать стили так, что бы они были как бы вложенные? Т.е., например стиль S1 подразумевает, что подстили PS1, PS2 и т.д. имеют одни свойства, а стиль S2 подразумевает, что подстили PS1, PS2 имеют другие свойства, отличные от первого варианта. И при необходимости нужно будет с помощью javascript только переключатся между S1 и S2.


Fury

Обсуждали ж недавно смену стилей.

Это не совсем то, что нужно. Во-первых мне нужно менять не , у которого есть всякие автоматические подстили hover, link и т.д., а во-вторых, мне нужно поменять сразу свойства нескольких стилей.

[bhor]

Вот пример.
стиль

Код: [Выделить]


.over        { width: 120; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 8pt;
               background-color: #000080; background-repeat: repeat; CURSOR: hand;
               background-attachment: scroll; color: #FFFF00; text-align:
               center; border: 2px inset #000080; background-position: 0% 50% }
.down        { width: 120; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 8pt;
               background-color: #0000FF; background-repeat: repeat; CURSOR: hand;
               background-attachment: scroll; color: #FFFF00; text-align:
               center; font-style: italic; border: 2px outset #0000CC;
               background-position: 0% 50% }
.button      { width: 120; font-family: Verdana, Tahoma, Arial, Helvetica; font-size: 8pt;
               background-color: #0000FF; background-repeat: repeat; CURSOR: hand;
               background-attachment: scroll; color: #FFFF00; text-align:
               center; text-decoration: blink; border: 2px outset #0000FF;
               background-position: 0% 50% }

кнопка

Код: [Выделить]


       ONMOUSEOVER="this.className = \'over\';"
       ONMOUSEOUT="this.className = \'button\';"
       ONMOUSEDOWN="this.className = \'down\';"
       ONMOUSEUP="this.className = \'over\';">


[Oleg232]

OK. Ребят, вы только не обижайтесь. Ни хрена не понял, или я неправильно объяснил, или одно из двух. Конкретно.



код:
??">


       
Что нужно написать вместо "??", что бы при этом действии:
1) Там, где class s1 включился бы s2, а там, где class s3 включился бы s4.
ИЛИ
2) Изменились бы свойства классов s1 и s3 на s2 и s4 соответственно.

[puh]

Пробуй:
javascrpt:document.all[\'s1\'].style=\'s2\';document.all[\'s3\'].style=\'s4\'

сам не проверял, обычно объектам с изменяемым стилем присваиваю ID="имя" и в скобках пишу именно его. Но может и так прокатит...

[Evgeny]

javascrpt:document.all[\'s1\'].style=\'s2\';document.all[\'s3\'].style=\'s4\'

Если прокатит, то только под IE

[Oak]

Oleg232
Я бы тебе посоветовал спрашивать не "как забить гвоздь камнем", а "как сделать удобную скамейку"

Спрашивай про задачу
Тогда ответ будет полезным

[Oleg232]

Подскажите, вот так (см. ниже) по правилам или нет? И как с помощью java переключать id?
А вообще, спасибо. Пуху и всем, всем, всем.

test

[puh]

___________

test	test
test	test

[Oleg232]

Пух, выручай попробовал в IE5 - не работает, ошибку "член группы не найден" выдает.
Скажи, а с помощью document.all[xxx].style=\'xxx\' можно и стили и id переключать?

test	test
test	test

[puh]

http://www.codelifter.com/main/javascript/changestyles.html

[Oleg232]

PUH, спасибо за пример. Для переключения файлов стилей есть помоему более простой и наглядный способ, если нужно, напишу. Суть та же. Но это все не интересно тем, что хотелось, бы что бы посетитель при желании просто сохранял страницу и дизайн ее не портился от отсутствия загруженных файлов css. Нужно, что бы стили внутри находились.
И все таки, я поискал как переключать id с помощью javascript, но не нашел. Может кто подскажет?
Олег