mstdmstd

Пользователь
  • Публикации

    195
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О mstdmstd

  • Звание
    Участник

Информация

  • Пол
    не скажу
  1. А как тогда правильно ?
  2. Всем привет, В куске бутстрап кода где на средних и крупных устройствах все поля в 2 колонки : <div class="row "> <div class="form-group col-sm-12 col-md-6 "> <label for="id" class="col-xs-12 col-sm-6 control-label">Id</label> <div class="col-xs-12 col-sm-6"> <input class="form-control integer_input validate" value="1" id="id" readonly=""> </div> </div> <div class="form-group col-sm-12 col-md-6 "> <label for="lender_name" class="col-xs-12 col-sm-6 control-label">Кредитор <span class="required"> * </span> </label> <div class="col-xs-12 col-sm-6"> <input class="form-control string_input validate" value="DATA SERVICING CORPORATION, INC." id="lender_name" name="lender_name" maxlength="255"> </div> </div> </div> и поэтому на очень маленьких устройствах все поля/лейблы складываются с новой строки Preview На ipad-ах я полагал что два блока полей(Id,lender_name) будут расположены с новых строк, но нет: Preview Что я упустил ? В онлайне : Спасибо!
  3. сделать локализацию input-кнопки с типом file

    Спасибо , работает! А нельзя ли при выборе файла отображать имя этого файла рядом с этой кнопкой ?
  4. сделать локализацию input-кнопки с типом file

    А можно пример или ссылочку как это можно сделать ?
  5. Всем привет, Делая локализацию как достучаться до лейблов "Choose File" и “No File Choosen” input-кнопки с типом file https://imgur.com/a/pqeAO ? Можно задействовать jquery но у лейблов выше есть id и если есть то какие? Спасибо !
  6. Tiny MCE редактор и markdown-код

    Всем привет, В Framework 5.5.3/jquery/bootstrap приложении есть редактор содержимого(статьи и темплейты мейлов), где подключается CK Editor или Tiny MCE редакторы в зависимости от настроек Понадобилось реализовать поддержку markdown Погуглив я нашел плагин https://www.tinymce.com/docs/plugins/textpattern/ Я его подключил( отключив все остальные настройки - сделал как в описании ) Посмотреть можно тут http://ec2-34-212-140-26.us-west-2.compute.amazonaws.com/admin/cms-item/edit?id=98 Но введя небольшой кусок markdown-кода : An h1 header ============ Paragraphs are separated by a blank line. 2nd paragraph. *Italic*, **bold**, and `monospace`. Itemized lists look like: * this one * that one * the other one И сохранив редактор в переоткрывшейся странице в tiny-редакторе я вижу что код введен одной строкой и редактировать его довольно неудобно. 1) Я чего-то недоставил ? 2) Или сохряняя нужно символ перевода строки менять на <br>? 3) Или если текст markdown, то выводить обычный textarea ? 4) Как-то иначе ? Спасибо!
  7. Подскажите а чем верстка в Safari и JS программирование отличается от других браузеров(Chrome,FF, Opera) ? Большая ли разница при разработке? Спасибо!
  8. ошибки в editor.swagger.io

    Подскажите, пытаюсь в http://editor.swagger.io написать описание GET - запроса с необязательным параметром department_id swagger: "2.0" info: description: "This is a sample server Petstore server. You can find out more about Swagger at [http://swagger.io](http://swagger.io) or on [irc.freenode.net, #swagger](http://swagger.io/irc/). For this sample, you can use the api key `special-key` to test the authorization filters." version: "1.0.0" title: "Clients demo" termsOfService: "http://swagger.io/terms/" contact: email: "apiteam@swagger.io" license: name: "Apache 2.0" url: "http://www.apache.org/licenses/LICENSE-2.0.html" host: "ec2-34-212-140-26.us-west-2.compute.amazonaws.com" basePath: "/v1" tags: - name: "client" description: "Everything about your Clients demo" externalDocs: description: "Find out more" url: "http://swagger.io" - name: "department" description: "Access to departments of Clients demo" externalDocs: description: "Find out more about our store" url: "http://swagger.io" schemes: - "http" paths: /department/{department_id}: get: tags: - "department" summary: "Finds departments by department_id or by filters" description: "Multiple status values can be provided with comma separated strings" operationId: "findPetsByStatus" produces: - "application/xml" - "application/json" parameters: - name: "department_id" in: "path" description: "ID of department that needs to be retrieved" type: "integer" format: "int64" responses: 200: description: "successful operation" schema: type: "array" items: $ref: "#/definitions/Department" 400: description: "Invalid status value" #security: #- petstore_auth: # - "write:pets" # - "read:pets" post: tags: - "department" summary: "Add a new department to the Clients demo" description: "Department object( `department_id` INT(11) - required, `name` VARCHAR(50) - required, `is_active` TINYINT(1) - (0/1) - required, `created_at` - autogenerated, ) that needs to be added to the Clients Demo" operationId: "addDepartment" consumes: - "application/json" - "application/xml" produces: - "application/xml" - "application/json" parameters: - in: "body" name: "body" description: "" required: true schema: $ref: "#/definitions/Department" responses: 405: description: "Invalid input" # security: # - petstore_auth: # - "write:pets" # - "read:pets" definitions: Department: type: "object" properties: department_id: type: "integer" format: "int64" name: type: "string" is_active: type: "integer" description: "Order Status" enum: - 0 - 1 created_at: type: "string" default: false xml: name: "Order" и получаю ошибкиprintscreen: А как правильно? Спасибо !
  9. Ищу аналог deviceponsive.com

    У меня в Chromium 58.0.3029.96 Built on Ubuntu , есть такие средства https://imgur.com/a/ggTUE Вы их имеете в виду или есть что-то еще ?
  10. Всем привет, Подскажите, пожалуйста удобный аналог http://www.deviceponsive.com/ для тестирования верстки на разл девайсах Спасибо!
  11. Всем привет, Откройте пожалуйста link (там логин уже введен на странице логина) то на 1й(дефолтовой закладке) Кликнув мышкой на кноке машины( справа от лейбла "Shipping") открывается модальное окно и успешно завкрывается если нажать на кнопку Cancel Но если открыть модальное окно выше рядом с лейблом “Category(ies)” и в открывшемся модальном окне нажать на кнопку Cancel то в консоле выскакивает ошибка bootstrap.min.js:6 Uncaught Error: Modal is transitioning Модальные окна имеют схожую структуру и вызываются аналогично : backendProduct.prototype.loadProductShipping = function () { var href = this_backend_home_url+"/admin/product/load_product_shipping?product_id="+this_id; $.ajax({ url: href, type: 'GET', dataType: 'json', success: function(result) { // alert( "loadProductShipping result::"+var_dump(result) ) if (result.error_code == 0) { $("#product_shipping_shipping_class_id").val( result.productShipping.shipping_class_id ) $("#product_shipping_weight").val( result.productShipping.weight ) $("#product_shipping_length").val( result.productShipping.length ) $("#product_shipping_width").val( result.productShipping.width ) $("#product_shipping_height").val( result.productShipping.height ) $("#div_product_shipping").modal({ "backdrop": "static", "keyboard": true, "show": true }); // alert( "$(#product_shipping_shipping_class_id).val()::"+$("#product_shipping_shipping_class_id").val() ) $("#product_shipping_shipping_class_id").focus() } if (result.error_code > 0) { alertMsg( result.error_message, 'Loading error!', 'OK', 'glyphicon glyphicon-remove' ) } } }); } и : backendProduct.prototype.loadProductCategories = function () { var href = this_backend_home_url+"/admin/product/load_product_related_categories?product_id="+this_id; // backendProduct.switchProductRelatedCategoriesLoader(false) $.ajax({ timeout: 10000, async :false, url: href, type: 'GET', dataType: 'json', success: function(result) { // alert( "loadProductCategories result::"+var_dump(result) ) if (result.error_code == 0) { // backendProduct.switchProductRelatedCategoriesLoader(true) $("#div_product_related_categories_list").html(result.html) $("#div_product_related_categories").modal({ "backdrop": "static", "keyboard": true, "show": true }); // $('#multi_categories_list').multiSelect( { // multiple: false, // header: "Type", // noneSelectedText: "Type", // selectedList: 1 // } ); // $("#multi_categories_list").multiSelect('refresh'); // $("#multi_categories_list").focus() // // var deviceParams= effectiveDeviceWidth() // // alert( "deviceParams::"+var_dump(deviceParams) ) // if ( parseInt(deviceParams.width) <= 600 ) { // $("#ms-multi_categories_list").css('width', deviceParams.width - 30); // } else { // $("#ms-multi_categories_list").css('width', deviceParams.width - 60); // } } } }); В чем разница и как побороть ошмибку? Спасибо!
  12. Реализация баттона с чекбоксом в Bootstrap 4

    https://jsfiddle.net/4hg9gqg3/2/
  13. Реализация баттона с чекбоксом в Bootstrap 4

    По-прежнему ищу решение Я переделал пример с тем чтобы в зависимости от параметры убирать div вокруг чекбокса @if( !empty($debug) and $debug == 9 ) <div data-toggle="buttons" class=" "> @endif <label class="btn btn-primary btn-sm padding_sm checked"> <input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox" checked> <span class="fa fa-check" aria-hidden="true"></span>Clear </label> @if( !empty($debug) and $debug == 9 ) </div> @endif <hr> <hr> @if( !empty($debug) and $debug == 9 ) <div data-toggle="buttons" class=" "> @endif <label class="btn btn-primary btn-sm padding_sm"> <input class="form-control __checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox" > <span class="fa fa-check" aria-hidden="true"></span>Clear </label> @if( !empty($debug) and $debug == 9 ) </div> @endif link1 переключатель чекбокс работает но оригинальный чекбокс виден и link2 переключатель чекбокс не работает но оригинальный чекбокс не виден как исправить ? Спасибо!
  14. Реализация баттона с чекбоксом в Bootstrap 4

    Я пытался следовать Вашим срветам но выяснил что и в моем первоначальном случае и в вашем надо было убрать обертку toggle="buttons" Я вывожу 2 кнопки {{--<div data-toggle="buttons" class=" ">--}} <label class="btn btn-primary btn-sm padding_sm"> <input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox"> <span class="fa fa-check" aria-hidden="true"></span>Clear </label> {{--</div>--}} <hr> <hr> {{--<div data-toggle="buttons" class=" ">--}} <label class="btn btn-primary btn-sm padding_sm"> <input class="form-control __checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox"> <span class="fa fa-check" aria-hidden="true"></span>Clear </label> {{--</div>--}} <hr> Со стилями .form-control .__checkbox + .fa-check{ visibility: hidden; } .form-control .__checkbox:checked + .fa-check{ visibility: visible; } input.only_checkbox:not(:checked) + .fa-check { visibility: hidden !important; margin: 0 !important; background-color: red !important; } input:not(:checked) + .fa-check { visibility: hidden !important; } И теперь чекбокс переключается но осталось убрать оригинальный чекбокс который прячется с оберткой toggle="buttons"... А как это совместить ?
  15. Реализация баттона с чекбоксом в Bootstrap 4

    Спасибо, вижу разные классы: Я переделал fa-check и в коде и в стилях: <div data-toggle="buttons" class=" "> <label class="btn btn-primary btn-sm padding_sm" aria-pressed="false"> <input class="only_checkbox" value="1" autocomplete="off" id="cbx_clear_image" name="cbx_clear_image" type="checkbox"> <span class="fa fa-check" aria-hidden="true"></span>Clear </label> </div> app.css: input.only_checkbox:not(:checked) + .fa-check { visibility: hidden !important; margin: 0 !important; background-color: red !important; } input:not(:checked) + .fa-check { visibility: hidden !important; } Но по-прежнему не работает.Я еще что-то упустил?