mstdmstd
User-
Posts
203 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mstdmstd
-
В бутстрап-верстке последнию колонку выделить в блок
mstdmstd replied to mstdmstd's question in HTML Coding
Спасибо с clear: both; в определении h4.widgettitle стало лучше https://jsfiddle.net/12cgbqn4/7/ А как сделать выделение блоками вроде http://i.imgur.com/gvwgWWi.png ? -
Всем привет, Подскажите, пожалуйста, есть бутстрап-верстка нескольких полей на маленьких и средних девайсах в 2 колонки: jsfiddle.net И хотелось бы выделить эти поля в 3 грппы с заголовком Я попробовал последнию колонку заключить в див со стилями чтобы эту колонку как-то неброско и аккуратно выделить в блок: <div class="widgetcontent"> <h4 class="widgettitle">Contact Details</h4> <div class="form-group col-xs-12 col-sm-6 col-md-6"> <label for="phone" class="col-xs-12 col-sm-4 col-md-4">Phone</label> <div class="col-xs-12 col-sm-8 col-md-8"> <input type="text" name="phone" id="phone" class="form-control " value="" size="16" maxlength="16" placeholder="Contact Phone" > </div> </div> <div class="form-group col-xs-12 col-sm-6 col-md-6"> <label for="email" class="col-xs-12 col-sm-4 col-md-4">Email</label> <div class="col-xs-12 col-sm-8 col-md-8"> <input type="text" name="email" id="email" class="form-control " value="" size="20" maxlength="50" placeholder="Hostel contact email address" > </div> </div> </div> Но получилочь криво : я не понял почему красный фон выделил область выше этой последней колонки... Как можно выделить эту последнюю колонку? Спасибо!
-
Всем привет, Подскажите, пожалуйста, я наткнулся на использование в бутстрап верстке для контрола классов form-control и input-sm вроде : <div class="col-xs-12 col-sm-8 col-md-8"> <input type="text" name="postal_code" id="postal_code" class="form-control input-sm" value="" size="4" maxlength="4" Читаю доки: Размеры полей Чтобы поменять размер элемента формы, ему можно назначить один из классов: .input-sm .input-lg Это что управление высотой контрола или что ?
-
Всем привет, А нет ли возможности используя bootstrap3 получить ( и вывести на странице для отладки) какой из режимов(device mode) используется в данный момент ? Я имею в виду col-xs-, col-sm-, col-md- ...
-
Всем привет На канве есть несколько текстовых элементов и и событие вызова диалога выбора цвета для фона текстового элемента Проблема в том что если кликнуть на текстовом элементе без цвета фона то открывается диалог с серой левой частью : Если же кликнуть на текстовом элементе с установленным фоном то диалог в левой части отображает текущее значение и цвета для выбора Хочется установить дефолтовое значение для первого случая Событие клика имеет код: /** * Change Background Color */ jQuery('.openTextBackColorPicker').on('click tap', function(event){ alert( "openTextBackColorPicker event::"+var_dump(event) ) event.stopPropagation(); var obj = stage.getActiveObject(); // текстовый элемент на котором кликнули alert( "openTextBackColorPicker obj.backgroundColor::" + obj.backgroundColor ) // Отображает ::rgba(255,255,255,0) if ( obj.backgroundColor == 'rgba(255,255,255,0)' ) { // Это 1й случай и как раз тут нужно установить дефолтовое значение - но непонятно как alert( "INSIDE ::" ) } backgroundColorPicker.colorpicker('open'); jQuery('.backColor').attrchange({ trackValues: true, callback: function(event) { if ( !isPageInited ) return false; backgroundColor= 'rgb(192,192,192)' alert( "++backgroundColor::"+var_dump(backgroundColor) ) if( event.attributeName == 'value' ) { if (!object.isEditing) { obj.set({ backgroundColor: ( event.newValue.indexOf('#') === -1 && event.newValue.indexOf('rgba') === -1 ) ? ('#'+event.newValue).toString() : (event.newValue).toString(), }); } else { obj.setSelectionStyles({ backgroundColor: ( event.newValue.indexOf('#') === -1 && event.newValue.indexOf('rgba') === -1 ) ? ('#'+event.newValue).toString() : (event.newValue).toString(), }); } _stageUpdate(); // Make history _makeHistory(); } } }); return false; }); Не нашел как для backgroundColorPicker устанавливаются цвета во втором случае и как установить дефолтовые цвета в первом случае? Спасибо!
-
Всем привет, На сайте http://displo.com/backend/en/home В левом нижнем углу есть кнопка "Online". Ее нужно убрать Не могу найти этого куска html-кода Или это какая-то js-библиотека ?
-
Всем привет, Попалась мне такая либа EasyUI (jeasyui.com) и заинтересовала : я php/mysql/javascript программист и зачастую, занимаясь разработкой сайтов, хочется меньше заморачиваться версткой страниц(как бекэндов так и фронтендов), но при этом чтобы мои страницы нормально выглядели (в том числе и с поддержкой Bootstrap-а). HTML я знаю неплохо, но верстка страниц - это несколько иное. Помогла бы мне эта либа ? Если да, то лучше ли использовать html или javascript код для декларации компонентов? Может есть какие более удобные(функциональные и простые в использовании) либы для этого ? Спасибо!
-
Да, это я зарапортовался. Там, конечно: <input type="text"Но дело не в этом... если задизейблить lastpass-то это хрень убирается. Сначалы было ясно что из-за него- но этот плагин нужен... Я смотрел настройки этого плагина - ничего там не нашел... и в файерфоксе то же самое ...
-
Всем поривет, Не подскажите, почему в моем Chromium, Version 43.0.2357.130 Ubuntu 14.10 (64-bit) отображаются символы замка и звездочки lastpass-а на полях, которые не являются не именем поля ни паролем: http://imgur.com/S8OT7Y3 с кодом : <tr> <td>First Name <span class="red">*</span>:</td> <td> <input type="input" value="" id="user_first_name" maxlength="50" size="50" onkeydown="javascript:input_key_down(this.id);"> <span id="span_error_user_first_name" style="display: none;" class="error_span"></span> </td> <td>Last Name <span class="red">*</span>:</td> <td> <input type="input" value="" id="user_last_name" maxlength="50" size="50" onkeydown="javascript:input_key_down(this.id);"> <span id="span_error_user_last_name" style="display: none;" class="error_span"></span> </td></tr>и как их убрать?
-
Всем привет, Столнулся с тем что простенькая функция для преобразования строки function get_error_message(str) { str= str.replace("validation_",""); str= str.replace("_"," "); return capitalize(str);}Если ее вызвать с параметром "validation_username_not_unique" возвращает "Username not_unique". То есть второй replace отработал только для 1го символа а второй пропустил... А как правильно?
-
отобразить всплывающюю подсказку справа от селекта
mstdmstd replied to mstdmstd's question in HTML Coding
Да там и стилей особых и нет - на данном этапе это макет программы, без особых дизайнерских наворотов и фиксированной ширины нигде там нет. Нужно чтобы не было откровенных кривостей, вроде этого знака вопроса выползающего на новую строку. Я пхп-разработчик. HTML знаю, но не столь глубоко. Хотелось более простое решение, чем еще одна табличка... -
Всем привет, У меня есть табличка с данными в 4 колонки В некоторых случаях одна колонка широкая и я ее колспаном уcтанавливаю в 3 ячейки. И справа от селекта в этой ячейке хочется отобразить всплывающюю подсказку вроде : <tr> <td style="text-align: right; padding: 1px"> <label for="nsnpas_category_id">Select category: </label> </td> <td colspan="3" style="padding: 1px "> <select class="postform form-control" id="nsnpas_category_id" name="nsnpas_category_id"> <option value="">Select Category</option> <option value="984">Category 2</option> <option value="1110">T-shirts</option> </select> <a style="text-align:left;" class="overlib_hint_sign" href="javascript:void(0);" onmouseover="return overlib('Hint Text.', NOFOLLOW, DELAY, 200, TIMEOUT, 5500, WRAP, HAUTO, FGCOLOR, '#0000FF', SHADOW, SHADOWX, 1, SHADOWY, 1, AUTOSTATUS, TEXTFONTCLASS, 'oltxt', CAPTIONFONTCLASS, 'olcap', CLOSEFONTCLASS, 'olcap');" onmouseout="nd();">?</a> </td> </tr> Знак вопроса с всплывающей подсказкой выползает на новую строку. Как сделать, чтобы знак вопроса был всегда справа от селекта и не выползал на новую строку ? Можно создать еще одну табличку с одной строкой и двумя ячейками - но не хочется еще табличку лепить... Есть ли способ проще ? Спасибо!
-
Всем привет, Используя FabricsJS мне нужно загрузить картинку в уменьшеном размере и в "view" mode. Я загружаю картинку width = 2480 и height = 1755 кодом: <div class='dashboard-layer1'> <div class="flyer-previews"> </div> </div> ... var predefinedWidth= 380 // SIZE OF IMAGE I NEED var predefinedHeight= 380 _obj= '<?php print json_encode($templateObj); ?>'; // data ofor image generating var _orientation = ''; var _link = <?php print json_encode( "dashboard/flyers"); ?>; // Add canvas and link it to its template jQuery('<canvas>').attr({ id: 'preview-' }).appendTo('.flyer-previews').wrap( jQuery('<a>').attr({ href: tmbn__findUrls( _link )[0]+'/'+_obj['format']+'/'+_obj['sku'] }) ); // Set Canvas object var _stage_flag = new fabric.Canvas('preview-'); // Set stage dimensions _stage_flag.setDimensions({ width: predefinedWidth, height: predefinedHeight }); // Set orientation if( predefinedWidth > predefinedHeight ) { _orientation = 'landscape'; } else { _orientation = 'portrait'; } // Load templates _stage_flag.loadFromJSON( _obj, _stage_flag.renderAll.bind(_stage_flag), function( _object, _klass ) { // Deactivate objects _klass.selectable = false; // Resize view tmbn__dynamicScale( 'preview-', _orientation ); }); /** * Scale thumbnails */ function tmbn__dynamicScale( _id, _orientation ) { jQuery('#'+_id).parent().addClass(_orientation); jQuery('#'+_id).parent().children('canvas').addClass(_orientation); } /** * Get URL from Text */ function tmbn__findUrls( text ) { var source = (text || '').toString(); var urlArray = []; var url; var matchArray; // Regular expression to find FTP, HTTP(S) and email URLs. var regexToken = /(((ftp|https?):\/\/)[\-\w@:%_\+.~#?,&\/\/=]+)|((mailto:)?[_.\w-]+@([\w][\w\-]+\.)+[a-zA-Z]{2,3})/g; // Iterate through any URLs in the text. while( (matchArray = regexToken.exec( source )) !== null ) { var token = matchArray[0]; urlArray.push( token ); } return urlArray; } И я получаю картинку со всеми загруженными обьектами на canvas, но размер canvas-ы 380/380 (переменные predefinedWidth и predefinedHeight) а размер самой картинки 2480 / 1755, так что на canvas я вижу только правый верхний угол картинки... Как вывести картинку ва нужном мне размере? Спасибо!
-
На сайте в firefox в инпуты логина и пароля символы не вводятся
mstdmstd posted a question in JavaScript
Всем привет, Получил в наследство сайт http://displo.com/backend/en/login в firefox в инпуты логина и пароля символы просто не вводятся - при этом в консоле JS-ошибок нет, свойства readonly, disabled не установлены Навешенных JS-скриптов я не заметил... В Google Cromium и Opera такой проблемы нет и логин и пароль нормально вводится. В чем может быть проблема? Спасибо! -
Всем привет, Нужно сделать всплывающее окно вроде сверху справа https://www.google.com/maps/dir///@41.751667,-88.019834,14z?hl=en совместимое с Jquery Можно ли ссылку на макет ? Спасибо!
-
Всем привет, Нужно перенести часть html-кода из одной страницы в другую. Но обнаружил, что ссылки под блоком "Popular Cities:" не тотображаюся в браузере http://s017.radikal.ru/i412/1507/2c/5926b556089d.png При этом firebug отображает эти ссылки светло-серым как недостувпные/невидимые. Не пойму, почему ссылки не видимы? У них нет тегов "invisible","diabled", "display:none". Я поубирал все классы и все id, чтобы исключить ссылки на файлы стилей...
-
Всем привет, есть див который нужно отобразить в модальном окне <div id="artist_song_dialog" title="Artist's Song" style="display: none;min-width: 680px;" class="form-wrap"> <h4> You are adding song for artist <span id="span_artist_review_artist_name"></span> </h4> ... </div> и вызов модального окна - и все хорошо $("#artist_song_dialog").dialog({ buttons: { .... }, // "Submit": function() { "Close": function () { $(this).dialog("close"); } }, width: "50%", maxWidth: "678px", modal: true }).dialog("open"); но внутри этого дива есть переключатель для добавления нового обьекта с несколькими полями и этот див в модальном окне становится более высоким и уезжать вниз. В результате при переключении режима все модальное окно оказывается в нижней части страницы. Это никак нельзя поправить, чтобы модальное окно оставалось по центру?
-
Подскажите, пожалуйста, в совсем простых блоках с инпутомами и лейблами к ним хочется чтобы все лейблы лежали 1) сверху над инпутами или 2) на одной строке, причем, чтобы все лейблы были одной ширины и их инпуты таким образом вырравнивались слева. Причем, чтобы поведение выше изменялось без изменения в коде, а одним css-кодом. Верстка: <div class="form-artist_song-field form-require term-site-wrap "> <div class="for_input_label"> <label for="artist_site">Site</label> </div> <input type="text" size="50" maxlength="50" name="artist_site" id="artist_site" value="" aria-required="true"> <p>Site of artist. Required and must be valid u"></p></div>Для случая 1) стили .for_input_label { width: 300px; min-width: 300px; /* display: inline; */ border: 2px solid red;}работают ok. Я полагал, что для случая 2) достаточно раскоментарить код display: inline; но нет, ширина всех лейблов нефикисрована и инпуты невыравнены. А как правильно ?
-
Спасибо, с after получилось. Для отображения статуса "Confirmed" у меня получилось опеределение 3-х классов: .fc-event-custom-service-Confirmed { margin: 0 auto; width: 25px; height: 25px; border: none !important; background:#3aad8b url('/static/images/appointments/appointment24.png') right top no-repeat; position: relative;}.fc-event-custom-service-Confirmed:hover { margin: 0 auto; width: 25px; height: 25px; border: none !important; background:#3aad8b url('/static/images/appointments/appointment24.png') right top no-repeat; position: relative;}.fc-event-custom-service-Confirmed:after{ content:''; position: absolute; right: 25px; top: 0; width: 25px; height: 25px; background: url('/static/images/appointments/appointment_confirmed24.png') no-repeat;}Но понадобилось в некоторых случаях отображать и третью картинку, если помечено поле use_outcall_address Я добавил в стили определение : .fc-event-custom-service-Confirmed-use_outcall_address { width: 25px; height: 25px; border: none !important; background:#3aad8b url('/static/images/appointments/appointment24.png') right top no-repeat; position: relative;}.fc-event-custom-service-Confirmed-use_outcall_address:hover { width: 25px; height: 25px; border: none !important; background:#3aad8b url('/static/images/appointments/appointment24.png') right top no-repeat; position: relative;}.fc-event-custom-service-Confirmed-use_outcall_address:after{ content:''; position: absolute; right: 75px; top: 0px; width: 25px; height: 25px; background: url('/static/images/appointments/appointment_service_outcall.png') no-repeat;}В определении класса элемента прописано fc-event-end fc-event-custom-service-Confirmed fc-event-custom-service-Confirmed-use_outcall_addressЯ полагал что установив right: 75px; в опмсании последнего класса картинка appointment_service_outcall.png будет слева от картинки /static/images/appointments/appointment_no-show24.png Но в результате эти 2 картинки не отображаются вовсе. А как правильно?
-
fullcalendar устанавливая цвета для 1 ячейки события перестают работать
mstdmstd replied to mstdmstd's question in JavaScript
Сорри, никто не знает как это решается ? -
satantx, А можно ссылочку как это можно сделать через :after? Я погуглил, но ничего похожего не нашел...
-
psixodyb, А можно ли в background: url( задать несколько картинок через запятую ? - я попробовал отображается только картинка слева...И в примерах что я нашел в background: url( - задается только 1 картинкаВозможно, нужно указать отступ для второй картинки, чтобы она не перекрывалась первой?
-
Всем привет, Подскажите, плиз, у меня отображабтся данные с полями type, status и в зависимости от значений этих полей надо отобразить иконку С иконкой для каждого из них по отдельности без проблем : .fc-event-custom-service { background-color: #3aad8b !important; border: none !important; background: url('/static/images/appointment.png') 40% 40% no-repeat; background-position: right top;}.fc-event-status-Confirmed { background: url('/static/images/appointment_confirmed.png') 40% 40% no-repeat; background-position: right top;}.fc-event-status-Cancelled { background: url('/static/images/appointment_cancelled.png') 40% 40% no-repeat; background-position: right top;}... А как сделать чтобы отображались 2 иконки(или возможно только одна) справа, одна рядом с другой если у элемента определен класс, например "fc-event-custom-service fc-event-status-Confirmed" ?
-
Сама картинка определяется классом icon-bulleted-list и текст должен всплывать, когда текст над этой кнопкой. Это одна из иконок отсюда http://cdn.mosaicpro.biz/business/php/admin/icons.html?lang=en&v=v1.0.3-rc4 Кликом на этой кнопке должен подгружаться список : function ReadClientsNote() { $.ajax({ timeout: 10000, url: $ajaxurl_scheduler + "/readClientsNotesList/", type: "POST", dataType: "html", data: { 'client_id' : selectedClientId } }).done(function(data){ $("#div_read_clients_note_data").html( data ) }); }
-
Всем привет, Я хочу сделать всплывающий текст на кпопке в виде иконки, навроде : <h4 class="heading glyphicons icon-bulleted-list" style="cursor: pointer;" onclick="javascript:ReadClientsNote()" title="Read Client Notes" ><i></i></h4>Но не title ни hint не срабатывают. А как правильно ? Спасибо!