mstdmstd
User-
Posts
203 -
Joined
-
Last visited
-
Days Won
1
Content Type
Profiles
Forums
Calendar
Store
Everything posted by mstdmstd
-
Всем привет, Не нашел, как в http://www.bootply.com/new# добавить ссылку на js file, который не входит в "More includes" список ? Спасибо!
-
Всем привет, Хочется сделать оберточную функцию для вызова алерта : $.alert({ title: 'Debugging', content: 'Logs cleared !', icon: 'glyphicon glyphicon-remove', confirmButton: 'OK', keyboardEnabled: true, confirm: function(){ $('#textarea_sql_queries_text').html(''); $('#textarea_sql_queries_text').focus(); } }); И получается что-то вроде: function alertMsg(content, title, confirm_button, icon) { $.alert({ title: title, content: content, icon: ( typeof icon != 'undefined' ? icon : 'fa fa-info-circle' ), confirmButton: ( typeof confirm_button != 'undefined' ? confirm_button : 'OK' ), keyboardEnabled: true }); } За исключением последнего параметра confirm, который вызывется когда пользователь кликнул на сообщении. Как этот параметр правильно передать и вызвать ? Спасибо!
-
Всплывающий тултип не работает при выводе через ajax
mstdmstd replied to mstdmstd's question in JavaScript
Видимо, я не очень удачно обьяснил. Через вызов : jQuery.ajax({ url: "cart/load_cart_items", type: 'GET', dataType: 'json', success: function(result) { if (result.error_code == 0) { $("#div_load_cart_items").html(result.html) } } ...Выводится список и в коде ниже : <div class="table-responsive"> <table class="table table-bordered table-hover table-striped"> <thead> <tr class="padding_md"> <th></th> <th>Product</th> <th>Price</th> <th>Quantity</th> <th>Total</th> </tr> </thead> <tbody> <tr> <td> <a class="a_link" onclick="javascript:deleteCartItem(49)"> <img src="http://local-wprods.com/static/images/modern-business/delete.png" style="vertical-align:top; " > </a> </td> <td> <img src="http://local-wprods.com/uploads/products/-product-49/51t5p4hTuwL._SL1000_.jpg" alt="Dell S2240M 21.5-Inch Screen LED-lit Monitor" height="64px" width="64px"> <a href="http://local-wprods.com/price_list_details/dell-s2240m-21-5-inch-screen-led-lit-monitor" class="a_link" target="_blank"> <a data-toggle="tooltip" data-html="true" data-placement="top" title="The product is marked as back order" data-original-title="The product is marked as back order" class="a_link" ><i class="fa fa-anchor info_waring" style="font-size:larger;"></i></a> Dell S2240M 21.5-Inch Screen LED-lit Monitor :: N </a> </td> <td style="text-align: right">$76.09</td> <td> <input step="1" min="1" max="9999" name="cart_product_qty_49" id="cart_product_qty_49" value="1" title="Qty" class="input-text qty text cart_product_qty" size="4" maxlength="4" pattern="[0-9]*" inputmode="numeric" type="number" style="max-width: 65px; text-align: right;" onchange="javascript:onChangeQty( '49', '76.09' )"> </td> <td style="text-align: right"><span id="span_cart_product_subtotal_49" >$76.09</span></td> </tr> <tr> <td> <a class="a_link" onclick="javascript:deleteCartItem(54)"> <img src="http://local-wprods.com/static/images/modern-business/delete.png" style="vertical-align:top; " > </a> </td> <td> <img src="http://local-wprods.com/uploads/products/-product-54/71AsYKqngTL._SL1500_.jpg" alt="Dell E2016HV VESA Mountable 20" Screen LED-Lit Monitor" height="64px" width="64px"> <a href="http://local-wprods.com/price_list_details/dell-e2016hv-vesa-mountable-20-screen-led-lit-monitor" class="a_link" target="_blank"> Dell E2016HV VESA Mountable 20" Screen LED-Lit Monitor :: Y </a> </td> <td style="text-align: right">$109.60</td> <td> <input step="1" min="1" max="9999" name="cart_product_qty_54" id="cart_product_qty_54" value="1" title="Qty" class="input-text qty text cart_product_qty" size="4" maxlength="4" pattern="[0-9]*" inputmode="numeric" type="number" style="max-width: 65px; text-align: right;" onchange="javascript:onChangeQty( '54', '109.6' )"> </td> <td style="text-align: right"><span id="span_cart_product_subtotal_54" >$109.60</span></td> </tr> </tbody> </table> </div> 1й элемент имеет иконку якоря с тултипом: <a data-toggle="tooltip" data-html="true" data-placement="top" title="The product is marked as back order" data-original-title="The product is marked as back order" class="a_link" ><i class="fa fa-anchor info_waring" style="font-size:larger;"></i></a> И этот тултип не виден, если список загружается через аджакс. По-моему, я ничего не упустил? div_load_cart_items - это обычный див куда и вставляется список выше. -
Всем привет, В верстке Bootstrap 3.3.7. есть выпадающее меню с довольно длинным текстом и хочется длинный текст вывести в тултипе а в меню короткий текст вроде: <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown tooltip" data-placement="left" title="SomeRatherLongTextTextTextText"> ShortText <b class="caret"></b> </a> <ul class="dropdown-menu"> <li> ... Но тогда и менюха перестает работать. Получается что для data-toggle может быть указано или dropdown или tooltip... Никак нельзя извернуться чтобы меню и тултип работал для одной сссылки ? Спасибо!
-
Всем привет, Есть 2 схожих кусочка кода ссылки с всплывающим тултипом: <a data-toggle="tooltip" data-html="true" data-placement="top" title="" data-original-title="Has 2 back order items" class="info_waring a_link"><i class="fa fa-anchor" style="font-size:larger;"></i></a> <a data-toggle="tooltip" data-html="true" data-placement="top" title="" data-original-title="The product is marked as <b>back order</b>." class="a_link"><i class="fa fa-anchor info_waring" style="font-size:larger;"></i></a> Первый тултип отображается нормально, 2й не отображается, при том что он выводится через ajax : jQuery.ajax({ url: "cart/load_cart_items", type: 'GET', dataType: 'json', success: function(result) { if (result.error_code == 0) { $("#div_load_cart_items").html(result.html) } } }) В этом ли причина и можно ли ее побороть? Спасибо!
-
Привет, Подскажите, пожалуйста, возникла проблема с версткой списка после применения новых файлов стиля(исходная страница и js-код не менялись) другим разработчиком. перестал работать вызов модального диалога Надо зайти на login под логином mstdmstd@rambler.ru 8cc10asu и далее на страницу listи кликом на кнопке "FILTER" вызывается js-функция usersListFilterApplied() с вызовом диалога $( "#users_list_dialog_filter" ).modal( { "backdrop": "static", "keyboard": true, "show": true } ); блок дива users_list_dialog_filter определен - но диалог не открывается И при наведении мышей на этой кнопкой <button type="button" class="btn sbold green btn-sm pull_right_only_on_xs padding_right_sm" onclick="javascript:usersListFilterApplied();" data-toggle="tooltip" data-html="true" data-placement="top" title="" data-original-title="Open dialog window to set filter for Users. " data-tooltip-id="e03d8da5-2610-ec8a-9141-da2bada66bdf"> <i class="glyphicon glyphicon-filter"></i> Filter </button> Отображался всплывающий текст - но теперь не работает... А как это починить? Спасибо!
-
Привет, Подскажите, пожалуйста, нужен совместимый с бутстрапом select input, но с возможностью в нем же добавить новое значение, которого нет в списке. Спасибо!
-
Всем привет,Есть форма с валидацией библиотеки ref ... jQuery(document).ready(function ($) { ShowCaptureImage(); $(".has-error").bind('change keypress', function () { $(this).removeClass("has-error"); }); $("#register_username").focus(); $("input,textarea,select").jqBootstrapValidation( { preventSubmit: true, submitError: function($form, event, errors) { alert( "submitError errors::"+var_dump(errors) + " : " + (typeof errors) ) return true; // Here I do nothing, but you could do something like display // the error messages to the user, log, etc. }, submitSuccess: function($form, event) { alert("OK"); MakeOperatorRegister(); event.preventDefault(); }, filter: function() { return $(this).is(":visible"); } } ); }); ... <!-- Register Form --> <div class="row"> <div class=" col-sm-offset-2 col-sm-offset-right-2"> <h3>Enter your personal data and you will receive confirmation email soon.</h3> <form role="form" class="form-horizontal" action="http://local-wprods.com/register" method="post" accept-charset="utf-8" id="form_register" name="form_register" enctype="multipart/form-data"> <input type="hidden" name="ci_csrf_token" value="" /> <div class="control-group form-group "> <div class="controls"> <label for="register_username">Username</label> <input class="form-control editable_field" type="text" id="register_username" name="register_username" value="Serge 1" size="20" maxlength="50" data-validation-required-message="Please enter your username." data-validation-ajax-ajax="http://local-wprods.com/main/register_check_username"> <p class="help-block">Would be checked if username is unique in system.</p> </div> </div> <div class="control-group form-group "> <div class="controls"> <label for="register_email">Email</label> <input class="form-control editable_field" type="text" id="register_email" name="register_email" value="nilov@com.ua2" size="20" maxlength="50" data-validation-required-message="Please enter your email." data-validation-ajax-ajax="http://local-wprods.com/main/register_check_email"> <p class="help-block">Would be checked if email is unique in system.</p> </div> </div> <div class="control-group form-group "> <div class="controls"> <label for="register_password">Password</label> <input class="form-control editable_field" type="password" id="register_password" name="register_password" value="" size="20" maxlength="128" data-validation-required-message="Please enter your password." autocomplete="off"> <p class="help-block">Must be at least 6 chars.</p> </div> </div> <div class="control-group form-group "> <div class="controls"> <label for="register_password_2">Confirm Password</label> <input class="form-control editable_field" type="password" id="register_password_2" name="register_password_2" value="" size="20" maxlength="128" data-validation-required-message="Please enter your name confirm password." data-validation-matches-match="register_password" data-validation-matches-message="Must match password entered above" autocomplete="off" > <p class="help-block">Must be equal Password field.</p> </div> </div> <div class="control-group form-group "> <div class="controls"> <label for="register_first_name">First Name</label> <input class="form-control editable_field" type="text" id="register_first_name" name="register_first_name" value="First Name3" size="32" maxlength="32" data-validation-required-message="Please enter your name first name."> <p class="help-block"></p> </div> </div> <div class="control-group form-group "> <div class="controls"> <label for="register_last_name">Last Name</label> <input class="form-control editable_field" type="text" id="register_last_name" name="register_last_name" value="Last Name4" size="32" maxlength="32" data-validation-required-message="Please enter your name last name."> <p class="help-block"></p> </div> </div> <div class="control-group form-group "> <div class="controls"> <label for="register_company">Company Name</label> <input class="form-control editable_field" type="text" id="register_company" name="register_company" value="Company5" size="32" maxlength="45"> <p class="help-block"></p> </div> </div> <div class="control-group form-group "> <div class="controls"> <label for="register_phone">Phone</label> <input class="form-control editable_field" type="text" id="register_phone" name="register_phone" value="phone6" size="16" maxlength="16"> <p class="help-block"></p> </div> </div> <div class="control-group form-group "> <div class="controls"> <label for="register_user_url">Website</label> <input class="form-control editable_field" type="text" id="register_user_url" name="register_user_url" value="http://user_url.com" size="100" maxlength="100"> <p class="help-block"></p> </div> </div> <div class="control-group form-group "> <div class="controls"> <label for="register_subscriber">Subscribe to email news about new products/blog articles</label> <input class="editable_field" type="checkbox" id="register_subscriber" name="register_subscriber" value="1" > <p class="help-block">Later you could to detail which notifications do you want to recieve.</p> </div> </div> <div class="control-group form-group "> <div class="controls"> <label for="register_i_agree">I agree to follow rules of site.</label> <input class="editable_field" onclick="javascript:register_i_agreeonChange();" type="checkbox" id="register_i_agree" name="register_i_agree" value="1" > <p class="help-block">To must check it to register.</p> </div> </div> <div id="success"></div> <!-- For success/fail messages --> <section class="row disable-the-width col-md-offset-2-2 col-lg-offset-3-3"> <div class=" btn-group pull-right editor_btn_group " > <div class="col-xs-6 "> <button type="submit" id="btn_submit" class="btn btn-primary" >Submit</button> </div> <div class="col-xs-4"> <button type="reset" class="btn btn-cancel-action" onclick="javascript:document.location='http://local-wprods.com/home'" > Home </button> </div> <div class="col-xs-2"> <img src="http://local-wprods.com/static/images/modern-business/clear-data.png" alt="Clear All Data" title="Clear All Data" class="a_link img_clear_data" onclick="javascript:clearAllData()"> </div> </div> </section> </form> </div> </div> <!-- /.row → А как правильно ? ... Валидация работает но 1) Если неправильно заполнено 1 поле, то при нажатии сабмита красным цветом выделяются ВСЕ поля на форме, а не только поле с ошибкой как хотелось бы. 2) В полях имени пользователя и мейла прописаны обработчики для проверки на сервере data-validation-ajax-ajax= - но они не вызываются - в консоли вызова нет... А как правильно? Спасибо!
-
Всем привет, Использую Zim 0.65 под kubuntu 16 и он как бы он удобен по у него есть странная особенность что если скопировать ссылку на страницу то при повторном открытии этой страницы ссылки оборачиваются в двойные квадратные кавычки git remote add origin https://mylogin@bitbucket.org/[[https://mylogin@bitbucket.org/login/wprods.git|mylogin]][[/wprods.git]] Или если я вставляю куски twig-темплейта с блоками {{ var }} то при повторном открытии этого кода эти блоки заменяются символом неправильной ссылки на картинку Это поведение никак убрать нельзя? Или при создании новой страницы никак нельзя задать что это просто текст? и 1) Почитал в помощи zim-а : и Получается что zim в 1ом случае оборачивает сылки в теги, а во втором случае мои куски twig -кода воспринимает как ссылку на картинку и пытается ее отобразить при повторном открытии страницы ... 2) В помощи также прочитал : я сохранял файлы в ~/wiki/Default.txt - и при создании новых страниц текст как был по умолчанию так и остался А где должны лежать эти файлы ? 3) В edit->prefernces я нашел ряд опций и плагинов но переключая их, ничего не добился ... Никто zim-ом не пользуется? Спасибо!
-
Спасибо, вставка wp_head() помогла И посоветуйте, пожалуйста хорошую статью, как создавать темы( желательно бутстрап 3.3 ) . Я, конечно, гуглил и начинал разбираться с 2-3 статьями - но или очень старые(кривые) или темы не качаются, а без исходной темы тяжело разбираться...
-
В wp-content/themes/ic/index.php вызываются get_header и get_footer() : <?php get_header(); ?> <!-- Begin Body --> <div class="container"> <div class="row"> <div class="col col-sm-3"> <div id="sidebar"> <ul class="nav nav-stacked"> <li> <h3 class="highlight">Channels <i class="glyphicon glyphicon-dashboard pull-right"></i></h3> </li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> </div> <div class="col col-sm-9"> <div class="panel"> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> <?php the_content(); ?> <?php endwhile; else : ?> <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p> <?php endif; ?> </div> </div> <div> <p><?php posts_nav_link(); ?></p> </div> <p> <?php get_footer(); ?> </div> </div> Насколько я знаю они важны. А еще что-то пропустил ?
-
Всем привет, есть такая bootstrap-либа валидации https://reactiveraven.github.io/jqBootstrapValidation/ И она используется в темплейте https://blackrockdigital.github.io/startbootstrap-modern-business/contact.html Я внедряю этот темплейт но у совсем другая ошибка валидации ref Код страницы ниже и это непонятно сообщение в независимости от есть ли вызов $("input,textarea,select").jqBootstrapValidation или закоментирован Что вызывает это сообщение и как его убрать ? <!DOCTYPE html> <html lang="en"> <head> <!-- Bootstrap --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title> Home of Products Catalog</title> <!-- Bootstrap Core CSS --> <link href="http://local-wprods.com/static/bootstrap/modern-business/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom CSS --> <link href="http://local-wprods.com/static/bootstrap/modern-business/css/modern-business.css" rel="stylesheet"> <!-- Custom Fonts --> <link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/font-awesome.min.css" /> <script src="http://local-wprods.com/static/js/jquery/jquery-3.1.0.min.js"></script> <link rel="stylesheet" href="http://local-wprods.com/static/css/jquery-ui.min.css"/> <script src="http://local-wprods.com/static/js/jquery/jquery-ui-1.12.0.min.js"></script> <script type="text/javascript" src="http://local-wprods.com/static/bootstrap/modern-business/js/bootstrap.min.js"></script> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <!--<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>--> <!--<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>--> <!--<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/jquery.raty.css"></script>--> <![endif]--> <link rel="stylesheet" href="http://local-wprods.com/static/css/jquery.fancybox.css"/> <link rel="stylesheet" href="http://local-wprods.com/static/css/bootstrap-multiselect.css"/> <script type="text/javascript" src="http://local-wprods.com/static/js/jquery/jquery.fancybox.pack.js"></script> <script type="text/javascript" src="http://local-wprods.com/static/js/jquery/jquery.raty.js"></script> <script type="text/javascript" src="http://local-wprods.com/static/js/jquery/jquery-confirm.min.js"></script> <link rel="stylesheet" href="http://local-wprods.com/static/css/jquery-confirm.min.css"/> <link rel="stylesheet" href="http://local-wprods.com/static/bootstrap/modern-business/css/pickadate/classic.css"/> <link rel="stylesheet" href="http://local-wprods.com/static/bootstrap/modern-business/css/pickadate/classic.date.css"/> <script type="text/javascript" src="http://local-wprods.com/static/bootstrap/modern-business/js/picker.js"></script> <script type="text/javascript" src="http://local-wprods.com/static/bootstrap/modern-business/js/picker.date.js"></script> <script type="text/javascript" src="http://local-wprods.com/static/bootstrap/modern-business/js/picker.time.js"></script> <script type="text/javascript" src="http://local-wprods.com/static/js/bootstrap-multiselect.js"></script> <link rel="stylesheet" href="http://local-wprods.com/static/css/modern-business/style.css"/> <link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_xs_320.css" media="only screen and (min-width: 320px) and (max-width: 479px) " /> <link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_xs_480.css" media="only screen and (min-width: 480px) and (max-width: 599px) " /> <link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_xs_600.css" media="only screen and (min-width: 600px) and (max-width: 767px) " /> <link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_sm.css" media="only screen and (min-width: 768px) and (max-width: 1023px) " /> <link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_md.css" media="only screen and (min-width: 1024px) and (max-width: 1279px) " /> <link rel="stylesheet" type="text/css" href="http://local-wprods.com/static/css/modern-business/style_lg.css" media="only screen and (min-width: 1280px)" /> <script type="text/javascript" src="http://local-wprods.com/static/js/funcs.js"></script> <script type="text/javascript" src="http://local-wprods.com/static/js/modern-business/frontend_app.js"></script> <script type="text/javascript" language="JavaScript" src="http://local-wprods.com/static/js/jquery/jqBootstrapValidation.js"></script> </head> <body> <!-- Navigation --> <!-- Navigation --> <script type="text/javascript"> /*<![CDATA[*/ function login() { $("#div_make_login_modal").modal({ "backdrop": "static", "keyboard": true, "show": true }); } function makeLogin() { var username= encodeURIComponent( $("#username").val() ) var password= encodeURIComponent($("#password").val() ) var href= "http://local-wprods.com/main/login/username/"+username+"/password/" + password jQuery.ajax({ url: href, type: 'POST', data: { username : username, password : password, csrf_test_name : 'c9aeb103c282a0fcb2cfbd71a2ad1dc8' }, dataType: 'json', success: function(result) { // alert( "result::"+var_dump(result) ) if (result.ErrorCode != 0) { alert( result.ErrorMessage ) } if (result.ErrorCode == 0) { location.reload(); } } }); } /*]]>*/ </script> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="http://local-wprods.com/">Home</a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li> <a href="about.html">About</a> </li> <li> <a href="services.html">Services</a> </li> <li> <a href="contact.html">Contact</a> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Portfolio <b class="caret"></b></a> <ul class="dropdown-menu"> <li> <a href="portfolio-1-col.html">1 Column Portfolio</a> </li> <li> <a href="portfolio-2-col.html">2 Column Portfolio</a> </li> <li> <a href="portfolio-3-col.html">3 Column Portfolio</a> </li> <li> <a href="portfolio-4-col.html">4 Column Portfolio</a> </li> <li> <a href="portfolio-item.html">Single Portfolio Item</a> </li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Blog <b class="caret"></b></a> <ul class="dropdown-menu"> <li> <a href="blog-home-1.html">Blog Home 1</a> </li> <li> <a href="blog-home-2.html">Blog Home 2</a> </li> <li> <a href="blog-post.html">Blog Post</a> </li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Prices <b class="caret"></b></a> <ul class="dropdown-menu"> <li> <a href="http://local-wprods.com/price_list">Price List</a> </li> <li> <a href="http://local-wprods.com/price_list/filter_in_stock/Y/filter_rating_from/1/filter_rating_till/5/filter_category_list/12/filter_products_per_page/50/sort_direction/asc/sort/sale_price">Thinkspads by sale price</a> </li> <li> <a href="http://local-wprods.com/price_list/filter_in_stock/Y/filter_rating_from/1/filter_rating_till/5/filter_category_list/14/filter_products_per_page/50/sort_direction/asc/sort/rating">Monitors by rating</a> </li> </ul> </li> <li > <a class="a_link" onclick="javascript:login(); return false;"> Login </a> </li> <li > <a href="register" > Register </a> </li> <li class="divider"></li> <li> <small> <span class="visible-xs text-danger" style="display: inline;"><strong>xs<span class="text-danger" style="display: inline;"> D</span></strong></span> <span class="visible-sm text-danger" style="display: inline;"><strong><span class="text-danger" style="display: inline;"> D</span>sm</strong></span> <span class="visible-md text-danger" style="display: inline;"><strong>md<span class="text-danger" style="display: inline;"> D</span></strong></span> <span class="visible-lg text-danger" style="display: inline;"><strong>lg<span class="text-danger" style="display: inline;"> D</span></strong></span> </small> </li> <li class="divider"></li> <li> <small> <span id="span_device_width" style="display: inline; color: white; "></span> <img class="test-device" style="width: 52px; height: 32px;display: inline;"> </small> </li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container --> </nav> <div class="modal fade" id="div_make_login_modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <section class="modal-header"> <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <div class="modal-title">Login</div> </section> <section class="modal-body"> <form role="form" class="form-horizontal padding_md" > <div class="row col-sm-offset-1-1 col-md-offset-2-2 col-md-offset-2-2 col-lg-offset-3-3"> <div class="form-group"> <label>Email</label> <input type="email" class="form-control" id="username" name="username" placeholder="Email" value=""> </div> </div> <div class="row col-sm-offset-1-1 col-md-offset-2-2 col-lg-offset-3-3"> <div class="form-group"> <label for="name">Password</label> <input type="password" class="form-control" id="password" name="password" placeholder="Password" > </div> </div> <div class="row col-sm-offset-1-1 col-md-offset-2-2 col-lg-offset-3-3"> <div class="form-group"> <input type="checkbox" name="remember" id="remember" > Remember me </div> </div> </form> </section> <section class="modal-footer"> <div class="btn-group pull-right editor_btn_group " role="group" aria-label="group button"> <button type="button" id="saveImage" class="btn btn-primary" onclick="makeLogin(); return false; " role="button">Submit</button> <button type="button" class="btn btn-cancel-action" data-dismiss="modal" role="button">Cancel</button> </div> </section> </div> </div> </div> <!-- Header Carousel --> <div id="content"> <script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function ($) { // $(function () { $("input,select,textarea").not( "[type=submit]" ) . jqBootstrapValidation( { sniffHtml: false } ) } ); $("input,textarea,select").jqBootstrapValidation( { preventSubmit: true, submitError: function($form, event, errors) { // Here I do nothing, but you could do something like display // the error messages to the user, log, etc. }, submitSuccess: function($form, event) { alert("OK"); event.preventDefault(); }, filter: function() { return $(this).is(":visible"); } } ); alert( "AFTER::"+var_dump(1) ) $("#contact_us_name").focus(); }); function onSubmit() { var theForm = $("#form_contact_us"); theForm.submit(); } /*]]>*/ </script> <div class="container"> <!-- Page Heading/Breadcrumbs --> <h1 class="page-header">Contact Us <small>Contact Us at our site ans receive notifications about new products on our site</small> </h1> <div class="row"> <ol class="breadcrumb " id="div_breadcrumbs"> <li > <i class="fa fa-home"></i> <a href="http://local-wprods.com/" class="a_link">Home</a> </li> <li class="active" > <i class="fa fa-address-card-o"></i> Contact Us </li> </ol> </div> <!-- /.row --> <!-- Content Row --> <div class="row"> <!-- Map Column --> <div class="col-md-8"> <!-- Embedded Google Map --> <div class="padding_md"><p>Contact Us at our site ans receive notifications about new products on our site</p><p> lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, qui...</p></div> <iframe scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?hl=en&ie=UTF8&ll=22.345,31.234&&t=m&z=4&output=embed" width="100%" height="400px" frameborder="0"></iframe> </div> <!-- Contact Details Column --> <div class="col-md-4"> <h3>Contact Details</h3> <p> Owner's street 234, Some city, BD 2345<br> </p> <p><i class="fa fa-phone"></i> <abbr title="Phone">P</abbr>: 1234567890 </p> <p><i class="fa fa-envelope-o"></i> <abbr title="Email">E</abbr>: <a href="mailto:owner_email@products_catalog.com">owner_email@products_catalog.com</a> </p> <p> <i class="fa fa-clock-o"></i> <abbr title="Hours">H</abbr>: Monday - Friday: 9:00 AM to 19:00 PM </p> <ul class="list-unstyled list-inline list-social-icons"> <li> <a href="#"><i class="fa fa-facebook-square fa-2x"></i></a> </li> <li> <a href="#"><i class="fa fa-linkedin-square fa-2x"></i></a> </li> <li> <a href="#"><i class="fa fa-twitter-square fa-2x"></i></a> </li> <li> <a href="#"><i class="fa fa-google-plus-square fa-2x"></i></a> </li> </ul> </div> </div> <!-- /.row --> <!-- Contact Form --> <!-- In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. --> <div class="row"> <div class="col-md-8"> <h3>Send us a Message</h3> <form role="form" class="form-horizontal" action="http://local-wprods.com/article/contact_us" method="post" accept-charset="utf-8" id="form_contact_us" name="form_contact_us" enctype="multipart/form-data"> <div class="control-group form-group"> <div class="controls"> <label>Full Name:</label> <input class="form-control" id="contact_us_name" name="contact_us_name" required data-validation-required-message="Please enter your name." aria-invalid="false" type="text"> <p class="help-block"></p> </div> </div> <div class="control-group form-group"> <div class="controls"> <label>Phone Number:</label> <input class="form-control" id="contact_us_phone" name="contact_us_phone" required data-validation-required-message="Please enter your phone number." type="tel"> <div class="help-block"></div> </div> </div> <div class="control-group form-group"> <div class="controls"> <label>Email Address:</label> <input class="form-control" id="contact_us_email" name="contact_us_email" required data-validation-required-message="Please enter your email address." type="email"> <div class="help-block"></div> </div> </div> <div class="control-group form-group"> <div class="controls"> <label>Message:</label> <textarea rows="10" cols="100" class="form-control" id="contact_us_message" name="contact_us_message" required data-validation-required-message="Please enter your message" maxlength="999" style="resize:none"></textarea> <div class="help-block"></div> </div> </div> <div id="success"></div> <!-- For success/fail messages --> <button type="submit" class="btn btn-primary">Send Message</button> </form> </div> </div> <!-- /.row --> </div> </div> <!-- Footer --> <footer> <section class="text-center "> <div class="col-sm-6 padding_sm"> <a href="http://local-wprods.com/article/faq">FAQ</a> </div> <div class="col-sm-6 padding_sm"> <a href="http://local-wprods.com/article/contact_us">Contact Us</a> </div> </section> <div class="col-lg-12 text-center padding_sm"> <p> Copyright © Products Catalog 2016 </p> </div> </footer> <!-- /.container --> <!-- jQuery --> <!-- Bootstrap Core JavaScript --> <!-- Script to Activate the Carousel --> <script> $('.carousel').carousel({ interval: 5000 //changes the speed }) </script> </body> </html> Спасибо!
-
Обнаружил, что при вызове страницы с логином http://local-wp-zf.com/wp-login.php метод load_ci_scripts вызывается и нормально отрабатывет Но при вызове рута сайта http://local-wp-zf.com/ этот метод не вызывается С чем это может быть связано? Или нужно вызывать иначе ? Практически пустая/дефолтовая инсталляция... Не подскажите, хочу подебажить - точку где эти актионы вызываются ? Или ткните где описание этих эктионов описано?
-
Всем привет, В WordPress 4.7 для активной темы в файле /functions.php <?php function load_ci_scripts() { echo '<pre>load_ci_scripts get_template_directory_uri()::' . print_r(get_template_directory_uri(), true) . '</pre>'; if (!is_admin()) { echo '<pre>load_ci_scripts INSIDE </pre>'; wp_register_style('NSN_IC_bootstrap', get_template_directory_uri() . '/css/bootstrap.css'); wp_enqueue_style('NSN_IC_bootstrap'); ... } } add_action( 'wp_enqueue_scripts','load_ci_scripts' ); add_theme_support( 'customize-selective-refresh-widgets' ); function wp_zf_widgets_init() { echo '<pre>wp_zf_widgets_init </pre>'; register_sidebar( array( 'name' => __( 'Widget Area', 'wp_zf' ), 'id' => 'sidebar-1', 'description' => __( 'Add widgets here to appear in your sidebar.', 'wp_zf' ), 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h2 class="widget-title">', 'after_title' => '</h2>', ) ); } add_action( 'widgets_init', 'wp_zf_widgets_init' ); Метод wp_zf_widgets_init() вызывается а метод load_ci_scripts не вызывется. Что неправильно? Спасибо!
-
Всем привет, по ссылке ref Под текстом "Launch your startup smarter a" есть 4 иконки выполненны через стили <div class="border-icon border-icon-1"> <span class="icon-icon1"></span> </div> Определенные как : .border-icon-1 { padding-top: 35px; } .border-icon-1 span { font-size: 57px; } .icon-icon1:before { content: "\e917"; } ... Вопрос в том, что если применить эту верстку к Wordpress-у чтобы отображать посты и можно было в новых постах как-то отображать аналогичные ярлыки для других постов ? Админ сайта в админке постов : 1) Выбирает ярлык и записывает его в скажем в поле Custom Fields 2) Обработчик на фронтенде вставляет это значение из Custom Fields в описание элемента фронтенда 3) Но описание стиля этой этой икноки должно каким-то образом попасть в стили ? 4) И из каого списка можно выбрать иконки вида content: "\e917"; Не из этого ref ? Но тут кодов нет ... мне это не представляется реализуемым... Я еще буду пытать клиента, если там нужно отобразить иконку - то понятно как это делать... Но если нужны аналогичные иконки - можно ли это как-то реализовать ? Спасибо!
-
Привет, Подскажите пожалуйста нужно натянуть на wordpress тему: ref 1) А как сформирована картинка вверху? Мне клиент дал ссылку - я скачал firefox-ом и сохранил на диске все файлы - но картинки там нет. В исходниках я ссылки на картинку не нашел... 2) Я думаю группу ссылок "Launch your startup smarter and faster." сделать отдельной категорией и статьи этой категории выводить в списке. Аналогично для статей под категорией "Meet our partners." 3) Также непонятно откуда картинки под лейблом "Meet our partners" ? 4) Есть группа банеров под лейблом "Who have we helped?" А есть ли что-то удобное для формирования списка банеров в админке wordpress-а? То есть нужен редактор баннеров с возможностью ввести a) картинку урл c) порядок вывода d) текст для хинта кртинки Есть что удобное ? 5) И есть ли что-то удобнее для скачивания всех элемента страницы кроме firefox-а ? Спасибо!
-
Всем привет, Подскажите заинтересовал swagger для документирования и отладки REST API написаной на php с использованием IDE PhpStorm 2016.2.1 под Kubuntu Я посмотрел некотрые обзоры на youtube - что swagger можно устанавливать локально и пользовать онлайновую версию А что по - вашему удобнее ? Я Открыл http://editor.swagger.io и нескажу что все сразу было понятно Это какой-то демо проект загружен ? там нужно регистрироваться чтобы сохранить свою сессию? Ткните пожалуйста на пошаговую иснтрукцию как пользоваться этим редактором, можно на русском... На ютубе заблудился в обзорах... Спасибо!
-
организовать слайдер с картинками на разных девайсах
mstdmstd replied to mstdmstd's question in HTML Coding
А можно ссылочку на пример? -
Всем привет, Делаю верстку с этого ref шаблона и возник вопрос как лучше организовать слайдер с картинками чтобы картинки нормально отображались на разных девайсах В примере используется ссылка на http://placehold.it сервис <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Three');"></div> Но в примере текст Я попробовал подсунуть урл своей локальной картинки <div class="fill" style="background-image:url('https://placeholdit.{{ next_settings_sliderImage['image_url'] }}&w=350&h=150');"></div> И получил ошибку GET https://placeholdit.http//local-wprods.com/uploads/settings/sliders/settings_slider_image_1.png&w=350&h=150 net::ERR_NAME_NOT_RESOLVED bootstrap.min.js:6 GET https://placeholdit.http//local-wprods.com/uploads/settings/sliders/settings_slider_image_2.png&w=350&h=150 net::ERR_NAME_NOT_RESOLVEDc.slide @ bootstrap.min.js:6c.next @ bootstrap.min.js:6e @ jquery-3.1.0.min.js:2 1) Я так понимаю что этот сервис с локальными сайтами работать не может? И еще вопросы : 2) если я хочу чтобы был слайдер был картинкой на разных девайсах нужно ли мне для каждой картинки слайдера прописать 4 картинки под каждый девайс и прятать/отображать их с помощью <span class="visible-xs "> ? 3) Может есть какой более простой и удобный способ для подобного слайдера? Спасибо!
-
В fancybox чтобы видна была одна иконка и кликом открывалась галерея
mstdmstd posted a question in HTML Coding
Всем привет, А можно ли используя fancybox( с примерами http://fancyapps.com/fancybox/#examples ) сделать чтобы видна была одна иконка и кликом на ней открывалась галлерея картинок? Если да, то как? Спасибо! -
Отобразить пропорционально картинку в модальном окне
mstdmstd replied to mstdmstd's question in HTML Coding
Да, спасибо, помогло - картинка в попапе открывается в пределах девайса. Но еще вопрос : у меня только одна картинка и нет иконки и большой картинки. Можно ли fancybox приспособить и для отображения картинки в уачестве иконки для странице в размерах девайса без перерасчета вручную? Если да, то как? -
как можно реализовать лейбл с процентом скидки на фоне круга
mstdmstd posted a question in HTML Coding
Всем привет, Подскажите пожалуйста как можно реализовать лейбл с процентом скидки на фоне круга как тут ref исходники я смотрел - ничего не высмотрел... Если можно, ссылку на что-то несложное в реализации... Спасибо! -
Всем привет, В проекте с jquery 3.1.0 для отправки post-запроса работает нормально: var HRef = "{{ base_url }}admin/attribute/update_attribute_item" var DataArray = { "attribute_id": '{{ id }}', "attribute_item_id":current_attribute_item_id, "item_value": encodeURIComponent(attribute_item_item_value), "item_label": encodeURIComponent(attribute_item_item_label), 'csrf_test_name': $.cookie('csrf_cookie_name') // TODO : UNCOMMENT ON LIVE }; jQuery.ajax({ url: HRef, type: "POST", data: DataArray, success: onChangedAttributeItem, dataType: "json" }); На другой форме с запросом при выборе картинки fileupload ( jQuery File Upload Plugin 5.31.6 ) var HRef = "{{ base_url }}admin/product/upload_image_to_tmp_product/product_id/" + product_id $('.product_image_fileupload').fileupload({ url: HRef, type: "POST", 'csrf_test_name': $.cookie('csrf_cookie_name'), dataType: 'json', done: function (e, data) { Получаю ошибку 403 (Forbidden) Помнится на jquery 1 таких проблем не было Или проблема в другом ? И я скачал проект целиком отсюда https://github.com/blueimp/jQuery-File-Upload, но не нашел а какая у них стабильная версия? В требованиях написано jQuery v. 1.6+... Спасибо!
-
Всем привет, Оцените пожалуйста функционал и верстку(хотя я меньше зацикливался на верстке - чтобы не было откровенных кривостей) формы поиска моего плагина для товаров WooCommerce, 2.6.4 под Wordpress 4.6 ref Сделано полностью мною. 1) Плагин имеет множественные настройки в админе в частности Общие настройки Как группировать цены preview Какие данные для поиска отображать в левых боксах По каким атрибутом делать поиск preview preview Какие поля отображать в списке найденных продуктах preview 2) Рядом с чекбоксами наименование атрибутов, категорий, тегов, цены и если кликать на этих ссылках, то поиск запускается сразу. Можно кликать на чекбоксах и после на кнопке "Search" запускается поиск по выбранным параметрам. Могут быть выбраны несколько параметров поиска в разных боксах. 3) В админке в настройках для аттрибутов можно указать для каждого значения аттрибута статью которая будет обьединять все товары по значению аттрибута И в списке найденных продуктов для товаров для каждого товара его бренд - это ссылка на статью с описанием этого бренда Например для Brand: MSI - будет ссылка на статью с описанием бренда MSI Ниже этой статьи ссылки на товары с брендом статьи. 4) Если залогиниться( можно под логином Subscriber_1 111111 ), то в нас блоке " Filter Controls " будуь доступны настройки для сохранения фильтров(не результатов поиска) и повторному поиску по этим фильтрам. Спасибо !
-
Всем привет, Разместил символ валюты перед инпутом Ссылка с разбивкой по дивам и использованием классов pull-left, pull-right работает, за исключением того, что на больших экранах 1 ячейка с символом валюты занимает много места и портит вид. А как сделать, чтобы символ валюты занимал минимальное место, но с учетом того, что символов может быть несколько? Спасибо!