mstdmstd

Всем привет, Используя fullcalendar (http://arshaw.com/fullcalendar/) мне нужно установить цвет для 1ой ячейки под мышкой Я нашел пример: http://stackoverflow.com/questions/14128222/hover-effect-on-one-cell-of-agendaweek-fullcalendar С кодом: Paste this code after $('#calendar').fullCalendar( ... ); This will create addition TD in table $("table.fc-agenda-slots th").each(function () { $(this).width(50);});$("table.fc-agenda-slots td.fc-widget-content").each(function () { $(this).width(($("table.fc-agenda-days thead th.fc-col0").width())); $(this).after("<td class=\"fc-widget-content\"><div style=\"position:relative\"></div></td>"); $(this).after("<td class=\"fc-widget-content\" style=\"width:" + $("table.fc-agenda-days thead th.fc-col5").width() + "px\"><div style=\"position:relative\"></div></td>"); $(this).after("<td class=\"fc-widget-content\" style=\"width:" + $("table.fc-agenda-days thead th.fc-col4").width() + "px\"><div style=\"position:relative\"></div></td>"); $(this).after("<td class=\"fc-widget-content\" style=\"width:" + $("table.fc-agenda-days thead th.fc-col3").width() + "px\"><div style=\"position:relative\"></div></td>"); $(this).after("<td class=\"fc-widget-content\" style=\"width:" + $("table.fc-agenda-days thead th.fc-col2").width() + "px\"><div style=\"position:relative\"></div></td>"); $(this).after("<td class=\"fc-widget-content\" style=\"width:" + $("table.fc-agenda-days thead th.fc-col1").width() + "px\"><div style=\"position:relative\"></div></td>");});And this is the style css for hover:table.fc-agenda-slots td.fc-widget-content{ border-right: 1px #DDD solid;}table.fc-agenda-slots td.fc-widget-content:hover{ background-color: #F1F1F1;}Это работает, когда мышь над ячейкой - она меняет цвет Но проблема в том, что с этим кодом обработка событий перестает работать, вроде события eventClick, определенное как: eventClick: function(calEvent, jsEvent, view) { // Triggered when the user clicks an event. http://fullcalendar.io/docs/mouse/eventClick/ Есть ли способ передавать все события в fullcalendar обьект, а не в таблицу нарисованную кодом выше? Спасибо!

Всем привет, Есть админка выполненная на основе bootstrap темплейта (отсюда http://themeforest.net/item/business-admin-template/6674668) Но при создании страниц адаптивность не соблюдалась и получилось вроде http://s017.radikal.ru/i415/1412/3f/820cbf96f25c.png Слева меню навигации Правая часть состоит из списка элементов и страницы просмотра Также есть страница редактора одного элемента http://s020.radikal.ru/i703/1412/6c/24454324470e.png И на странице просмотра(1я ссылка) кликом на многих кнопках открывается попап окно для ввода данных вроде : http://s018.radikal.ru/i527/1412/23/933a255cba40.png Так же есть страница с недельным календарем выполненный с помощью компонента fullcalendar (http://fullcalendar.io/) http://s019.radikal.ru/i633/1412/0f/9b7356b42cfc.png Вопрос а как можно организовать страницы с подобным функционалом с соблюдением адаптивности ? Дайте, плиз, ссылки на подобные страницы с соблюдением адаптивности.

Да, такой способ хорошо известен Хотелось бы немного больше : 1) Возможность вывести на страницу что-то типа штрихпунктиров на отступе 768px, 992px, 1200px от левой границы, чтобы видеть размеры сетки на странице. 2) Хотелось бы выделив некоторый элемент( типа дива )выделять штрихпунктиром его подэлементы, опять таки штрихпунктиром, но иного цвета. Смысл в том что уменьшая ширину страницы если и если блоки перемещаются вниз выделять как элемент так и его подблоки. Кажется, я понятно обьяснил что хочу. Под Firefox или какой другой браузер Может, есть что подобное ?

