主页 / user-247816

Артём PeGaS's questions

Martin Hope
Артём PeGaS
Asked: 2020-09-23 04:12:47 +0000 UTC
  • 0

我将图像发送到服务 api：

let img = fs.readFileSync('public/img/logo.jpg');


var options = {
    body: img,
    headers: {
        Authorization: `Basic ${new Buffer.from(`api:<my API>`).toString('base64')}`,
    },
    method: 'POST',
    hostname: 'api.tinify.com',
    path: '/shrink'
  };

https.request(options, function(res,req){
    var data = '';
    res.on('data', function(chunk){
        data += chunk;
    });
    res.on('end', function(e){
        console.log(data);
    });
}).end();

控制台说：{"error":"InputMissing","message":"输入文件为空"}

javascript
Martin Hope
Артём PeGaS
Asked: 2020-06-06 14:06:22 +0000 UTC
  • 0

我有一个data.json数据文件。我通过以下方式在 JS 中请求数据XMLHttpRequest：

    let request = new XMLHttpRequest();
    request.open('GET', 'data.json');

    request.send();

request.onreadystatechange = () => {
    if( request.readyState === 4 ) {
        alert(request.responseText);
    }
};

如何从中获取数据data.json？

需要什么 php 脚本将数据从文件返回到data.json客户端？

php
Martin Hope
Артём PeGaS
Asked: 2020-04-16 17:14:08 +0000 UTC
  • 1

为什么元素没有缩小？他们会在达到最小宽度之前立即跳跃吗？ https://jsfiddle.net/baar6uoj/

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 200px));
  grid-gap: 20px;
}

.grid div {
  background-color: #28314E;
  border: 1px solid #212941;
  border-radius: 5px;
  padding: 8px 15px;
  color: #ffffff;
  font-size: 18px;
  font-family: roboto;
}

.grid div:nth-child(odd) {
  background-color: #475477;
}
<div class="grid">
  <div>item-1</div>
  <div>item-2</div>
  <div>item-3</div>
  <div>item-4</div>
</div>

html
Martin Hope
Артём PeGaS
Asked: 2020-12-20 00:02:25 +0000 UTC
  • 1

getJSONP("ph.php", call); 函数被调用了 2 次。结果，创建了 2 个脚本元素 - 在 getJSONP.eee 函数中执行。getJSONP.eee 函数被覆盖。这意味着两个脚本元素将执行相同的 getJSONP.eee 函数 - 其中脚本变量是最后一个脚本标记。

问题：为什么在第二次调用警报（脚本）；表示该元素存在，尽管它在第一次调用时被删除。错误是 TypeError: script.parentNode is null

function call(a) {
  alert(a);
}
function getJSONP(url, callback) {
        url += "?jsonp=getJSONP.eee";

    var script = document.createElement("script");
    alert(7);
    getJSONP.eee = function(response) {
        script.title="two"; // Для отслеживания тег взаимодейстия
        alert(document.getElementsByTagName("script").length); // Сколько всего тегов
		  callback(response); // Результат
		  alert(script); // Проверить на наличие тега
		  script.parentNode.removeChild(script); // Удалить тег
		  alert(script); // Проверить на наличие тега. Почему есть?
    };

   
    script.src = url;
    document.body.appendChild(script);
    if(t==1) script.title="one"; // Для отслеживания тег взаимодейстия
}
var t = 1;
getJSONP( "ph.php", call);
getJSONP( "ph.php", call); // При этом getJSONP.eee - перезаписывается

<?php

$seq = array("foo", "bar", "baz", "blong");
$json = json_encode($seq);

echo $_GET['jsonp'].'('.$json.')';

javascript
Martin Hope
Артём PeGaS
Asked: 2020-12-19 01:57:34 +0000 UTC
  • 1

帮助从服务器获得响应。有一个使用脚本标签以 JSONP 格式执行请求的功能

function call(a) {
  alert(a);
}
function getJSONP(url, callback) {
    // Create a unique callback name just for this request
    var cbnum = "cb" + getJSONP.counter++; // Increment counter each time
    var cbname = "getJSONP." + cbnum;      // As a property of this function
    if (url.indexOf("?") === -1)   // URL doesn't already have a query section
        url += "?jsonp=" + cbname; // add parameter as the query section
    else                           // Otherwise, 
        url += "&jsonp=" + cbname; // add it as a new parameter.

   
    var script = document.createElement("script");
    getJSONP[cbnum] = function(response) {
        try {
            callback(response); // Handle the response data
        }
        finally {               // Even if callback or response threw an error
            delete getJSONP[cbnum];                // Delete this function
            script.parentNode.removeChild(script); // Remove script
        }
    };

   
    script.src = url;                  // Set script url
    document.body.appendChild(script); // Add it to the document
}

getJSONP.counter = 0;  // A counter we use to create unique callback names


getJSONP( "ph.php", call);
getJSONP( "http://my/ph.php", call);

这是 ph.php 本身，数据应该来自哪里作为响应

<?php
	$seq = array("foo", "bar", "baz", "blong");
	$json = json_encode($seq);
	echo $json

但是浏览器显示错误： SyntaxError: expected expression, got '<'[More] ph.php:1 SyntaxError: expected expression, got '<'[更多]

php
Martin Hope
Артём PeGaS
Asked: 2020-09-25 03:33:27 +0000 UTC
  • -1

如何将此脚本放入单独的函数中？并且能够多次调用它

function loadScript() {
  var script = document.createElement("script");
  script.type = "text/javascript";
  script.src = "http://maps.googleapis.com/maps/api/js?sensor=true&callback=initializeMap";
  document.body.appendChild(script);
}
if (window.addEventListener) window.addEventListener("load", loadScript, false);
else if (window.attachEvent) window.attachEvent("onload", loadScript);

function initializeMap() {
  var myLatlng = new google.maps.LatLng(56.7342973, 37.1636543);
  var uluru = {
    lat: 56.7332973,
    lng: 37.1759543
  };
  var myOptions = {
    zoom: 15,
    scrollwheel: false,
    center: uluru,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    mapTypeControlOptions: {
      position: google.maps.ControlPosition.BOTTOM_LEFT
    }
  };
  var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

  var markerImage = new google.maps.MarkerImage(
    'images/pointMaps.png',
    new google.maps.Size(42, 61)
  );
  var markerImageHover = new google.maps.MarkerImage(
    'images/pointMaps.png',
    new google.maps.Size(42, 61)
  );

  var marker = new google.maps.Marker({
    icon: markerImage,
    position: myLatlng,
    map: map,
    title: "Hello World!"
  });

  var content = document.createElement('div');
  content.innerHTML = "<strong>Hello world</strong> + JS ^_^";
  var infowindow = new google.maps.InfoWindow({
    content: content
  });

  google.maps.event.addListener(marker, 'click', function() {
    infowindow.open(map, marker);
  });

  google.maps.event.addListener(marker, 'mouseover', function() {
    marker.setIcon(markerImageHover);
  });

  google.maps.event.addListener(marker, 'mouseout', function() {
    marker.setIcon(markerImage);
  });
}

javascript
Martin Hope
Артём PeGaS
Asked: 2020-09-23 03:19:03 +0000 UTC
  • 0

为什么 $('#wrapper') 上的“点击”事件不触发？

https://jsfiddle.net/hhnq8a26/16/

$('.owl-carousel').owlCarousel({
  loop: true,
  margin: 10,
  nav: true,
  responsive: {
    0: {
      items: 1
    },
    600: {
      items: 1
    },
    1000: {
      items: 1
    }
  }
});
$('#wrapper').click(function(){
alert(44);
})
#element1,
#element2 {
  width: 100px;
  height: 100px;
  background: #000;
}
#wrapper{
  position: relative;
  z-index: 99999;
  background: gray;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="owl-carousel carousel1">
  <div class="item">

    <div id="wrapper">
      <div id="element1"></div>
      <div id="element2"></div>
    </div>

  </div>
  <div class="item">
    <h4>13</h4></div>
</div>

javascript
Martin Hope
Артём PeGaS
Asked: 2020-09-09 00:03:06 +0000 UTC
  • 0

这里有 2 个轮播：https ://jsfiddle.net/hhnq8a26/1/如何制作，以便当您单击其中一个的上一个按钮（红色背景）时，两个轮播同时滚动。两个轮播可以位于相距很远的不同街区。单击分页按钮并滚动 2 个轮播

		$(document).ready(function() {

$('.owl-carousel').owlCarousel({
    loop:true,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:5
        }
    }
})
		});
.q1 .owl-prev {
  background: red;
}
<div class="owl-carousel q1">
    <div class="item"><h4>1</h4></div>
    <div class="item"><h4>2</h4></div>
    <div class="item"><h4>3</h4></div>
    <div class="item"><h4>4</h4></div>
    <div class="item"><h4>5</h4></div>
    <div class="item"><h4>6</h4></div>
    <div class="item"><h4>7</h4></div>
    <div class="item"><h4>8</h4></div>
    <div class="item"><h4>9</h4></div>
    <div class="item"><h4>10</h4></div>
    <div class="item"><h4>11</h4></div>
    <div class="item"><h4>12</h4></div>
</div>
<div class="owl-carousel">
    <div class="item"><h4>1</h4></div>
    <div class="item"><h4>2</h4></div>
    <div class="item"><h4>3</h4></div>
    <div class="item"><h4>4</h4></div>
    <div class="item"><h4>5</h4></div>
    <div class="item"><h4>6</h4></div>
    <div class="item"><h4>7</h4></div>
    <div class="item"><h4>8</h4></div>
    <div class="item"><h4>9</h4></div>
    <div class="item"><h4>10</h4></div>
    <div class="item"><h4>11</h4></div>
    <div class="item"><h4>12</h4></div>
</div>

javascript
Martin Hope
Артём PeGaS
Asked: 2020-09-07 18:30:46 +0000 UTC
  • 1

为什么猫头鹰旋转木马不工作？

$(document).ready(function() {

  $('.owl-carousel').owlCarousel({
    loop: true,
    margin: 10,
    nav: true,
    responsive: {
      0: {
        items: 1
      },
      600: {
        items: 3
      },
      1000: {
        items: 5
      }
    }
  })
  
});
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/assets/owl.theme.default.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js"></script>

<div class="owl-carousel">
  <div class="item"><h4>1</h4></div>
  <div class="item"><h4>2</h4></div>
  <div class="item"><h4>3</h4></div>
  <div class="item"><h4>4</h4></div>
  <div class="item"><h4>5</h4></div>
  <div class="item"><h4>6</h4></div>
  <div class="item"><h4>7</h4></div>
  <div class="item"><h4>8</h4></div>
  <div class="item"><h4>9</h4></div>
  <div class="item"><h4>10</h4></div>
  <div class="item"><h4>11</h4></div>
  <div class="item"><h4>12</h4></div>
</div>

javascript
Martin Hope
Артём PeGaS
Asked: 2020-06-21 15:13:47 +0000 UTC
  • 0

您需要将字符串 'ema' 传递给函数，以便 mai 参数使用传递的字符串。如果您直接使用“ema”而不是 mai，那么一切正常。

function ValideForm(mai){
    $('form').validate({
        rules:{
            mai:{required:true, email:true}
        },
        messages:{
            mai:{required:"Обязателен для заполнения", 							   						 email:"Некорректно"}
        }    
    });
}

ValideForm('ema');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>

<form action="">
 <label for="">Ваша почта:</label>
<input type="text" class="t4 email" name="ema">
</form>

javascript
Martin Hope
Артём PeGaS
Asked: 2020-06-15 19:38:18 +0000 UTC
  • 2

有了这个，我只对文本进行了排序，但链接保留在原来的位置。排序后如何让链接文字与链接地址匹配？

var x = $('ul li').length;
var mas = [];
var mas2 = [];
$('ul li').each(function( index ) {
  mas[index] = $(this).text();
 mas2[index] = $(this).find('a').attr('href');
});
mas.sort();
$( 'ul li' ).each(function( index ) {
 $(this).find('a').text( mas[index]);
  $(this).find('a').attr( 'href', mas2[index] );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li><a href="h1">7</a></li>
  <li><a href="h2">6</a></li>
  <li><a href="h3">5</a></li>
  <li><a href="h4">4</a></li>
  <li><a href="h5">3</a></li>
  <li><a href="h6">2</a></li>
  <li><a href="h7">1</a></li>
</ul>

javascript
Martin Hope
Артём PeGaS
Asked: 2020-05-13 18:54:26 +0000 UTC
  • 1

这是网站http://centeredinstvo.ru/如果您通过减小浏览器的宽度来减小计算机屏幕，则可以进行改编。但是，如果您转到开发人员工具 f12 切换设备工具栏并减小那里的宽度，则适配不起作用。为什么？

javascript
Martin Hope
Артём PeGaS
Asked: 2020-05-03 05:19:12 +0000 UTC
  • 1

单击图像时如何使其弹出列表？

div{
  position: relative;
  width:216px;
  height: 30px;
  margin-top: 10px;
}
select{
  width:100%;
  height: 100%;
  padding-left: 50px;
  background: linear-gradient(to left, #007A31 25px, white 25px, white 100%);
  
}

div img{
	position: absolute;
	right: 4px;
	top: 7px;
}
<div>
<select>
  <option>Пункт 1</option>
  <option>Пункт 2</option>
</select>
<img src="css/profi-overalls-catalog.png" alt="">
</div>

html