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

HTML+CSS+JavaScript

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

 

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

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

тема: Изменить название ссылки
 
 автор: Mookapek   (15.12.2009 в 20:43)   письмо автору
 
 

Есть такой код:

<script>
function switchVisibility() {
  with (document.getElementById('fullsearch').style) {
    if (visibility == 'hidden') {
      visibility = 'visible';
    } else {
      visibility = 'hidden';
    }
  }
}
</script>
...
...
<a href='javascript: void(0);' onclick="switchVisibility();">Расширенный поиск</a>

<div id="fullsearch" style="visibility: hidden;">
...
</div>


При нажатии на ссылку "Расширенный поиск" отображается блок "fullsearch".
Как сделать, чтоб при нажатии на ссылку текст ее менялся на "Обычный поиск", а при повторном нажатии снова было "Расширенный поиск"?

  Ответить  
 
 автор: flaers   (15.12.2009 в 22:33)   письмо автору
 
   для: Mookapek   (15.12.2009 в 20:43)
 

function switchVisibility() {
var text = document.getElementById('text');
with (document.getElementById('fullsearch').style) {
if (visibility == 'hidden') {
text.innerHTML='расширенный поиск';
visibility = 'visible';
} else {
text.innerHTML='обычный поиск';
visibility = 'hidden';
}
}
}

  Ответить  
 
 автор: Mookapek   (15.12.2009 в 23:49)   письмо автору
 
   для: flaers   (15.12.2009 в 22:33)
 

В моем коде нет элемента с id='text'.
innerHTML поддерживается всеми современными и не очень браузерами?

  Ответить  
 
 автор: flaers   (16.12.2009 в 17:03)   письмо автору
 
   для: Mookapek   (15.12.2009 в 23:49)
 

<a href='javascript: void(0);' id='text' onclick="switchVisibility();">Расширенный поиск</a> 

ну для вашей нужды он будет работать хорошо во всех браузерах

  Ответить  
 
 автор: coloboc66   (16.12.2009 в 17:39)   письмо автору
 
   для: flaers   (16.12.2009 в 17:03)
 

<a href='javascript: void(0);'

Это для чего? Никогда такое не использовал...

  Ответить  
 
 автор: flaers   (16.12.2009 в 21:24)   письмо автору
 
   для: coloboc66   (16.12.2009 в 17:39)
 

я просто скопировал его ссылку
конечно лучше
<a href='#' ...

  Ответить  
 
 автор: Mookapek   (28.12.2009 в 02:24)   письмо автору
 
   для: flaers   (15.12.2009 в 22:33)
 

Кстати, не совсем правильно.
Вот как надо:
function switchVisibility() {
  var text = document.getElementById('text');
  with (document.getElementById('fullsearch').style) {
    if (visibility == 'hidden') {
      visibility = 'visible';
    } else {
      visibility = 'hidden';
    }
    if (visibility == 'hidden') {
      text.innerHTML='Расширенный поиск';
    } else {
      text.innerHTML='Обычный поиск';
    }
  }
}

  Ответить  
Rambler's Top100
вверх

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