Всем привет, Есть сайт разрабатываемый на основе бутстрап-темплейта. Надо проверить является ли бутстрап-верстка responsive на маленьких и очень маленьких устройствах. А как-то лучше проверить на персоналке с 22дюймовым монитором ?

Выложил эту проблему в нете Надо зайти http://zenbookin.p.zettich.com под логином tester@mail.com 111111 Далее на страницу http://zenbookin.p.zettich.com/business/classes/main/?classid=104 Перейти на закладку "Sessions" и кликом на кнопке "Add new sessions" открывается окно и на 1й закладке есть календарь и кликая на днях они выделяются едва различимым желтым бордюром. Хотелось бы управлять цыетами этого календаря. В темплейте страницы я прописал <style> .ui-state-active td a{ color: brown; !important; background: orange; !important; border: 4px dotted gray; !important; } .ui-state-highlight { color: red; !important; background: #000080; !important; border: 4px dotted green; !important; } .ui-state-highlight td a{ color: red; !important; background: #000080; !important; border: 4px dotted green; !important; } </style> Но это не помогло как я писал выше проект изначально не мой - он изрядно большой и там подключено куча css-ов в которых сложно продраться и хотелось быв темплейте и менять эти цвета... Спасибо!

Всем привет, Естиь пробема с отображением ячеек календаря Надо зайти http://zenbookin.p.zettich.com под логином tester@mail.com 111111 И дальше сюда http://zenbookin.p.zettich.com/business/scheduler/ Проблема в том что если подвести мышу над одной из ячеек (синей или зеленой) то текст смещается вниз и становится нечитаем Там идея изначально была при наведении мышки на слот помееять цвет/фон. Но получилось криво смотря исходники вижу что задейтвованы в файле http://zenbookin.p.zettich.com/static/css/fullcalendar.css классы fc-time, fc-content, и в файле http://zenbookin.p.zettich.com/static/css/style.css класс fc-event-custom-class Для hover этих классов я высавлял margun/paddin в 0 - но безрезультатно... А как правильно? Спасибо!

