Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: Oleg232 от 25 Июля 2002, 16:39:09

Название: class style
Отправлено: Oleg232 от 25 Июля 2002, 16:39:09

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

Название: class style
Отправлено: puh от 25 Июля 2002, 17:29:09

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

Название: class style
Отправлено: Fury от 25 Июля 2002, 18:45:39

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

Название: class style
Отправлено: Oleg232 от 25 Июля 2002, 18:57:55

puh

Цитировать

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

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


Fury

Цитировать

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

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

Название: class style
Отправлено: bhor от 26 Июля 2002, 09:12:55

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

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


.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\';">


Название: class style
Отправлено: Oleg232 от 26 Июля 2002, 10:02:27

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



код:



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

Название: class style
Отправлено: puh от 26 Июля 2002, 12:44:48

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

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

Название: class style
Отправлено: Evgeny от 26 Июля 2002, 13:11:26

Цитировать

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

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

Название: class style
Отправлено: Oak от 26 Июля 2002, 19:17:34

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

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

Название: class style
Отправлено: Oleg232 от 27 Июля 2002, 06:37:55

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

test

Название: class style
Отправлено: puh от 27 Июля 2002, 14:32:48

___________

test	test
test	test

Название: class style
Отправлено: Oleg232 от 28 Июля 2002, 16:58:51

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

test	test
test	test

Название: class style
Отправлено: puh от 29 Июля 2002, 11:31:14

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

Название: class style
Отправлено: Oleg232 от 02 Августа 2002, 12:37:31

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