кроссбраузерность скрипта

@alpex · Регистрация: 16.07.2012

Студворк — интернет-сервис помощи студентам

есть скрипт который должен работать как переключатель,т.е при нажатии на ссылку один див становится видимым а другой невидимым ну и так по кругу...
Вроде бы все просто, но в мозиле работает все отлично , а в опере и хроме переключение происходит только один раз, т.е выполняется условие функции vision == false и все дальше не работает

С чем это может быть связано?

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
function filter(vision){
    var miniFilter = document.getElementById('otbor');
    var bigFilter = document.getElementById('panel');
    if(vision == false){
       miniFilter.className = "novision";
       bigFilter.className = "vision"; 
    }
    if(vision == true){
        miniFilter.className = "vision";
        bigFilter.className = "novision"; 
    }
}

HTML5
1
2
3
4
5
6
<div id="otbor" class="vision">
<a onclick="filter(false)"><?=$Types['bigfilter']?></a>
</div>
<div id="panel" class="novision">
<a onclick="filter(true)"> <?=$Types['minifilter']?></a>
</div>

CSS
1
2
3
.vision{display: block;}
.novision{display: none;}
#otbor a, #panel a{cursor: pointer;}

Добавлено через 19 минут
в хроме, при попытке второго переключения в консоле пишет такую ошибку

Code
1
Uncaught TypeError: object is not a function

@Notortep · 20.09.2012, 17:43

<?=$Types['bigfilter']?> и <?=$Types['minifilter']?> - что это будет в HTML-коде?
Угадывать - это не наш метод.

@alpex · 20.09.2012, 17:57 **[ТС]**

Сообщение от Notortep

<?=$Types['bigfilter']?> и <?=$Types['minifilter']?> - что это будет в HTML-коде?
Угадывать - это не наш метод.

это php код но в данном контексте его можно рассматривать как просто текст

Добавлено через 9 минут
мда js язык загадка
поменял название функции на filterr и стало работать, не только в мазиле а в остальных браузерах.
Хотя в зарезирвированных словах filter нет!

@Notortep · 20.09.2012, 18:00

"просто текст", говорите?

а <a onclick="filter(false)"> - это у вас "просто ссылка" тогда?

тег <a>, в отличие от всех иных тегов, обязан иметь какой-либо один из атрибутов:
либо HREF - и тогда это гиперссылка
либо NAME - и тогда это якорь на странице

без какого-либо из этих атрибутов тег <a> - это нечто несуразное, не поддающееся анализу
почему где-то работает, а где-то не работает - сказать точно нельзя

@alpex · 20.09.2012, 18:23 **[ТС]**

Сообщение от Notortep

"просто текст", говорите?

а <a onclick="filter(false)"> - это у вас "просто ссылка" тогда?

тег <a>, в отличие от всех иных тегов, обязан иметь какой-либо один из атрибутов:
либо HREF - и тогда это гиперссылка
либо NAME - и тогда это якорь на странице

без какого-либо из этих атрибутов тег <a> - это нечто несуразное, не поддающееся анализу
почему где-то работает, а где-то не работает - сказать точно нельзя

При генерировании html кода с русским языком <?=$Types['bigfilter']?> и <?=$Types['minifilter']?> будут заменены на слова "расширенный фильтр" и "мини-фильтр" соответственно, т.е по сути в html они и будут являться текстом.
А по поводу <a> валидатор на этот счет не выдает ошибок, да и нигде я не видел что бы у этого тега были обязательные атрибуты.

@Notortep · 20.09.2012, 20:51

Сообщение от alpex

А по поводу <a> валидатор на этот счет не выдает ошибок, да и нигде я не видел что бы у этого тега были обязательные атрибуты.

констатирую, что видели вы в своей жизни маловато

читаем самую первую фразу в "Замечаниях" (Remarks) - http://msdn.microsoft.com/en-u... 85%29.aspx

The a element requires the href or the name attribute to be specified.

если проблемы с английским - перевожу: элементу A требуется указать либо атрибут HREF, либо атрибут NAME.

что до "валидатор на этот счет не выдает ошибок", то в спецификации HTML - http://www.w3.org/TR/1999/REC-... tml#edef-A - написано:

Authors may also create an A element that specifies no anchors, i.e., that doesn't specify href, name, or id. Values for these attributes may be set at a later time through scripts.

перевожу: "можно создавать элементы A без указания HREF или NAME (ID) в случае, если позже они будут прописаны скриптом."

@alpex · 20.09.2012, 21:11 **[ТС]**

Authors may also create an A element that specifies no anchors, i.e., that doesn't specify href, name, or id. Values for these attributes may be set at a later time through scripts.

помоему здесь другой перевод:
Автор также может создавать елементы а без якоря, т.е не используя href, name или idточкаЗначения этих атрибутов могут быть установлены позже в скрипте.
Из чего следует что можно их устанавливать в скрипте, а не то, что они обязательно должны быть установлены!

@Notortep · 21.09.2012, 02:02

alpex, перевели вы неверно, потому что смысла не понимаете
за переводы плоских анекдотов, мей би, вам браться стоит, а вот за перевод спецификации - пока рано

в HTML-коде можно не прописывать HREF и NAME, если это делается потом в скрипте
потому что тег <a> без HREF или NAME - это бессмысленная вещь

@alpex · 21.09.2012, 09:49 **[ТС]**

Сообщение от Notortep

alpex, перевели вы неверно, потому что смысла не понимаете
за переводы плоских анекдотов, мей би, вам браться стоит, а вот за перевод спецификации - пока рано

в HTML-коде можно не прописывать HREF и NAME, если это делается потом в скрипте
потому что тег <a> без HREF или NAME - это бессмысленная вещь

да по моему это вы выдаете желаемое за действительное, находите слова "если", "в случае" там где их и близко нет, и в моем коде тег а, не имея ни name ни href , все таки имеет смысл

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

@Notortep Заблокирован
	20.09.2012, 17:43
	<?=$Types['bigfilter']?> и <?=$Types['minifilter']?> - что это будет в HTML-коде? Угадывать - это не наш метод. 0

@Notortep Заблокирован
	20.09.2012, 18:00
	"просто текст", говорите? а <a onclick="filter(false)"> - это у вас "просто ссылка" тогда? тег <a>, в отличие от всех иных тегов, обязан иметь какой-либо один из атрибутов: либо HREF - и тогда это гиперссылка либо NAME - и тогда это якорь на странице без какого-либо из этих атрибутов тег <a> - это нечто несуразное, не поддающееся анализу почему где-то работает, а где-то не работает - сказать точно нельзя 0

@Notortep Заблокирован
	21.09.2012, 02:02
	alpex, перевели вы неверно, потому что смысла не понимаете за переводы плоских анекдотов, мей би, вам браться стоит, а вот за перевод спецификации - пока рано в HTML-коде можно не прописывать HREF и NAME, если это делается потом в скрипте потому что тег <a> без HREF или NAME - это бессмысленная вещь 0