BogdanK

Подскажите как реализовать развертывание и свертывание некоторых строк в таблице? Суть проблемы: таблица слишком большая, потому принял решение сделать определенные строки скрытыми чтобы при нажатии на одну "общую строку" разворачивались остальные. Делал по этому примеру http://dicim.net/delaem-razvorachivayushhijsya-spisok-s-jquery-plagin-jexpand.html но там можно срыть только одну строку, если ставишь вторую то она автоматически становится главной. Я так понимаю нужно что-то поменять в скрипте здесь ? <script type="text/javascript"> $(document).ready(function(){ $("#report tr:odd").addClass("odd"); $("#report tr:not(.odd)").hide(); $("#report tr:first-child").show(); $("#report tr.odd").click(function(){ $(this).next("tr").toggle(); $(this).find(".arrow").toggleClass("up"); }); //$("#report").jExpand(); }); Подскажите что нужно изменить или другой способ реализации развертывания строк.Спасибо.

Подскажите как реализовать развертывание и свертывание некоторых строк в таблице? Суть проблемы: таблица слишком большая, потому принял решение сделать определенные строки скрытыми чтобы при нажатии на одну "общую строку" разворачивались остальные. Делал по этому примеру http://dicim.net/delaem-razvorachivayushhijsya-spisok-s-jquery-plagin-jexpand.html но там можно срыть только одну строку, если ставишь вторую то она автоматически становится главной. Я так понимаю нужно что-то поменять в скрипте здесь ? <script type="text/javascript"> $(document).ready(function(){ $("#report tr:odd").addClass("odd"); $("#report tr:not(.odd)").hide(); $("#report tr:first-child").show(); $("#report tr.odd").click(function(){ $(this).next("tr").toggle(); $(this).find(".arrow").toggleClass("up"); }); //$("#report").jExpand(); }); Подскажите что нужно изменить или другой способ реализации развертывания строк.Спасибо.

Можно подробнее в какой консоли можно проверить код на ошибки?

Уже разобрался, вероятно совпадение какой-то функции в яндекс метрике с другими скриптами.Убрал метрику, всё заработало. Возник другой вопрос : как сделать чтобы мирно существовали метрика и другие скрипты? Даю ссылку которая особенно интересует так как там три скрипта которые и перестали работать из-за метрики. http://ag-t.com.ua/rus/elect_prod/avt_vikl.php Даю уже исправленную, без метрики.

Здравствуйте, благополучно работал над наполнением сайта и в один момент перестали работать все скрипты : на всплывающую кнопку, увеличение изображения (лайт бокс) и на защиту от копирования (причем на всех страницах). Подскажите, как можно исправить?

Тоже самое, получаются две полоски закрашенные в серый цвет, которые выходят за границы нужного макета. А нужно закрасить именно всю заднюю область меню, которая сейчас прозрачная. А как бы вы сделали?

Подскажите пожалуйста как закрасить фон меню, раньше он был белый а когда поставил выпадющее меню, то стал прозрачный.Меню здесь http://ag-t.com.ua/rus/index.php Я так понял нужно убрать opacity и заново прописать цвет фона. Делал так, но получаеться белая полоска, которая выходит за рамки макета.Подскажите как закрасить именно область меню.

Камрады помогите, сделал выпадающее меню вот на главной странице с помощью сайта purecssmenu как мне теперь отрегулировать чтобы выпадающие разделы были по длине текста а получается что длина кнопки выпадающего пункта длиннее чем текст.Как например в разделе прайсы.Это первый вопрос.Второй : как сделать так чтобы каждый выпадающий пункт и его подпункт выпадали вниз (следующий подпункт чуть со смещением вправо)? У меня получается каждый пункт и подпункт выпадают вправо (появляется скроллинг чтобы посмотреть след пункт так как он еще правее), это можно увидеть в пункте Вентиляционное оборудование. Вот код CSS этого меню : #pcm{display:none;} ul.pureCssMenu ul{ display:none} ul.pureCssMenu li:hover>ul{display:block} ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;} ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;} ul.pureCssMenu,ul.pureCssMenu ul { align:center; margin:0px; list-style:none; padding:0px 1px 1px 0px; background-color:white; background-repeat:repeat; border-color:#A6A6A6; border-width:0px; border-style:solid; } ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu { display:block; zoom:1; float: none; } ul.pureCssMenu ul{ width:757.05px; } ul.pureCssMenu li{ display:block; margin:1px 0px 0px 1px; font-size:0px; } ul.pureCssMenu a:active, ul.pureCssMenu a:focus { outline-style:none; } ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover { display:block; vertical-align:middle; background-color:#FFFFFF; border-width:0px; border-color:#FCEEB0; border-style:solid; text-align:left; text-decoration:none; padding:5px; _padding-left:0; font:bold 17px Arial; color: #000000; text-decoration:none; cursor:pointer; } ul.pureCssMenu span{ overflow:visible; } ul.pureCssMenu li { float:left; } ul.pureCssMenu ul li { float:none; } ul.pureCssMenu ul a { text-align:left; white-space:nowrap; } ul.pureCssMenu li.sep{ text-align:left; padding:0px; line-height:0; height:100%; } ul.pureCssMenu li.sep span{ float:none; padding-right:0; width:3; height:100%; display:inline-block; background-color:#A6A6A6; background-image:none;} ul.pureCssMenu ul li.sep span{ width:100%; height:3; } ul.pureCssMenu li:hover{ position:relative; } ul.pureCssMenu li:hover>a{ background-color:#FF1C1C; border-color:#4C99AB; border-style:solid; font:bold 17px Arial; color: #FFFFFF; text-decoration:none; } ul.pureCssMenu li a:hover{ position:relative; background-color:#FF1C1C; border-color:#4C99AB; border-style:solid; font:bold 17px Arial; color: #FFFFFF; text-decoration:none; } ul.pureCssMenu li.dis a { color: #AAAAAA !important; } ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px; height:16px; } ul.pureCssMenu ul img {width:16px; height:16px; } ul.pureCssMenu img.over{display:none} ul.pureCssMenu li.dis a:hover img.over{display:none !important} ul.pureCssMenu li.dis a:hover img.def {display:inline !important} ul.pureCssMenu li:hover > a img.def {display:none} ul.pureCssMenu li:hover > a img.over {display:inline} ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline} ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none} ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block} ul.pureCssMenu a:hover ul ul{display:none} ul.pureCssMenu span{ display:block; background-image:url(./images/arrv_blue_2.gif); background-position:right center; background-repeat: no-repeat; padding-right:8px;} ul.pureCssMenu li:hover>a>span{ background-image:url(./images/arrv_white_2.gif); } ul.pureCssMenu a:hover span{ _background-image:url(./images/arrv_white_2.gif)} ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./images/arr_blue_2.gif)} ul.pureCssMenu ul li:hover > a span{ background-image:url(./images/arr_white_2.gif);} ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span{background-image:url(./images/arr_white_2.gif)} ul.pureCssMenu table a:hover table span{background-image:url(./images/arr_blue_2.gif)} ul.pureCssMenu li a.pureCssMenui0{ font:n; width: 150px; display:block; align: center; text-align:center; padding-left: 30px; } ul.pureCssMenu li a.pureCssMenui0:hover{ font:o; }