主页 / user-184894

Alexey Giryayev's questions

Martin Hope
Alexey Giryayev
Asked: 2020-01-20 21:31:46 +0000 UTC
  • 0

我使用这样的东西来显示带有一堆不同变体和检查的表单中的消息：

echo json_encode(array("code" => "not-success","msg"=>"$userdata is null or undefined"));

和表格的一部分：

<script>
function test(){
    ...
    jQuery.ajax({                   
        ...
        success : function(response){
            jQuery('#message').html('<div class="test">' + response.msg  + '</div>');
        }
    });
}
</script>

在多语言网站中翻译它们的最佳方式是什么？或者如何以不同的方式编写它，而无需对表单进行重大更改，以便将字符串同步到翻译文件中（例如，在 Loco Translate for WP 中）。

谢谢

php
Martin Hope
Alexey Giryayev
Asked: 2020-01-14 03:34:23 +0000 UTC
  • 2

有条件变量需要写在一行上，用逗号隔开。这样做的最佳方法是什么，以便当值的存在发生变化时，逗号不会保留在原位？

例子：

<?php echo $val1 . ', ' . $val2 . ', ' . $val3 ?>

我怀疑第一个建议是制作一个数组并使用implode，但也许还有选择？因为在创建数组时仍然需要条件来检查每个变量的存在。

php
Martin Hope
Alexey Giryayev
Asked: 2020-12-19 05:46:27 +0000 UTC
  • 4

有一个特定的数组和一个简单的函数用于显示其中的数据：

var arr=[
    ['1','Name 01','/logo01.png','link01.html'],
    ['2','Name 02','/logo02.png','link02.html'],
    ['3','Name key 03','/logo03.png','link03.html'],
    ['4','Name 04','/logo04.png','link04.html'],
    ['5','Name 05','/logo05.png ~ /image.jpg','link05.html'],
    ['6','Name yek 06','/logo06.png','link06.html'],
]

var text = '';
var i;
for (i = 0; i < arr.length; i++) {
  text += "<a href='"  + arr[i][3] +  "'>" + arr[i][1] + "</a>(" + arr[i][2] + ")<br>";
}
document.getElementById("test").innerHTML = text;
<div id="test"></div>

问题：

  1. 如何通过从数组中删除包含“key”和“yek”的对象来正确过滤数组。

  2. 在这种情况下如何留下一个指向图像的链接/logo05.png ~ /image.jpg？也就是说，清理所有不必要的之后/logoХХ.png？

最终，结果应该是这样的：

<div id="test">
    <a href="link01.html">Name 01</a>(/logo01.png)<br>
    <a href="link02.html">Name 02</a>(/logo02.png)<br>
    <a href="link04.html">Name 04</a>(/logo04.png)<br>
    <a href="link05.html">Name 05</a>(/logo05.png)<br>
</div>

感谢您提供任何解决方案或类似示例的平庸链接。

javascript
Martin Hope
Alexey Giryayev
Asked: 2020-12-05 21:30:30 +0000 UTC
  • 2

有一个类似的链接http://site.com/link/00/123m.jpg。她也可以http://site.com/link/1/743m.jpg，http://site.com/link/2/689m.jpg等等。

这些是第一张图片的链接。第二张图是这样的：

  1. http://site.com/link/00/123m.jpg
  2. http://site.com/link/00/123m_1.jpg

即添加“_1”

将鼠标悬停在第一个图像上时如何检查是否存在第二个图像，如果匹配则将其添加到它旁边？事实上，他感兴趣的是如何断开链接并在其中插入“_1”。

逻辑：.hover(), this.attr('src'), 插入 "_1", if(!.error), .after().

提前致谢！

javascript
Martin Hope
Alexey Giryayev
Asked: 2020-04-06 17:07:56 +0000 UTC
  • 1

再会。有一组特定的输入data-link，可以用多种形式指定。参见示例：