Всем привет, У меня есть содержимое закладки которое я пытаюсь удобно расположить И как бы все на месте но инпуты слишком прижаты друг к другу сверху и снизу http://s020.radikal.ru/i707/1410/0a/bbf4a69f5537.png Я пытался в стилях дива группы прописать padding-top и padding-bottom <div class="form-group" style="padding-top: 6px; padding-bottom: 6px; border: 1px dotted green;" >но это не помогло Также удивило что задав синий и красный бордюр для 2х дивов они отображаются узким полосками Видимо эти отступы нужно делать не так ? Весь блок: <div class="tab-pane animated fadeInUp country_ajaxed {if ( $scheduleType == "days" or $scheduleType == "" ) or $mode == "add"}active{/if}" id="tab-specific-days"><div class="row"><div class="col-md-1"></div><div class="col-md-4"><p>{"Please select a specified days"|translate}:</p><div id="days_calendar"></div></div><div class="col-md-6 text-right"><div class="text-left"><p>{"Please fill your schedule"|translate}:</p></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px;" ><label class="col-sm-3 control-label" for="sched_days_slots">{"Slots"|translate}:</label><div class="col-sm-3"><input class="form-control" name="sched_days_slots" id="sched_days_slots" value="{$Schedule->slots}" onchange="javascript:dataModified('days');" /></div><label style="padding-left: 0px; padding-right: 0px;" class="col-sm-3 control-label" for="sched_days_price">{"Price"|translate} {$CurrentUser->Company()->Currency()->iso_code}:</label><div class="col-sm-3"><input class="form-control" name="sched_days_price" id="sched_days_price" value="{$Schedule->price}" onchange="javascript:dataModified('days');" /></div></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px;" ><label class="col-sm-3 control-label" for="sched_days_is_outcall" >Outcall class:</label><div class="col-sm-9"><input type="checkbox" value="1" id="sched_days_is_outcall" name="sched_days_is_outcall" placeholder="{"Outcall class"|translate}" {if $Schedule->is_outcall eq 1}checked{/if} onchange="javascript:sched_days_is_outcallOnchange();dataModified('days');" ></div></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px;" ><label class="col-sm-3 control-label" for="">Outcall Class Location:</label><div class="col-sm-9 text-left"><textarea class="form-control" id="sched_days_outcall_class_location" name="sched_days_outcall_class_location" placeholder="{"Outcall Class Location"|translate}" rows="8" cols="40" onchange="javascript:dataModified('days');" >{$Schedule->outcall_class_location}</textarea></div></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px;" ><label class="col-sm-3 control-label" for="sched_days_branch_id">{"Location"|translate}:</label><div class="col-sm-9"><select class="form-control" name="sched_days_branch_id" id="sched_days_branch_id" onchange="javascript:dataModified('days');" ><option value="">Select Location</option>{foreach from=$Branches item=Item}<option {if $Schedule->branch_id == $Item->id}selected{/if} value="{$Item->id}">{$Item->City()->title}, {$Item->address_1} {$Item->address_2}</option>{/foreach}</select></div></div><div class="form-group" style="margin-top: 6px; padding-bottom: 6px; border: 1px dotted red;" ><label class="col-sm-3 control-label" for="sched_days_time_start">{"From"|translate}:</label><div class="col-sm-3"><input class="form-control time-select" name="sched_days_time_start" id="sched_days_time_start" value="{$Schedule->sched_days_time_start|date_format:"%H:%M"}" onchange="javascript:dataModified('days');" /></div><label class="col-sm-3 control-label" for="sched_days_time_end">{"to"|translate}:</label><div class="col-sm-3"><input class="form-control time-select" name="sched_days_time_end" id="sched_days_time_end" value="{$Schedule->sched_days_time_end|date_format:"%H:%M"}" onchange="javascript:dataModified('days');" /></div></div><div class="form-group" style="padding-top: 6px; padding-bottom: 6px; border: 1px dotted green;" ><label class="col-sm-3 control-label" for="sched_days_instructor">{"Instructor"|translate}:</label><div class="col-sm-5"><select class="form-control" name="sched_days_instructor" id="sched_days_instructor" onchange="javascript:dataModified('days');" >{foreach from=$Instructors item=User}<option {if $Schedule->instructor_id == $User->id}selected{/if} value="{$User->id}">{$User->firstname} {$User->lastname}</option>{/foreach}</select></div></div></div></div></div> <!-- tab-specific-days -->

