RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / user-271188

Азамат Шарафутдинов's questions

Martin Hope
Азамат Шарафутдинов
Asked: 2020-05-15 21:42:46 +0000 UTC

网格上的输入组

  • 0

你能告诉我是否可以在网格上做到这一点?如果您有任何参考资料,我将不胜感激。

在此处输入图像描述

标记

<label class="string"> 
   <div class="string__prepend">
      @
    </div>
    <div class="string__append">
      @
    </div>
    <input class="string__control" type="text" value="" placeholder="Плейсхолдер"> 
    <span class="string__label">Лейбл</span>
</label>

第三个示例中的代码 string_label 排在最后很重要,但在它之前有一个文本字段。同样重要的是 prepend 和 append 是橡胶

css
  • 1 个回答
  • 10 Views
Martin Hope
Азамат Шарафутдинов
Asked: 2020-08-07 19:41:06 +0000 UTC

限制上传文件的数量

  • 1

有一个脚本,由于某种原因,它在这里不起作用。
任务如下:限制上传文件数量为10个。我们选择了11个,只添加10个,删除第11个。添加了 3 个文件 - 只能上传 7 个。

      $(document).ready(function() {
      $(".add_photo-item").on("click", function() {
            $('#js-photo-upload').trigger("click");
        });

  var maxFileSize = 2 * 1024 * 1024; // (байт) Максимальный размер файла (2мб)
    var queue = {};
    
    var imagesList = $('#uploadImagesList');
    var itemPreviewTemplate = imagesList.find('.item').clone();
    imagesList.find('.item').remove();


    $('#js-photo-upload').on('change', function () {
        var files = this.files;      
 
            for (var i = 0; i < files.length; i++) {
                var file = files[i];
                if ( !file.type.match(/image\/(jpeg|jpg|png|gif)/) ) {
                    alert( 'Фотография должна быть в формате jpg, png или gif' );
                    continue;
                }
                if (file.size > maxFileSize) {
                    alert( 'Размер фотографии не должен превышать 2 Мб' );
                    continue;
                }    
                preview(files[i]);
            }
        this.value = '';
    });

    function preview(file) {   
        var reader = new FileReader();
        reader.addEventListener('load', function(event) {
            var img = document.createElement('img');
            var itemPreview = itemPreviewTemplate.clone();
            itemPreview.find('.img-wrap img').attr('src', event.target.result);
            itemPreview.data('id', file.name);
            imagesList.append(itemPreview);
            queue[file.name] = file;

        });
        reader.readAsDataURL(file);     
    }


});
#js-photo-upload {
           display: none;
       }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <input type="file" name="add-photo" multiple id="js-photo-upload">
    <div class="add_photo-content">
    <ul id="uploadImagesList">
    <li class="item"><span class="img-wrap"><img src="" alt=""></span><span class="delete-link" title="Удалить">Удалить</span></li>
    </ul>
    <div class="add_photo-item">+</div>
    </div>

javascript
  • 1 个回答
  • 10 Views
Martin Hope
Азамат Шарафутдинов
Asked: 2020-06-08 20:00:33 +0000 UTC

如何在悬停时修复告密者的位置?

  • 1

有这样一个任务:当我们将鼠标悬停在一个块上时,会显示一个告密者。有必要在悬停时记住坐标,不再跟随光标。

$(".ifrs-md").hover(function() {
    var txt = $(this).data("text");
    var pos = $(this).offset();

    ns4 = (document.layers) ? true : false
    ie4 = (document.all) ? true : false

    function init() {
        if (ns4) {
            document.captureEvents(Event.MOUSEMOVE);
        }
        document.onmousemove = mousemove;
    }
    function mousemove(event) {
      
        let mouse_x = y = 0;
        if (document.attachEvent != null) {
            mouse_x = window.event.pageX;
            mouse_y = window.event.pageY;
            
        } else if (!document.attachEvent && document.addEventListener) {
            mouse_x = event.pageX;
            mouse_y = event.pageY;
        }
        status = "x = " + mouse_x + ", y = " + mouse_y;
        let X = mouse_x;
        let Y = mouse_y;
        $(".informers").text(txt).css({
            top:  20 + Y + "px",
            left: 20 + X + "px"                
        });
    }
    
    init();
    $(".informers").css({
        display: "block"
    });

}, function() {
    $(".informers").css({
        display: "none",
        top:  0,
        left: 0
    }).text("");
});
.quote-day {
   height: 150px;
    width: 150px;
    border: 1px solid red;
}
.informers {
    line-height: 22px;
    position: absolute;
    z-index: 30;
    display: none;
    width: 300px;
    padding: 30px;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .1);
    box-shadow: 0 0 25px rgba(0, 0, 0, .1);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="quote-day ifrs-md" data-text="Текст">
asdasdasd
</div>
<div class="informers"></div>

javascript
  • 1 个回答
  • 10 Views
Martin Hope
Азамат Шарафутдинов
Asked: 2020-05-29 11:14:57 +0000 UTC

滚动上的逐步块更改

  • 0

大家好。有一个脚本可以在滚动时改变屏幕,但是如果你用力滚动,它会滚动到最后,但是在任何滚动速度下你只需要改变屏幕1次。请告诉我。谢谢

$('#myContainer').bind('mousewheel', function(e) {
  var sec_1 = $(".section");
  let main__current = $('.main__current');
  if (e.originalEvent.wheelDelta / 120 > 0) {
    if (main__current.is(':first-child')) {
      return;
    }
    main__current.removeClass("main__current").addClass("main__next")
    main__current.prev().addClass("main__current").removeClass("main__next main__previous")
    
  } else {
    if (main__current.is(':last-child')) {
      return;
    }
    main__current.removeClass("main__current").addClass("main__previous");
    main__current.next().addClass("main__current").removeClass("main__next main__previous")
  }
});
body {
  overflow: hidden
}

.main__section {
  position: absolute;
  left: 0;
  width: 100vw;
  height: 100vh;
  -webkit-transition: top .3s linear;
  transition: top .3s linear;
}

.main__previous {
  top: -100%;
}

.main__current {
  z-index: 1;
  top: 0;
}

.main__next {
  top: 100%;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myContainer">
  <div class="section section_1 main__section main__current">
    1
  </div>
  <div class="section section_2 main__section main__next">
    2
  </div>
  <div class="section section_3 main__section main__next">
    3
  </div>
</div>

javascript
  • 1 个回答
  • 10 Views
Martin Hope
Азамат Шарафутдинов
Asked: 2020-05-28 20:55:39 +0000 UTC

滚动屏幕变化

  • 3

有一项任务是滚动时屏幕会发生变化。仅工作 1 次。需要添加什么才能使其始终有效?

$('#myContainer').bind('mousewheel', function(e){
            var sec_1 = $(".section");
            if(e.originalEvent.wheelDelta / 120 > 0) {
                sec_1.prev().addClass("main__current").removeClass("main__previous main__previous")
                sec_1.next().filter(':first').removeClass("main__current").addClass("main__next")
            }
            else {
                if(sec_1.hasClass("main__current" )) {
                    sec_1.prev().removeClass("main__current").addClass("main__previous")
                    sec_1.next().filter(':first').addClass("main__current").removeClass("main__next main__previous")
                }
                else {
                    console.log(false)
                }
            }
        });
body {
overflow: hidden 
}

.main__section {
    position: absolute;
    left: 0;
    width: 100vw;
    height: 100vh;
    -webkit-transition: top .3s linear;
    transition: top .3s linear;
}

.main__previous {
    top: -100%;
}

.main__current {
    z-index: 1;
    top: 0;
}

.main__next {
    top: 100%;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="myContainer">
      <div class="section section_1 main__section main__current">
1
      </div>
      <div class="section section_2 main__section main__next">
  2
      </div>
      <div class="section section_3 main__section main__next">
  3
      </div>
    </div>

jquery
  • 1 个回答
  • 10 Views
Martin Hope
Азамат Шарафутдинов
Asked: 2020-05-01 00:39:57 +0000 UTC

卡的定制巴伦

  • 0

大家好。任务是这样的。单击标签时,会出现一个自定义气球,它不依赖于标签。
例子:

定制巴伦

我搜索了整个符文,我什至没有找到类似的。告诉我谁面对。

javascript
  • 1 个回答
  • 10 Views
Martin Hope
Азамат Шарафутдинов
Asked: 2020-04-10 14:47:46 +0000 UTC

在 Yandex.Maps 中用您自己的标签替换标准标签

  • 1

大家好。有一个地图,设置了标签,但是如何用你自己的替换标准标签?如果标签的坐标取自 json 文件,并且在文档本身中,标签设置为坐标,而不是替换 (

function init() {
    var myMap = new ymaps.Map('msk_map',{
        center: [55.7, 37.5],
        zoom: 9,
        controls: ['zoomControl']
    }),
    // Создаем коллекцию.
    myCollection = new ymaps.GeoObjectCollection();
    $.getJSON('js/data.json', function(data) {
        for (var i in data.departments) {
            myPoints = [{
                coords: 
                    [
                        data.departments[i].lat, data.departments[i].lon],
                text: data.departments[i].title
            }];              
            for (var i = 0, l = myPoints.length; i < l; i++) {
                var point = myPoints[i];
                console.log(point.coords)
                myCollection.add(new ymaps.Placemark(point.coords,{
                    iconLayout: "default#image",
                    iconImageHref: 'images/svg/officee/offices-citymap-POI.svg' ,
                    iconImageSize: [30, 38],
                    iconImageOffset: [-5, -38] ,
                    balloonContentBody: point.text
                }));
            }

            // Добавляем коллекцию меток на карту.
            myMap.geoObjects.add(myCollection);
        }


    });
};
javascript
  • 2 个回答
  • 10 Views
Martin Hope
Азамат Шарафутдинов
Asked: 2020-04-09 20:07:09 +0000 UTC

Yandex.Maps 显示来自 Json 文件的坐标

  • 0

下午好!我的问题是,有一个地图,如果你看代码,那么坐标是在脚本本身中设置的,我怎样才能从 JSON 文件中显示相同的坐标?
就像现在 在此处输入图像描述 一样 应该是这样
在此处输入图像描述 可以看到,我已经把数据放到了一个单独的文件里,但是想不出坐标怎么取(我用这个方案,还有一个数组,但是我需要它,正如你从文件中理解的那样。
请告诉我

javascript
  • 1 个回答
  • 10 Views
Martin Hope
Азамат Шарафутдинов
Asked: 2020-04-08 17:19:24 +0000 UTC

Pug(ex-Jade)中的类连接(BEM)?

  • 2

大家好,这是问题。如何正确地从父类继承一个类,如Sass:

.b1_form .b1_form-title Заголовок

为了不在第二个类中编写父类,而是类似的东西&-title(如在 CSS 预处理器中)?

jade
  • 1 个回答
  • 10 Views
Martin Hope
Азамат Шарафутдинов
Asked: 2020-03-15 19:25:27 +0000 UTC

如何禁止输入无效字符,不删除第一个无效字符?

  • 1

这样一个任务:用户开始用俄语输入,输入第一个字母后出现错误,输入被阻塞,输入的字母没有被删除:

$('.js-au-email').keyup(function() {
    var regexp = /^[a-zA-Z0-9-_@\.]+$/i;
    if(!regexp.test(this.value)) {
        alert('ошибка в символе')
    }  
    else {

    }

});

告诉我如何进一步禁止输入,但不阻止文本字段,以使删除字符成为可能?

javascript
  • 1 个回答
  • 10 Views

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    我看不懂措辞

    • 1 个回答
  • Marko Smith

    请求的模块“del”不提供名为“default”的导出

    • 3 个回答
  • Marko Smith

    "!+tab" 在 HTML 的 vs 代码中不起作用

    • 5 个回答
  • Marko Smith

    我正在尝试解决“猜词”的问题。Python

    • 2 个回答
  • Marko Smith

    可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件?

    • 1 个回答
  • Marko Smith

    Python解析野莓

    • 1 个回答
  • Marko Smith

    问题:“警告:检查最新版本的 pip 时出错。”

    • 2 个回答
  • Marko Smith

    帮助编写一个用值填充变量的循环。解决这个问题

    • 2 个回答
  • Marko Smith

    尽管依赖数组为空,但在渲染上调用了 2 次 useEffect

    • 2 个回答
  • Marko Smith

    数据不通过 Telegram.WebApp.sendData 发送

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5