var currentUrl = window.location.href;
$(".options-list .field").each(function() {
  var radio = $(this).find(".radio");
  var link = $(radio).data("link");
  if (link == currentUrl) {
    $(this)
      .find(".radio")
      .prop("checked", true);
  }
  if (link != "") {
    $(radio).attr("onclick", "window.location='" + link + "'");
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="options-list" id="options-28-list">
  <div class="field">
    <input data-link="/alfa-living-room-set-redeyef-brown.html" class="radio" name="options[28]" id="options_28_2" value="43" data-selector="options[28]" type="radio">
    <label class="label" for="options_28_2"><span>Value 1</span></label>
  </div>
  <div class="field">
    <input data-link="https://example.com/alfa-living-room-set-redeyef-brown.html" class="radio" name="options[28]" id="options_28_3" value="44" data-selector="options[28]" type="radio">
    <label class="label" for="options_28_3"><span>Value 2</span></label>
  </div>
  <div class="field">
    <input data-link="" class="radio" name="options[28]" id="options_28_4" value="45" data-selector="options[28]" type="radio">
    <label class="label" for="options_28_4"><span>Value 3</span></label>
  </div>
</div>

如您所见，可以设置属性：

我需要，如果有一个填充属性，当单击时，会发生到给定页面的转换，并且如果当前域与指定的链接匹配，则输入会得到一个复选框。

所以问题是：

  1. 如何处理某些链接中缺少的域？毕竟，如果链接是/test.html，那么过渡将无处可去。复选框也是如此。指定的链接将与当前地址不匹配。
  2. 导航到另一个页面时添加属性的解决方案是否正确选择？还是通过单独编写函数会更好.click？一般情况下，能不能把代码写的更准确一些？

谢谢！

javascript
Martin Hope
Alexey Giryayev
Asked: 2020-02-16 19:17:27 +0000 UTC
  • 6

因此，通常需要在灰色背景上叠加图像，例如产品项目。同时，我们有一个白色的背景，这往往不适合页面的设计。用于理解问题的图片：

在此处输入图像描述

有什么方法可以<img>类比在灰色背景上叠加background-blend-mode: multiply？

一段带有外观的 HTML，因此不会尝试简单地复制上图中的内容：

body {
margin: 0;
padding: 0;
background: #f6f6f6;
text-align: center;
}
img {
max-width: 240px;
margin: 60px;
}
<img src="https://isstatic.askoverflow.dev/iunPY.jpg" />

css
Martin Hope
Alexey Giryayev
Asked: 2020-01-19 02:52:42 +0000 UTC
  • 3

scrollLeft在按下按钮的帮助下，我们缩进。代码如下所示：

$("#scrollLeft").bind("click", function(event) {
  event.preventDefault();
  $("div").animate({
    scrollLeft: "+=120px"
  });
});
div {
  white-space: nowrap;
  width: 100px;
  overflow: hidden;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  test text test text test text test text test text test text test text test text
</div>
<button id="scrollLeft">click</button>

问题是。如何检查是否可以滚动？也就是说，如果滚动已到尽头，则为按钮添加一个类。

javascript
Martin Hope
Alexey Giryayev
Asked: 2020-01-15 20:38:47 +0000 UTC
  • 1

因此，有一段代码可以从数组中创建一个列表：

var cartArray = shoppingCart.listCart();

var output = "";
for (var i = 0; i<cartArray.length; i++) {
    output += "<li id='" + cartArray[i].id + "'>" +
    "<div class='preview' style='background-image: url(" + cartArray[i].img + ")'></div>" +
    "<a href='javascript:void(0)' class='delete-item far fa-times-circle' data-name='" + cartArray[i].name + "'></a>" +
    "</li>";
}
$("#panel").html(output);

$("#panel li").hover(
    function() {
// Можно было через атрибуты извлечь как-то так
// var name = $(this).attr("data-name");
// и затем поставить в нужное место кода, без участия массива
        for (var ..........) {
            panel.append( $( "<div class='item transition'><div class='title'>" + cartArray[i].name + "</div><a href='" + cartArray[i].link + "' class='link transition'>More images</a></div><div class='image' style='background-image: url(" + cartArray[i].img + ")'></div>" ) );
        }
    }, function() {
        panel.find(".item").remove();
    }
);

将鼠标悬停在生成的列表项上时，我需要显示一个块，其中将有来自先前创建的列表之外的同一数组的数据。我可以为列表项指定属性，然后轻松提取它们并在必要时替换它们，但有些事情告诉我这可以更容易完成。通过从数组中请求必要的数据，按 ID 或列表中的顺序进行比较。

jquery
Martin Hope
Alexey Giryayev
Asked: 2020-01-07 21:32:29 +0000 UTC
  • 2

有一个元素，当点击时，数据被添加到数组中：

<a href="#" data-name="Apple" data-id="1" data-img="http://site.com/image.jpg" data-link="http://site.com/page">Item1</a>
<a href="#" data-name="IBM" data-id="2" data-img="http://site.com/image.jpg" data-link="http://site.com/page">Item2</a>

这些是脚本的重要部分：

var myCart = (function () {

    var cart = [];

    function Item(name, id, img, link) {
        this.name = name;
        this.id = id;
        this.img = img;
        this.link = link;
    }

    function saveCart() {
        localStorage.setItem("myCart", JSON.stringify(cart));
    }

    function loadCart() {
        cart = JSON.parse(localStorage.getItem("myCart"));
        if (cart === null) {
            cart = [];
        }
    }

    loadCart();

    var obj = {};

    obj.addItemToCart = function (name, id, img, link) {
        for (var i in cart) {
            if (cart[i].name === name) {
                saveCart();
                return;
            }
        }

        var item = new Item(name, id, img, link);
        cart.push(item);
        saveCart();
    };

})();

$("a").click(function(event){
    event.preventDefault();
    var name = $(this).attr("data-name");
    var id = Number($(this).attr("data-id"));
    var img = $(this).attr("data-img");
    var link = $(this).attr("data-link");

});

单击链接时可以添加该类，但重新加载页面后它会自然消失。数组的内容存储在缓存中。如何检查数组的内容以获取像 id 这样的单个属性并将类添加到包含该属性的元素？

javascript
Martin Hope
Alexey Giryayev
Asked: 2020-12-21 22:56:00 +0000 UTC
  • 4

选择器选择了某个过滤器：

<select name="filter2" onchange="filtch2(this,'/board/uslugi_v_raznykh_sferakh/142','0','2');">
<option value="0" style="color:#A3A3A3;">Спрос или Предложение</option>
<option value="1">Предлагаю услугу</option>
<option value="2">Ищу услугу</option>
</select>

问题是。在浏览其他页面（类别）时，是否可以检查selected上一页中的选项并将它们替换为相同的过滤器。即过滤器在切换到其他类别时会重置这些值。

javascript
Martin Hope
Alexey Giryayev
Asked: 2020-11-27 19:39:15 +0000 UTC
  • 0

为了让问题更清楚，我将从一张图片开始：

在此处输入图像描述

放置在浅色背景上的黑色文本（或图标）不改变其颜色看起来很好，因为它应该。但是，如果您想将文本放在深色背景上并将其颜色更改为任何其他颜色（不一定是白色），那么在视觉上它会变得更厚。如果您合并 2 张图像，这一点尤其明显。

我想知道这方面与什么有关？这可以为他解决吗？

添加代码：

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
}

div:not(.mixed) {
  padding: 30px;
  text-align: center;
  font-size: 1.2em;
}

span,
i {
  font-size: 2em !important;
}

.black {
  background: #eee;
  color: #000;
}

.white {
  background: #333;
  color: #fff;
}

.mixed {
  position: relative;
  margin-top: 10px;
}

.mixed .black {
  background: transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<div class="black">small and <span>BIG</span> <i class="fa fa-commenting-o"></i></div>
<div class="white">small and <span>BIG</span> <i class="fa fa-commenting-o"></i></div>

<div class="mixed">
  <div class="black">small and <span>BIG</span> <i class="fa fa-commenting-o"></i></div>
  <div class="white">small and <span>BIG</span> <i class="fa fa-commenting-o"></i></div>
</div>

我通常在这里收集图标。有了 Font-awesome，并不是一切都那么糟糕，但他们在道德上已经变老了。

css
Martin Hope
Alexey Giryayev
Asked: 2020-06-12 16:31:49 +0000 UTC
  • 2

正如标题所暗示的那样，这个问题并不典型。有一个文本input，其中插入了指向用户头像的链接。链接是从在新窗口中打开的表单插入的（里面有一个 iframe，无法编辑）。事件.on，.live结果.change是力不从心。

这是原则本身：

在此处输入图像描述

还有其他方法可以检查或更改字段的内容吗？

最小的例子：

setTimeout("$('#test').val('link')", 1000);
$('#test').change(function(){alert('Элемент был изменен.');});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="test" type="text">

javascript
Martin Hope
Alexey Giryayev
Asked: 2020-05-31 06:02:35 +0000 UTC
  • 11

目标是稍微简化在移动设备上使用表格的过程。将表简单转换为块是不够的，因为如果有多个列，将无法确定显示哪些值。

表格示例：

$('button').click(function() {
    $('.two-col-table td').css("display", 'block');
});
.two-col-table {
 width: 100%;
 margin: 30px 0;
 background: #fefefe;
 border-radius: 4px;
 border-collapse: collapse;
 font-size: .9em;
}
.two-col-table td {
 border: 1px solid #ccc;
 padding: 10px 12px;
}
.two-col-table td p {
 margin: 0;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<button>Display block</button>

<table class="two-col-table">
<tbody>
<tr>
<td>Условия эксплуатации покрытия</td>
<td>Огнезащита</td>
<td>Антисептик</td>
</tr>

<tr>
<td>Наружные поверхности, не подверженные вымыванию, при переменной влажности и температуре под воздействием солнечного излучения и ветра</td>
<td>5 лет</td>
<td>10 лет</td>
</tr>
 
<tr>
<td>Внутри неотапливаемых жилых и нежилых помещений</td>
<td>16 лет</td>
<td>25 лет</td>
</tr>

<tr>
<td>Наружные поверхности помещений, находящихся в условиях Крайнего Севера</td>
<td>3 лет</td>
<td>5 лет</td>
</tr>

<tr>
<td>Внутренние поверхности закрытых неотапливаемых помещений, находящихся в условиях Крайнего Севера</td>
<td>5 лет</td>
<td>8 лет</td>
</tr>
</tbody>
</table>

如果您将.two-col-table td {display:block}所有单元格都设置为新行，那么您如何从示例中替换，并且用户将不清楚看到什么数据，因为表格顶部没有标题。

问题如下，如何将标题分散在表格的各行中？最终得到这样的东西：

$('button').click(function() {
    $('.two-col-table td').css("display", 'block');
});
.two-col-table {
 width: 100%;
 margin: 30px 0;
 background: #fefefe;
 border-radius: 4px;
 border-collapse: collapse;
 font-size: .9em;
}
.two-col-table td {
 border: 1px solid #ccc;
 padding: 10px 12px;
}
.two-col-table td p {
 margin: 0;
}

.two-col-table span {
 display: block;
 color: grey
}
.two-col-table tr:first-child {
 display: none;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<button>Display block</button>

<table class="two-col-table">
<tbody>
<tr>
<td>Условия эксплуатации покрытия</td>
<td>Огнезащита</td>
<td>Антисептик</td>
</tr>

<tr>
<td><span>Условия эксплуатации покрытия</span> Наружные поверхности, не подверженные вымыванию, при переменной влажности и температуре под воздействием солнечного излучения и ветра</td>
<td><span>Огнезащита</span> 5 лет</td>
<td><span>Антисептик</span> 10 лет</td>
</tr>
 
<tr>
<td><span>Условия эксплуатации покрытия</span> Внутри неотапливаемых жилых и нежилых помещений</td>
<td><span>Огнезащита</span> 16 лет</td>
<td><span>Антисептик</span> 25 лет</td>
</tr>

<tr>
<td><span>Условия эксплуатации покрытия</span> Наружные поверхности помещений, находящихся в условиях Крайнего Севера</td>
<td><span>Огнезащита</span> 3 лет</td>
<td><span>Антисептик</span> 5 лет</td>
</tr>

<tr>
<td><span>Условия эксплуатации покрытия</span> Внутренние поверхности закрытых неотапливаемых помещений, находящихся в условиях Крайнего Севера</td>
<td><span>Огнезащита</span> 5 лет</td>
<td><span>Антисептик</span> 8 лет</td>
</tr>
</tbody>
</table>

如何收集数据或将其放入某个块中是可以理解的，但是如何遍历每个单元格中的所需列？

也许有更好的解决方案，有人会分享一种在移动设备上处理表格的方法，除了将它们替换为图像或将它们包裹在带有内部滚动的块中，以便使用和显示方便。

javascript
Martin Hope
Alexey Giryayev
Asked: 2020-05-14 20:41:05 +0000 UTC
  • 3

乍一看简单的问题，并不适合自己解决。需要对一个整数进行四舍五入，比如有一个数字12445，四舍五入到12400。把12563变成12600。

在通常情况下，只有一个数字，您可以使用：

(Math.round(12563 / 100) * 100)

但是页面上的代码是这样的：

<div class="shop-item-price">
    <span class="id-good-455-price">15146 грн.</span>
</div>

<div class="shop-item-price">
    <span class="id-good-325-price">12563 грн.</span> 

    <span class="oldprice">
        <span class="id-good-325-old-price">13213 грн.</span>
    </span>
</div>

<div class="price">
    <span class="id-good-455-price">15146 грн.</span>
</div>

也就是说，标签内也有文本。是否可以在不更改 HTML 代码的情况下遍历所有标签并将数字向上或向下舍入？非常感谢您提供示例或过程描述。

javascript
Martin Hope
Alexey Giryayev
Asked: 2020-05-02 16:05:04 +0000 UTC
  • 2

大家好。告诉我，有没有办法通过JS检查图片链接？

例如，有 2 个图像具有给定的地址：

<img src="https://www.google.ru/images/branding/googleg/1x/googleg_standard_color_128dp.png" />
<img src="https://www.google.ru/images/branding/googleg/1x/googleg_standard_color_128d.png" />

第一个链接正确，第二个链接不正确。如果发现断开的链接 - 添加.hide()或类，则无关紧要。谢谢你的帮助。

javascript
Martin Hope
Alexey Giryayev
Asked: 2020-03-21 17:31:29 +0000 UTC
  • 2

我们有这样一个对象，其属性以标题和链接的形式出现：

var links = {"Title1": "link1",
             "Title2": "link2",
             "Title3": "link3"
             };

该页面包含一个项目符号列表，如下所示：

<ul class="list">
<li><b>12:00</b> <h3>Title1</h3> <i>Some text</i></li>
<li><b>13:00</b> <h3>Title2</h3> <i>Some text</i></li>
<li><b>14:00</b> <h3>Title3</h3></li>
</ul>

是否可以通过标题找到匹配项并将链接准确添加到此列表项？我会很感激一个例子，至少是所需项目的定义。

最后结果：

<ul class="list">
<li><b>12:00</b> <h3>Title1</h3> <i>Some text</i> <a href="link1" title="Title1">Read more</a></li>
<li><b>13:00</b> <h3>Title2</h3> <i>Some text</i> <a href="link2" title="Title2">Read more</a></li>
<li><b>14:00</b> <h3>Title3</h3> <a href="link3" title="Title3">Read more</a></li>
</ul>

或者，在极端情况下，将标题包裹在链接中。

javascript
Martin Hope
Alexey Giryayev
Asked: 2020-02-18 03:01:41 +0000 UTC
  • 3

所以。我们有这样一个脚本，用于将下拉列表转换为标记列表。

jQuery.fn.selecttolist = function(options) {
    return this.each(function() {
        var select = $(this);
        select.hide();
        var buttonsHtml = $('<div class="options-cont"></div>');
        var selectIndex = 0;
        var addOptGroup = function(optGroup) {
            if (optGroup.attr('label')) {
                buttonsHtml.append('<strong>' + optGroup.attr('label') + '</strong>');
            }
            var ulHtml = $('<ul class="select-buttons">');
            optGroup.children('option').each(function() {
                var liHtml = $('<li></li>');
                if ($(this).attr('disabled') || select.attr('disabled')) {
                    liHtml.addClass('disabled');
                    liHtml.append('<span>' + $(this).html() + '</span>');
                } else {
                    liHtml.append('<a href="javascript://" data-select-index="' + selectIndex + '">' + $(this).html() + '</a>');
                }
                if ((!options || !options.noDefault) && select.attr("selectedIndex") == selectIndex) {
                    liHtml.children('a, span').addClass('picked');
                }
                ulHtml.append(liHtml);
                selectIndex++;
            });
            buttonsHtml.append(ulHtml);
        }
        var optGroups = select.children('optgroup');
        if (optGroups.length == 0) {
            addOptGroup(select);
        } else {
            optGroups.each(function() {
                addOptGroup($(this));
            });
        }
        select.after(buttonsHtml);
        buttonsHtml.find('a').click(function(e) {
            e.preventDefault();
            buttonsHtml.find('a, span').removeClass('picked');
            $(this).addClass('picked');
            $(select.find('option')[$(this).attr('data-select-index')]).attr('selected', 'selected');
            select.trigger('change');
        });
    });
};

$('select').selecttolist();
$('li:first-child').children().addClass('picked');
body,
ul {
  margin: 0;
  padding: 0;
}
ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
a {
  display: block;
  color: #333;
  text-decoration: none;
  padding: 10px;
}
div {
  padding: 30px;
}
a:hover,
.picked {
  background: #eee;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="shop-options-s " id="id-oval" onchange="changeOptions('/shop/desc/krasula', 'id', '36', this)">
    <option value="0">Простое значение</option>
    <option value="1">Простое значение 2</option>
    <option value="2">#CC0000</option>
    <option value="3">#336600</option>
    <option value="4">Белый</option>
    <option value="5">Черный</option>
    <option value="6">Красный</option>
    <option value="7">Серый</option>
    <option value="8">Полоска</option>
    <option value="9">Кружок</option>
</select>

问题是。是否可以将选择器选项内容的检查附加到此解决方案，并用找到的值填充块的背景。我正在尝试 2 个选项。

1日。当根据第一个字符和字符数检查选项的内容时。例如，在这种形式的 option:<option value="1">#336600</option>中，如果第一个字符是#，并且字符总数是 7，那么我们将这个 hash 插入到background创建的下拉列表的链接中。

第二。创建一个具有给定值的文件，如下所示：

jQuery.fn.selecttolist.init({
colors: {
'Черный': '#000000',
'Красный': '#FF0000',
'Белый': '#FFFFFF',
'Серый': '#CCCCCC',
'Полоска': 'url(/images/poloska.png) no-repeat center center',
'Кружок': 'url(/images/krug.png) no-repeat center center'
},
hideColorsTitle: true 
});

如果选项的内容与列表中的给定值相匹配，则将此值替换到background创建的项目符号列表的链接中。

您希望收到什么：

在此处输入图像描述

如果有任何帮助，我将不胜感激，因为我自己已经被这项任务折磨得够呛。

javascript
Martin Hope
Alexey Giryayev
Asked: 2020-02-17 05:22:48 +0000 UTC
  • 24

今天我偶然发现了使用伪类的例子:root。适用范围相当广泛。想听听用过或用过的人的意见。真实操作体验，非文章素材。是否适合对项目进行个性化、选择主色、背景等？您在验证、速度和其他方面做得如何？是否可以减少样式数量？

这只是一个例子：

:root {
  --main-color: #9BC53D;
  --secondary-color: #EBFFFA;
}
body {
  margin: 0;
  padding: 0;
}
div {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 20%;
  top: 20%;
  left: 20%;
  bottom: 20%;
  text-align: center;
  background: var(--main-color);
  color: var(--secondary-color);
}
<div>I am an example!</div>

可以在此处找到更多示例。

css