Всем привет, Есть админка выполненная на основе темплейта themeforest-6674668-business-admin-template (Видимо отсюда http://themeforest.net/item/business-admin-template/6674668) И как бы все хорошо за исключением того на странице со списком есть список с первыми буквами для быстрого поиска, вроде : <div class="alphaletters"><a href="#clfl_A">A</a><a href="#clfl_D">D</a><a href="#clfl_F">F</a><a href="#clfl_H">H</a><a href="#clfl_Z">Z</a><a href="#clfl_5">5</a></div><ul class="alphalistitems"><a name="clfl_5"></a><li class="alphalistitems_letter">5</li><li class="alphalistitems_class " uid="101"><div class="alphalistitems_left"><p>5555</p><span>workshop</span></div></li><a name="clfl_A"></a><li class="alphalistitems_letter">A</li><li class="alphalistitems_class " uid="100"><div class="alphalistitems_left"><p>Aha_2</p><span>workshop</span></div></li><a name="clfl_A"></a><li class="alphalistitems_letter">A</li><li class="alphalistitems_class " uid="103"><div class="alphalistitems_left"><p>aha_222</p><span>class</span></div></li>...</ul>если открыть браузер кликом на ссылке в виде заглавной буквы на новой странице - то страница открывается нормально Но если просто кликнуть на ссылки(то есть перейти на якорь на этой странице) - то страница странно себя ведет - пустая серая страница - как будто наложили див поверх всей страницы я сравнивал исходный код ыдух страниц нет разницы Возможно это темплейт так странно ведет - но непонятно как это побороть Посмотреть можно тут http://zenbookin.p.zettich.com/, Справа логин по tester@mail.com 111111 Переходим на http://zenbookin.p.zettich.com/business/classes/main Слева от списка заглавные буквы...

переопределять стиль для datepicker ? можно ссылку как это делать?

Всем привет, В php/smarty/jquery/bootstrap проекте проблемы в datepicker-е с подсветкой выделенных дней - они сливаются с остальными днями Смотрю firebug-ом и вижу что выделенные дни имеют класс ui-state-highlight Я смоем темплейте я в заголовке пишу <script src="/static/js/jquery-ui/jquery.ui.datepicker.min.js"></script> <style> .ui-state-active td a{ color: brown; background: orange; border: 4px dotted gray; } .ui-state-highlight { color: red; background: #000080; border: 4px dotted green; } .ui-state-highlight td a{ color: red; background: #000080; border: 4px dotted green; } </style> html/smarty code... <script> ... $("#sched_weeks_date_start").datepicker({ dateFormat: "yy-mm-dd" }); ... Я полагал что переопределив стили в своем темплейты я получу нужные цветы но этого не произошло В firebug-е чя вижу совсем не мои цвета: А как правильно? Проект изначально не мой - он изрядно большой и там подключено куча css-ов в которых не продерешься... Как лучше сделать?

Всем привет, У меня есть небольщой tab состоящий из двух закладок <div class="widget widget-tabs widget-tabs-responsive"> <div class="widget-head"> <ul> <li class="active"><a href="#tab-general" data-toggle="tab">{"General"|translate}</a></li> <li><a href="#tab-schedules" data-toggle="tab">{"Schedules"|translate}</a></li> </ul> </div> <div class="widget-body"> <div class="tab-content"> <div class="tab-pane animated fadeInUp country_ajaxed" id="tab-general"> <div class="widget-body"> tabGeneral </div> </div> <!-- <div id="tab-general" --> <div class="tab-pane animated fadeInUp country_ajaxed" id="tab-schedules"> <form class="form-horizontal" role="form" method="post"> tab-schedules </form> </div> <!-- id="tab-schedules" --> </div> </div></div>Проблема в том что при открытии страницы виден заголовок 1й и 2й закладок но содержимое 1ой закладки не видно. Если щелкнуть на 2ю закладку и назад на первую то содержимое закладок видимы Не пойму почему сразу при открытии не видно содержимое 1й заакладки? Никакой javascript инициализации для данного таба не нужно ? - я и не делал...

Всем привет, Подскажите я хочу сделать список ссылок с иконками слева в коде вроде: <div class="widget"> <div class="widget-body padding-none"> <h4 class="innerAll bg-gray border-bottom margin-bottom-none">Settings Items</h4> <ul class="fa-ul innerAll"> <li> <a href="/business/scheduler/" class="fa heading glyphicons settings"><i></i>{"Appointments"|translate}</a> </li> <li> <a href="/business/clients/" class="heading glyphicons icon-user-2" ><i style="position:relative;left:-100px;"></i>{"Clients"|translate}</a> </li> <li> <a href="/business/promotions/" class="heading glyphicons icon-reply-all-fill"><i></i><span style="; ">{"Promotions"|translate}</span></a> </li> </ul> </div> </div>Хочется чтобы иконки были слева одна под другой а ссылки справа от иконок Но иконки у меня гуляют: Я не нашел способа как выравнить иконки. Как можно это сделать ?

Подскажите а как это сделать - это php/codeigniter проект - там php темплейты со со вставками php-кода?

Всем привет, Мне нужно в каждом заголовке таблицы отобразить имя поля и две картинки для указания сортировки справа от лейбла Если делаю так : ...<th ><table><tr><td>SKU </td><td><a onclick="javascript:runSort('SKU', 'asc');" ><img src="/images/asc.gif" ></a></td></tr><tr><td> </td><td><a onclick="javascript:runSort('SKU', 'desc');" ><img src="/images/desc.gif" ></a></td></tr></table></th>...То у меня разваливается вся таблица - я так и не понял почему, так как внутренний <table></table> валиден и нигде не разрывает внешную таблицу Если делаю так: <th ><span style="position: relative; top : 11px;">SKU </span><span style="position: relative; top : -1px; left: 2px; cursor:pointer; "><a onclick="javascript:runSort('SKU', 'desc');" ><img src="/images/desc.gif" ></a></span><span style="position: relative; top : 3px; left: -1px; cursor:pointer; "><a onclick="javascript:runSort('SKU', 'asc');" ><img src="/images/asc.gif" ></a></span></th >То картинки начинают гулять и их положение сложно отследить и к тому же в зависимости от содержимого таблицы ширина колонок различна. Подскажите лучшее решение ?

Спасибо заработало, я перезаписал каталог /font-awesome-4.2.0/fonts и заработало хотя я и не понял почему не работали старые - файлы с теми же именами - и ненамного старее.

Всем привет, Я пытаюсь в свою админку прикрутить "Metis Bootstrap Admin Template" темплейт и столкулся с тем что некоторые картинки в моих страницах не отображаются Например элемент с классом fa-calendar и в css-файле я нахожу определение .fa-calendar:before { content: "\f073";}В консоле браузера есть ошибка downloadable font: incorrect file size in WOFF header (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1)source: http://local-ci22.com/images/assets/metis/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0По ссылке выше файл fontawesome-webfont.woff скачивается. Как можно исправить эту ошибку?

Всем привет, подскажите пожалуйста есть форма(div) в классе которой прописана ширина "75%" На форме есть тектовый инпут и текстареа ширину котрых нужно выставить в 90% от этого окна. Если этому тектовому инпуту и текстареа выставить style=" width: 90%", это не работает. Если написать style=" width: 700;" - это работает на моем компе но на мониторах с разным разрешением будет выглядеть иначе. Как это лучше сделать? Форму контейнер менять не хочется - тоогда вся верстка полетит - верстка там не моя Я пхп-разработчик в тонкостях html-я не силен.

Всем привет, Устанавливаю на админку темплейт http://github.meritoo.pl/Bootstrap-3-Admin-Theme/tables.html Есть несколько вопросов : надо зайти на http://dev9.softreactor.com/ci22/admin/admin/login под логином ciAdmin 111111 далее заходим на страницу http://dev9.softreactor.com/ci22/admin/hostel/index и вверху в списке Operator выбираем 2->Operator_1 - у него много данных В частности проблемы : 1) Данные в некоторых ячейках длинные и поэтому ячейки разносятся на несколько строк - что мне не нравится. Первоначально там было колонок больше - я часть попрятал - но там была таблица на полную ширину. Как с этим лучше бороться ? - при том что хочется чтобы в списке было как много больше инфы. Можно спрятав еще несколько колонок отображать недостающую инфу вос всплывающем окне по ссылочке. Я когда-то пользовал overlib для этого. У boostrap-а есть что-то удобнее overlib-а? Или еще какие-либо варианты решения этой проблемы? 2) Дело в том что в исходном темплейте есть не все нужные мне блоки и приходится выдумывать самому. Вот на упомянутой странице мне нужно было сделать блок с фильтром - я нарисовал как мог - но выглядит не очень... Посоветуйте, плиз ка клучше организовать блок с фильтром . 3) если сравнить страницу выше со страницей http://dev9.softreactor.com/ci22/admin/operator/index/page/1 то на последней не отображаются фоном строки с классом even. Я так и не понял почему - по верстке строки вроде разные. 4) Посмотрите плиз в меню слева элементы начинающиеся с "!" там есть списки и некоторые редакторы - что вам бросится в глаза как неправильное. Я пхп-разработчик. HTML есно знаю неплохо, но сделать сложную и КРАСИВУЮ вертску для меня сложно - хочется попрактиковаться с установкой бутсраповских темплейтов. Спасибо !

Всем привет, Делаю дизайн админки на основе http://github.meritoo.pl/Bootstrap-3-Admin-Theme/ui-and-interface.html и в правом нижнем углу есть табы без содержимого этих табов. Я попытался посмотреть как это сделано в другом темплейте: <div class="panel panel-default"><div class="panel-heading"><div class="text-muted bootstrap-admin-box-title">Tabs</div></div><div class="bootstrap-admin-panel-content"><ul class="nav nav-tabs"><li><a href="#tab-1" class="active" data-toggle="tab" >Tab 1</a></li><li><a href="#tab-2" data-toggle="tab" >Tab 2</a></li><li><a href="#tab-3" data-toggle="tab" >Tab 3</a></li></ul></div></div> <div class="tab-content"> <div class="" id="tab-1"><div class="panel-body"><form role="form"><fieldset><legend>Basic Settings</legend>Content tab-1</fieldset></form> </div> </div> <div class="" id="tab-2"> <div class="panel-body"><form role="form"><fieldset><legend>Basic Settings2</legend>Content tab-2</fieldset></form> </div> </div> </div> Но не сработало, так как табы с содержимым изначально отображались на странице и кликом на заголовке страница ухоодила на корень проектаю Я полагал, что для бутстрапа для табов не нужна инициализация табов как это сделано в jQuery. А как правильно ?

Ну платный темплейт не значит хороший. У нас был в проекте купленный клиентом пакет - так наш верстальщик очень матерился с этого темплейта. Я сам не верстальщик, а пхп-программер, HTML, есно знаю, но красивую верстку с нуля или по картинкам не сделаю. Хотелось попрактиковатьтся на bootstrap 3 темплейтах в натягивании готового темплейта...

Всем привет, нашел такой симпатичный темплейт http://binarytheme.com/bootstrap-free-admin-dashboard-template/ начал натягивать на свою админку пока не заметил, что при уводе фокуса с поля выскакивает ошибка "Empty string passed to getElementById()." со ссылкой на jquery-2.0.3.min.js файл. Попробовал подключить jquery-1.11.1.min.js из своего проекта - та же ошибка. Ошибка довольно критична - валидация при вводе сразу перестала работать. Первая мысль выкинуть темплейт и найти нормальный и собственно вопрос : Подскажите плиз Backend template, bootstrap 3, многофункциональный, желательно светло серых тонов и не очень страшный на вид и бесплатный. Желательно проверенный на собственныом опыте - без неожиданностей описанных выше. Знаю что в нете их тысячи - но все не перепробуешь. Спасибо!

Как раз эту доку я и смотрел и не нашел того что мне нужно. У меня список элементов il которые соответсвуют массиву с 0 до Кол-во элементов - 1. При перетаскивании элементов надо в базе поменять расположение элементов То есть мне нужны индексы элемента кого тащу и куда притащил Не понятно как получить эти индексы . Есть обекты sender, placeholder ... но как получить их индексы для меня непонятно

Спасибо. А еще подскажите, перетаскивая элементы мне нужно сохранить новую позицию перетаскивого элемента? Я использовал событие : stop: function( event, ui ) {но так и не нашел где в в свойствах позиции перетаскиваемого элемента и куда пепетащил?

Похоже, но только с одной строкой и перемещать ячейки.

Всем привет, Подскажите, пожалуйста, а как сделать простенький список с сортировкой ( jqueryui/sortable ) вида : <ol class='example'> <li>First</li> <li>Second</li> <li>Third</li></ol>Чтобы элементы списка лежали по горизонтали и таскать элементы можно было бы за один из элементов. То есть каждый li элемент состоит из картинки(основное содержание спискеа) и еще пары инпутов и еще одной картинки и чтобы сортировать можно было как раз за эту картинку ?