Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.78/9: Рейтинг темы: голосов - 9, средняя оценка - 4.78
Александр216
11 / 11 / 1
Регистрация: 25.08.2011
Сообщений: 145
Записей в блоге: 1
#1

Выпадающая информация

25.08.2011, 17:05. Просмотров 1547. Ответов 3
Метки нет (Все метки)

На своем сайте давно использую очень удобный прием:
На странице имеется некая ссылка. При нажатии на эту ссылку под ней появляется скрытая ранее информация. При повторном нажатии на ссылку информация убирается.
Использовал и горя не знал, работало как часики... Но с появлением новых навороченых браузеров возникли глюки. В некоторых версиях Гугла и Файерфокса (не во всех, а только в некоторых!) ссылка изначально отображается два раза, а при нажатии - выкидывает на главную страницу.
В чем может быть дело - ума не приложу(((

код скрипта:

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<SCRIPT language=JavaScript>
function add()  {
    document.getElementById("kaf").style.display="";
  document.getElementById("show").style.display="none";
    document.getElementById("hide").style.display="";
}
 
function del()  {
 
    document.getElementById("kaf").style.display="none";
  document.getElementById("show").style.display="";
    document.getElementById("hide").style.display="none";
}
 
</SCRIPT>
 
<span id = "show"><a onclick="add();return false;" href="">Заголовок</a></span>
<span id = "hide" style="display:none"><a onclick="del();return false;" href="">Заголовок</a>
</span>
<table id="kaf" style="display:none">
<tr><td>
 Скрытый текст
</td></tr></table>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
25.08.2011, 17:05
Ответы с готовыми решениями:

Не передается информация
Доброго времени суток! В списке товаров при нажатии на кнопку &quot;Добавить в...

Дополнительная информация
как сделать такую шнягу чтобы при нажатии на &quot;Дополнительная информация:&quot;...

Информация с радио потока
Здравствуйте. Подскажите возможно ли с радио потока получать название песни и...

Информация по методу CreateGridForm.
У меня сейчас испытательный срок на новой работе. Я не ожидала, что придется...

Онлайн информация выборки mysql
Доброго вечера. Необходимо реализовать онлайн информацию выборки mysql. Имеется...

3
GuardCat
Просто любитель
618 / 458 / 118
Регистрация: 20.01.2011
Сообщений: 862
Записей в блоге: 2
26.08.2011, 10:02 #2
Возможно, проблема в том, что вы меняете display на пустое значение, а не на, скажем, block.

Вот оптимизированный код, который делает то же самое, но меньше по объёму и одна функция может использоваться для показа/скрытия любого количества элементов. Проверьте в тех навороченных браузерах, в которых не работало. В Chrome 13.0.785 и в 8 ie работает. Кстати, возможно ссылку стоит заменить кнопкой?

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<SCRIPT type="text/javascript">
function toggle(id)
{
    document.getElementById(id).style.display=(document.getElementById(id).style.display=="none")
        ?document.getElementById(id).style.display="block"
        :document.getElementById(id).style.display="none"
    ;
}
 
</SCRIPT>
 
<span id = "toggle">
    <a onclick="toggle('kaf')" href="#">Заголовок</a>
</span>
 
<table id="kaf" style="display:none">
    <tr>
        <td>Скрытый текст</td>
    </tr>
</table>
0
Vovan-VE
13154 / 6538 / 1038
Регистрация: 10.01.2008
Сообщений: 15,070
26.08.2011, 14:51 #3
Цитата Сообщение от GuardCat Посмотреть сообщение
Возможно, проблема в том, что вы меняете display на пустое значение, а не на, скажем, block.
Пустое значение отменяет действие свойства в style и заставляет работать внешние css стили (если они есть) или значения по умолчанию.
Объект style - это только те стили, что указаны в атрибуте style="".
0
GuardCat
Просто любитель
618 / 458 / 118
Регистрация: 20.01.2011
Сообщений: 862
Записей в блоге: 2
26.08.2011, 15:37 #4
О, ну в таком случае проблема либо в значениях по умолчанию (глюк конкретной версии браузера, но в огнелисе и в хромом одновременно?) либо в во внешних стилях.

Тогда явное указание "block" опять же решит проблему, nein?
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
26.08.2011, 15:37

При перезагрузке пропадает информация
Я делаю функцию для сайта. Цель функции это изменение расписания. Запись...

Информация об открытом пункте меню
Всем доброго времени суток. Собственно разрабатываю раздвижное вертикальное...

Перерисовка текущего окна+некоторая информация???
Можно ли сделать такое? Есть текушищий сгенерированный HTML. В нём есть...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru