主页 / 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
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
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
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
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
Martin Hope
Азамат Шарафутдинов
Asked: 2020-04-10 14:47:46 +0000 UTC
  • 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
Martin Hope
Азамат Шарафутдинов
Asked: 2020-04-09 20:07:09 +0000 UTC
  • 0

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

javascript
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