Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Функция изменения класса для по id тега
 
 автор: ck   (19.01.2006 в 15:54)   письмо автору
 
 

Здравствуйте. С Javascript я знаком, в общем, по слухам. Требуется написать раскрывающийся список. Примерно такой, как меню здесь. http://www.erpselection.ru/review.shtml Я рещил попытаться использовать смену класса. Т.е. при нажатии главной строки меняется класс соотетствующих надписей. И в этих классах прописано свойство display. Чтобы освоить принцип написал совсем упрощенную модель этой истории. Здесь нажатие кнопки должно скрывать слудующий за ней текст.


<html>
<head>
<title>Тест</title>
<style><!--
.hide{
  display: none;
}
.vis{
  z-index: 5;
}
//--></style>
<script><!--
function chvis(a){
  var d = document;
  d.all(a).className = "hide";
}
//--></script>
</head>
<body bgcolor = "silver">
<input type = "button" value = "Скрыть" onClick = "chvis(a1)">
<div id = "a1" class = "vis">Тест1<br />
Тест2</div>
</body></html>


Однако же, это не работает. Почему?
Большое спасибо всем ответившим.

   
 
 автор: 12345   (19.01.2006 в 16:02)   письмо автору
 
   для: ck   (19.01.2006 в 15:54)
 

Надо d.all('a1') или d.all.a1

   
 
 автор: ck   (19.01.2006 в 16:12)   письмо автору
 
   для: 12345   (19.01.2006 в 16:02)
 

Дело и правда было в кавычках. Вариант с

onClick = "chvis('a1')";


работает. Спасибо, 12345

   
 
 автор: ck   (19.01.2006 в 17:41)   письмо автору
 
   для: ck   (19.01.2006 в 15:54)
 

Список выпадает, но не возвращается обратно по новому клику. Не подскажете, почему? Код:

<html>
<head>
<title>Тест</title>
<style><!--
.hide{
  display: none;
}
.vis{
  z-index: 5;
}
//--></style>
<script><!--
function chvis(a){
  var d = document;
  if(d.all(a).className == "vis"){
    d.all(a).document = "hide";
  }else{
    d.all(a).className = "vis";
  }
}
//--></script>
</head>
<body bgcolor = "silver">
<a class = "title" href = "javascript: chvis('a1')">Заголовок</a>
<div id = "a1" class = "hide">Тест1<br />
Тест2</div>
</body></html>

   
 
 автор: Crux   (19.01.2006 в 17:47)   письмо автору
 
   для: ck   (19.01.2006 в 17:41)
 

просто небольшАя опечатка

d.all(a).document = "hide"; 

перепешите

d.all(a).className= "hide"; 

   
 
 автор: ck   (19.01.2006 в 17:53)   письмо автору
 
   для: Crux   (19.01.2006 в 17:47)
 

Надо же. Спасибо большое, Crux.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования