Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > CSS & JavaScript

Автор: Scorpii 8.5.2008, 00:34

Как сделать чтобы на регистрации, если поле не заполнено ,а пользователь нажал ок , незаполненые поля становились красными? Зарание большое спасибо! Желательно выложить код если у кого нить есть возможность!

Автор: Michael.de 8.5.2008, 02:37

Код


<html>
<head>
 
<script type="text/javascript">
function check(){
 var n, s, message="", er='FFDDDD', ok='FFFFFF';
 n=document.getElementById("id1");
 s=document.getElementById("id2");
 if (n.value=='' || s.value==''){
  n.value=='' ? n.style.backgroundColor=er : n.style.backgroundColor=ok;
  s.value=='' ? s.style.backgroundColor=er : s.style.backgroundColor=ok;
  message="Input all your data.";
 }
 else {
  message="It's Okay.";
  n.style.backgroundColor=ok;
  s.style.backgroundColor=ok;
 }
 alert(message);
}
</script>

</head>
<body>
<b>Name</b>:&nbsp;<input size='40' type='text' id='id1'>&nbsp;
<b>Surname</b>:&nbsp;<input size='40' type='text' id='id2'>&nbsp;
<button onclick='check()'>Check</button>
</body>
</html>

Scorpii, можешь под себя доделать smile

Автор: Miller_time 29.5.2008, 15:30

Подскажите пожайлуста новичку , я только начал разбиратся с Java Script. Я хочу изменить параметры моего style.css

и с проблеймой столкнулся вот тут

Код


 n=document.getElementById("id1");
 s=document.getElementById("id2");

Как мне получить доступ к классу моей css. ???

p.S. извините заранее если где то не то сказал. первый ден сижу за Java.

Добавлено через 7 минут и 9 секунд
ДЛя того что бы изменить параметр .

Код


h6 {
  font: 13pt  tahoma;
  font-weight: bold;
  color:#000000;
}

например изменить параметр шрифта?

Автор: Padonak 29.5.2008, 15:42

var n = document.getElementById("id1");
var s = document.getElementById("id2");

n.style.fontSize = 100 + "px";

n.style.fontWeight = "normal";

s.style.letterSpacing = 5 + "px";

s.style.border = "2px outset #fff";

Автор: bars80080 29.5.2008, 15:44

если нужно поменять шрифт у одно элемента, то:

Код


n=document.getElementById("id1");
n.style.fontSize = '12pt';

вроде должно работать

Добавлено через 27 секунд
обогнал Padonak

Добавлено через 3 минуты и 38 секунд
если весь стиль, то можно посмотреть на этот пример
http://forum.vingrad.ru/index.php?showtopic=194162&view=findpost&p=1399595

Автор: Miller_time 30.5.2008, 11:34

А ID можно присваивать классу ?

Добавлено через 10 минут и 20 секунд
А если я буду получать по имени тега

Код


var n = document.getElementsByTagName("h6");

Пытаюсь его изменить таким образом

Код


n.style.fontSize = '67pt';

Ошибка получается. ПОдкажите что тут не так я делаю ?

Код тега

Код


h6 {
  font: 13pt  tahoma;
  font-weight: bold;
  color:#000000;
}

Автор: SelenIT 30.5.2008, 11:54

Цитата(Miller_time @ 30.5.2008, 11:34

)

ПОдкажите что тут не так я делаю ?

document.getElementsByTagName("h6") возвращает не один элемент, а коллекцию из всех заголовков 6-го уровня в документе. Если такой заголовок заведомо один, то нужно обращаться к первому (с нулевым индексом) элементу этой коллекции:

Код


var n = document.getElementsByTagName("h6")[0];

Автор: bars80080 30.5.2008, 11:54

читайте глубже, для изменения класса нужна другая система,

а в вашем случае в n - находится массив всех элементов h6, вам надо перебрать его в цикле и каждому присвоить новый размер шрифта

Автор: Miller_time 30.5.2008, 12:05

Разобрался спасибо, еще такой вопрос этим же методом можно получить уже размер шрифта ?

Автор: bars80080 30.5.2008, 12:17

только если он назначен javascript'ом, иначе, как в той ссылке, что я дал

имхо, надо избегать ситуации чтения стилей, лучше хранить это в переменных js

Автор: NLspieler 20.6.2009, 09:42

Прочитал тему но не понял вот такого вот момента, можно ли динамически изменять css?

Например есть класс:

Код


.zag 
{
    color: #17375d;
    font-weight: bold;
}

Можно ли динамически поменять например значение color?

Автор: bars80080 20.6.2009, 10:04

проще менять стиль конкретного элемента:

el.style.color = '#000000';

если нужно просто дать элементу каких-то стилей, то лучше их прописать заранее в файле с css, а затем поменять класс

el.className = 'someclass';

если же имеется ввиду у существующего класса изменить некоторое свойство, то есть для этого средства. здесь есть пару тем про это.
но имхо гемора достаточно много, а главное, непонятно зачем. по-моему, это ошибка в логике работы