Javascript onmousedown toggleDiv (переключить 2 деления?)

Question

Javascript onmousedown toggleDiv (переключить 2 деления?)

0

Поэтому я действительно новичок в javascript, я бы не знал его, если бы от этого зависела моя жизнь. Как-то мне удалось заставить это работать...

<a href="javascript:void(0)" onmousedown="toggleDiv(' , $message['id'] , ');">

Проблема в том, что мне нужно 2 divs для переключения. Я думал, так как они оба имеют одинаковый идентификатор, они будут переключаться между ними, но это не так. Я изменил второй, чтобы иметь "dateline" после идентификатора сообщения. Не уверен, как сделать эту работу и по достоинству оцените руку :).

Я не хочу использовать jQuery.

Был задан вопрос:

    echo '<script type="text/javascript">
            function toggleDiv(divid){
                if(document.getElementById(divid).style.display == \'none\'){
                    document.getElementById(divid).style.display = \'block\';
                    document.pageLoading.TCallLabel(\'/\',\'restart_function\');
                }
                else{
                    document.getElementById(divid).style.display = \'none\';
                }
            }
    </script>';

Jade Elizabeth 23 нояб. 2014, в 12:55

Источник

0

Почему вы не вызываете тумблер дважды? onmousedown="toggleDiv(id1); toggleDiv(id2);"
Ahmad 23 нояб. 2014, в 11:32
0

Пожалуйста, поделитесь функциональным кодом toggleDiv . @ Ахмад, пожалуйста, не надо. Это достаточно плохо, как есть.
Madara Uchiha♦ 23 нояб. 2014, в 11:33
0

Я отредактировал пост, потому что я не совсем понимаю, как поместить его в комментарий, это то, что вы хотели? :)
Jade Elizabeth 23 нояб. 2014, в 11:38
0

Почему два div имеют одинаковый идентификатор? вы можете установить для них другой идентификатор и дважды вызвать функцию, как я уже упоминал в предыдущем комментарии
Ahmad 23 нояб. 2014, в 11:41
0

Идентификаторы на странице должны быть уникальными, если 2 тега имеют один и тот же идентификатор, поведение страницы непредсказуемо во всех браузерах.
Clément Prévost 23 нояб. 2014, в 11:41
0

Да, я не думал.
Jade Elizabeth 23 нояб. 2014, в 11:50
0

Я дважды попробовал тумблер @Ahmad, но он не работает для меня. У них обоих разные идентификаторы. Консоль говорит, что это необъяснимая недопустимая синтаксическая ошибка.
Jade Elizabeth 23 нояб. 2014, в 12:07
0

тогда это синтаксическая ошибка, вы должны изменить свой код, может быть, что-то написано неправильно или что-то пропущено
Ahmad 23 нояб. 2014, в 12:11
0

@ Ахмад, он говорит, что какой-то код, который я не распознаю, является проблемой ... pastebin.com/raw.php?i=C48a4tkz
Jade Elizabeth 23 нояб. 2014, в 12:16
0

Я предлагаю вам использовать JQuery, который делает все проще, чистый javascripit трудно программировать.
Ahmad 23 нояб. 2014, в 15:00

Показать ещё 8 комментариев

Теги:

php

javascript

1 ответ

Ещё вопросы

Почему вы не вызываете тумблер дважды? onmousedown="toggleDiv(id1); toggleDiv(id2);"
Пожалуйста, поделитесь функциональным кодом toggleDiv . @ Ахмад, пожалуйста, не надо. Это достаточно плохо, как есть.
Я отредактировал пост, потому что я не совсем понимаю, как поместить его в комментарий, это то, что вы хотели? :)
Почему два div имеют одинаковый идентификатор? вы можете установить для них другой идентификатор и дважды вызвать функцию, как я уже упоминал в предыдущем комментарии
Идентификаторы на странице должны быть уникальными, если 2 тега имеют один и тот же идентификатор, поведение страницы непредсказуемо во всех браузерах.
Я дважды попробовал тумблер @Ahmad, но он не работает для меня. У них обоих разные идентификаторы. Консоль говорит, что это необъяснимая недопустимая синтаксическая ошибка.
тогда это синтаксическая ошибка, вы должны изменить свой код, может быть, что-то написано неправильно или что-то пропущено
@ Ахмад, он говорит, что какой-то код, который я не распознаю, является проблемой ... pastebin.com/raw.php?i=C48a4tkz
Я предлагаю вам использовать JQuery, который делает все проще, чистый javascripit трудно программировать.

rdubya · Answer 1 · 2014-11-23T10-32-00.000Z

Вы не должны использовать один и тот же идентификатор для двух HTML-элементов. Если вам нужен общий селектор, вы должны использовать класс. Тогда ваш скрипт станет:

<script type="text/javascript">
        function toggleDiv(divClass){
            var divs = document.getElementsByClassName(divClass);
            for(var i = 0; i < divs.length; i++){
                if(divs[i].style.display == 'none'){
                    divs[i].style.display = 'block';
                    // Not sure what this is doing, you may want to move it outside of the loop
                    document.pageLoading.TCallLabel('/','restart_function');
                }else{
                    divs[i].style.display = 'none';
                }
            }
        }
</script>

Это не работает для меня, теперь это не переключает ни div :(
Вы изменили свой вывод div, чтобы использовать класс вместо идентификаторов?
Да, я изменил их, чтобы у обоих были классы, один назывался messageid_dateline, а другой messageid_hiddenquickbuttons, имена которых я также обновил в оригинале. :) Может быть, я не избежал этого правильно?
Я только что протестировал этот код без части о document.pageLoading.TCallLabel() и он правильно скрывает / показывает элементы, которые имеют этот класс. Можете ли вы положить свой вывод html в pastebin?
Это немного ужасно, извини. pastebin.com/bqpixaiz pastebin.com/VNdrxCNs
Похоже, вам не хватает кавычек вокруг имен ваших классов, т.е. текущего вывода: <a href="javascript:void(0)" onmousedown="toggleDiv(11990_dateline2); toggleDiv(11990_hiddenquickbuttons);"> необходим вывод: <a href="javascript:void(0)" onmousedown="toggleDiv('11990_dateline2'); toggleDiv('11990_hiddenquickbuttons');">
Вот и понял !! Но я должен щелкнуть дважды, чтобы увидеть обе части. Один раз, чтобы увидеть первый div и снова, чтобы увидеть второй. Это было намеренно? Я хотел, чтобы они показали одновременно :).
Давайте продолжим эту дискуссию в чате .