RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

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

ilya1099's questions

Martin Hope
ilya1099
Asked: 2020-02-13 01:30:05 +0000 UTC

将部分javascript代码删除到另一个文件

  • 1

能不能把一部分JS代码从文件中取出来,在主代码运行的时候包含进来?只是有很多类似的文件描述了变量,它们干扰了通用代码。如果它们被分成 2 个不同的代码并连接到 html,那么它们将不起作用。变量必须在主要 JS 代码的函数体中。所以你需要在那里添加它们。

function initialize() {

  var mapProp = {
    center: {
      lat: -25.363,
      lng: 131.044
    },
    zoom: 8,
    markers: []
  };

  map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
  var pos1 = new google.maps.Marker({
    position: {
      lat: -25.363,
      lng: 131.044
    },
    icon: 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png',
    map: map,
    category: 'blue',
  });
  map.markers.push(pos1);

  var pos2 = new google.maps.Marker({
    position: {
      lat: -25.664,
      lng: 131.044
    },
    icon: 'http://maps.google.com/mapfiles/ms/icons/green-dot.png',
    map: map,
    category: 'green',
  });
  map.markers.push(pos2);
  }

javascript
  • 1 个回答
  • 10 Views
Martin Hope
ilya1099
Asked: 2020-02-07 13:11:30 +0000 UTC

显示和隐藏数组数据

  • 0

有一组标记在特定条件下由 JS 代码显示。第一次显示所选项目的标记,第二次再次出现所有可能的标记。但是,如果项目 1 已打开并因此打开其标记,然后切换到另一个项目,则标记之间会出现混淆,并且项目的标记 1 或 3 可能会与项目 2 一起显示(只有 3 个)。并且有必要,对于某个启用的项目,只显示其标记(即使您从包含的 1 个项目切换,它也应该关闭)。当您再次单击该项目时,一切都可能再次发生。

 var map = {};
 
function initialize() {
 
  var mapProp = {
    center: {
      lat: -25.363,
      lng: 131.044
    },
    zoom: 8,
    markers: []
  };
 
  map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
 

  var marker1 = new google.maps.Marker({
    position: {
      lat: -25.363,
      lng: 131.044
    },
    icon: 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png',
    map: map,
    category: 'blue',
  });
  map.markers.push(marker1);
  
  var marker2 = new google.maps.Marker({
    position: {
      lat: -25.664,
      lng: 131.044
    },
    icon: 'http://maps.google.com/mapfiles/ms/icons/green-dot.png',
    map: map,
    category: 'green',
  });
  map.markers.push(marker2);
  var marker3 = new google.maps.Marker({
    position: {
      lat: -25.365,
      lng: 131.144
    },
    icon: 'http://maps.google.com/mapfiles/ms/icons/red-dot.png',
    map: map,
    category: 'red',
  });
  map.markers.push(marker3);
  var marker4 = new google.maps.Marker({
    position: {
      lat: -25.366,
      lng: 131.244
    },
    icon: 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png',
    map: map,
    category: 'blue',
  });
  map.markers.push(marker4);
  var marker5 = new google.maps.Marker({
    position: {
      lat: -25.565,
      lng: 131.144
    },
    icon: 'http://maps.google.com/mapfiles/ms/icons/red-dot.png',
    map: map,
    category: 'red',
  });
  map.markers.push(marker5);
  var marker6 = new google.maps.Marker({
    position: {
      lat: -25.666,
      lng: 131.244
    },
    icon: 'http://maps.google.com/mapfiles/ms/icons/green-dot.png',
    map: map,
    category: 'green',
  });
  map.markers.push(marker6);
 
}
google.maps.event.addDomListener(window, 'load', initialize);

$(document).ready(function() {
      $('.markerBtn').bind('click', function(el) {
        var catToToggle = $(this).attr('data-category'); /* категория нажатой метка */
        var catState = $(this).attr('data-state'); /* статус нажатой метки */
        if ( catState=='on') {
          $(this).attr('data-state', 'off');
        } else {
          $(this).attr('data-state', 'on');
        }
        $.each(map.markers, function() {
          if (this['category'] == catToToggle) {
            if ( catState=='on') {
              this.setVisible(true);
            } else {
              this.setVisible(true);/*отображаю эту метку в любом случае для данного пункта*/
            }
          } else {
            this.setVisible(!this.getVisible());
          }
        });
      });
    });
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>GoogleMaps</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript"
        src="http://maps.google.com/maps/api/js?sensor=false&language=en&callback=initMap"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="listGg.js" type="text/javascript"></script>
    <style type="text/css">
        html, body, #map {
            width: 800px; padding: 0; margin: 0;
            font-family: Arial;
        }

.islands#redIcon {color: red;}
#name {
text-decoration: none;
}
.active>a {
  font-weight: 600;
  text-decoration: none;
}
    </style>
</head>
<body>
<div id="googleMap" style="width:500px;height:380px; "></div>
<div class="markerBtn" data-state="off" data-category="green">
  <a href="#" id="name" style="color: green;">1st points</a>
</div>
<div class="markerBtn" data-state="off" data-category="red">
  <a href="#" id="name" style="color: red;">2nd points</a>
</div>
<div class="markerBtn" data-state="off" data-category="blue">
  <a href="#" id="name" style="color: blue;">3rd points</a>
</div>
</body>
</html>

javascript
  • 1 个回答
  • 10 Views
Martin Hope
ilya1099
Asked: 2020-01-26 03:05:42 +0000 UTC

当您在菜单中选择它们时,在 Google 地图中显示特定颜色的标签

  • 0

我试图通过选择菜单中的项目来显示该项目的标签,并删除所有其他标签,如果我删除该项目,则返回所有标签。编译了一个仅删除所选菜单图标的版本。帮助,谁了解如何使用 Google Maps API。

var map = {};

function initialize() {

  var mapProp = {
    center: {
      lat: -25.363,
      lng: 131.044
    },
    zoom: 8,
    markers: []
  };

  map = new google.maps.Map(document.getElementById("googleMap"), mapProp);

  var marker1 = new google.maps.Marker({
    position: {
      lat: -25.363,
      lng: 131.044
    },
    icon: 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png',
    map: map,
    category: 'blue',
  });
  map.markers.push(marker1);
  var marker2 = new google.maps.Marker({
    position: {
      lat: -25.664,
      lng: 131.044
    },
    icon: 'http://maps.google.com/mapfiles/ms/icons/green-dot.png',
    map: map,
    category: 'green',
  });
  map.markers.push(marker2);
  var marker3 = new google.maps.Marker({
    position: {
      lat: -25.365,
      lng: 131.144
    },
    icon: 'http://maps.google.com/mapfiles/ms/icons/red-dot.png',
    map: map,
    category: 'red',
  });
  map.markers.push(marker3);
  var marker4 = new google.maps.Marker({
    position: {
      lat: -25.366,
      lng: 131.244
    },
    icon: 'http://maps.google.com/mapfiles/ms/icons/blue-dot.png',
    map: map,
    category: 'blue',
  });
  map.markers.push(marker4);
  var marker5 = new google.maps.Marker({
    position: {
      lat: -25.565,
      lng: 131.144
    },
    icon: 'http://maps.google.com/mapfiles/ms/icons/red-dot.png',
    map: map,
    category: 'red',
  });
  map.markers.push(marker5);
  var marker6 = new google.maps.Marker({
    position: {
      lat: -25.666,
      lng: 131.244
    },
    icon: 'http://maps.google.com/mapfiles/ms/icons/green-dot.png',
    map: map,
    category: 'green',
  });
  map.markers.push(marker6);

}
google.maps.event.addDomListener(window, 'load', initialize);


$(document).ready(function() {
  $('.markerBtn').bind('click', function(el) {
    var catToToggle = $(this).attr('data-category');
    $.each(map.markers, function() {
      if (this['category'] == catToToggle) {
        this.setVisible(!this.getVisible());
      }
    });
  });
});

.islands#redIcon {color: red;}
#name {
text-decoration: none;
}
<div id="googleMap" style="width:500px;height:380px; "></div>
<div class="markerBtn" data-category="green">
  <a href="#" id="name" style="color: green;">1 пункт</a>
</div>
<div class="markerBtn" data-category="red">
  <a href="#" id="name" style="color: red;">2 пункт</a>
</div>
<div class="markerBtn" data-category="blue">
  <a href="#" id="name" style="color: blue;">3 пункт</a>
</div>

javascript
  • 1 个回答
  • 10 Views
Martin Hope
ilya1099
Asked: 2020-01-18 02:36:03 +0000 UTC

使用关闭的选项卡刷新页面

  • 0

帮助建议,有一个代码可以接收数据,如果它们超出预先指定的规范,则会发送警告我的通知。但是,如果具有此地址的选项卡已打开,则此代码有效。但是正如您所了解的,不建议一直打开计算机。有没有办法让这段代码在服务器上自行运行,而无需打开选项卡?同时,所有功能都保持正常工作。毕竟服务器一直都处于工作状态。

site
  • 1 个回答
  • 10 Views
Martin Hope
ilya1099
Asked: 2020-01-06 16:31:04 +0000 UTC

使用 Pascal 中数组中的数据迭代选项

  • 0

我有一系列从a到的字母c。如何使这些字母的所有可能组合都显示出来,仅在开头a, b, c,然后aa,ab,ac,ba,bb,等等。直到数组中的所有值都被移动。枚举没有问题,但是如何让枚举结束后,比如2个字母,她又加了一个。

pascalabc.net
  • 1 个回答
  • 10 Views
Martin Hope
ilya1099
Asked: 2020-12-24 01:29:07 +0000 UTC

通过 IP 跟踪访问

  • 0

如何在 PHP 中统计 iP 的访问量?网站上有一个任务最多可以完成5次,需要我在使用登录的时候$_SERVER["REMOTE_ADDR"];获取用户的ip,绑定一个unit到这个ip上,再过一遍页面的时候,将值增加 1。在达到 5 时,我这样做是为了让任务不运行。问题本身是将 ip 与一个数字(访问此页面的次数)相关联。

php
  • 1 个回答
  • 10 Views
Martin Hope
ilya1099
Asked: 2020-12-10 22:20:12 +0000 UTC

帮助优化JS代码

  • -4

如何优化和减少这段代码?事实上,这些是相同的值,只是对 25 个单元执行了它们。正如您在代码中看到的那样,这会占用大量空间并影响加载和计数时间。不一定全部,但也许有些可以变得更简单。

var input = document.querySelectorAll('input[type="checkbox"]');
var answers = document.querySelectorAll('input[value="1"]').length;

var answer1 = document.querySelectorAll('input[name="1"][value="1"]').length;
var answer2 = document.querySelectorAll('input[name="2"][value="1"]').length;
var answer3 = document.querySelectorAll('input[name="3"][value="1"]').length;
var answer4 = document.querySelectorAll('input[name="4"][value="1"]').length;
var answer5 = document.querySelectorAll('input[name="5"][value="1"]').length;
var answer6 = document.querySelectorAll('input[name="6"][value="1"]').length;
var answer7 = document.querySelectorAll('input[name="7"][value="1"]').length;
var answer8 = document.querySelectorAll('input[name="8"][value="1"]').length;
var answer9 = document.querySelectorAll('input[name="9"][value="1"]').length;
var answer10 = document.querySelectorAll('input[name="10"][value="1"]').length;
var answer11 = document.querySelectorAll('input[name="11"][value="1"]').length;
var answer12 = document.querySelectorAll('input[name="12"][value="1"]').length;
var answer13 = document.querySelectorAll('input[name="13"][value="1"]').length;
var answer14 = document.querySelectorAll('input[name="14"][value="1"]').length;
var answer15 = document.querySelectorAll('input[name="15"][value="1"]').length;
var answer16 = document.querySelectorAll('input[name="16"][value="1"]').length;
var answer17 = document.querySelectorAll('input[name="17"][value="1"]').length;
var answer18 = document.querySelectorAll('input[name="18"][value="1"]').length;
var answer19 = document.querySelectorAll('input[name="19"][value="1"]').length;
var answer20 = document.querySelectorAll('input[name="20"][value="1"]').length;
var answer21 = document.querySelectorAll('input[name="21"][value="1"]').length;
var answer22 = document.querySelectorAll('input[name="22"][value="1"]').length;
var answer23 = document.querySelectorAll('input[name="23"][value="1"]').length;
var answer24 = document.querySelectorAll('input[name="24"][value="1"]').length
var answer25 = document.querySelectorAll('input[name="25"][value="1"]').length;;


for (var i = 0, j = 0, a = 0, b = 0, c = 0, res1 = 0, res2 = 0, res3 = 0, res4 = 0, res5 = 0, res6 = 0, res7 = 0, res8 = 0, res9 = 0, res10 = 0, res11 = 0, res12 = 0, res13 = 0, res14 = 0, res15 = 0, res16 = 0, res17 = 0, res18 = 0, res19 = 0, res20 = 0, res21 = 0, res22 = 0, res23 = 0, res24 = 0, res25 = 0; i < input.length; i++) {
  input[i].onchange = function(e) {
    var el = e ? e.target : window.event.srcElement;
    if (el.checked) {
      el.setAttribute('checked', "1");
      if (el.name === '1' && el.value === '1') {
        res1 += parseInt(el.value);
      }
      if (el.name === '2' && el.value === '1') {
        res2 += parseInt(el.value);
      }
      if (el.name === '3' && el.value === '1') {
        res3 += parseInt(el.value);
      }
      if (el.name === '4' && el.value === '1') {
        res4 += parseInt(el.value);
      }
      if (el.name === '5' && el.value === '1') {
        res5 += parseInt(el.value);
      }
      if (el.name === '6' && el.value === '1') {
        res6 += parseInt(el.value);
      }
      if (el.name === '7' && el.value === '1') {
        res7 += parseInt(el.value);
      }
      if (el.name === '8' && el.value === '1') {
        res8 += parseInt(el.value);
      }
      if (el.name === '9' && el.value === '1') {
        res9 += parseInt(el.value);
      }
      if (el.name === '10' && el.value === '1') {
        res10 += parseInt(el.value);
      }
      if (el.name === '11' && el.value === '1') {
        res11 += parseInt(el.value);
      }
      if (el.name === '12' && el.value === '1') {
        res12 += parseInt(el.value);
      }
      if (el.name === '13' && el.value === '1') {
        res13 += parseInt(el.value);
      }
      if (el.name === '14' && el.value === '1') {
        res14 += parseInt(el.value);
      }
      if (el.name === '15' && el.value === '1') {
        res15 += parseInt(el.value);
      }
      if (el.name === '16' && el.value === '1') {
        res16 += parseInt(el.value);
      }
      if (el.name === '17' && el.value === '1') {
        res17 += parseInt(el.value);
      }
      if (el.name === '18' && el.value === '1') {
        res18 += parseInt(el.value);
      }
      if (el.name === '19' && el.value === '1') {
        res19 += parseInt(el.value);
      }
      if (el.name === '20' && el.value === '1') {
        res20 += parseInt(el.value);
      }
      if (el.name === '21' && el.value === '1') {
        res21 += parseInt(el.value);
      }
      if (el.name === '22' && el.value === '1') {
        res22 += parseInt(el.value);
      }
      if (el.name === '23' && el.value === '1') {
        res23 += parseInt(el.value);
      }
      if (el.name === '24' && el.value === '1') {
        res24 += parseInt(el.value);
      }
      if (el.name === '25' && el.value === '1') {
        res25 += parseInt(el.value);
      }
      j++;
    } else {
      el.setAttribute('checked', "0");
      if (el.name === '1' && el.value === '1') {
        res1 -= parseInt(el.value);
      }
      if (el.name === '2' && el.value === '1') {
        res2 -= parseInt(el.value);
      }
      if (el.name === '3' && el.value === '1') {
        res3 -= parseInt(el.value);
      }
      if (el.name === '4' && el.value === '1') {
        res4 -= parseInt(el.value);
      }
      if (el.name === '5' && el.value === '1') {
        res5 -= parseInt(el.value);
      }
      if (el.name === '6' && el.value === '1') {
        res6 -= parseInt(el.value);
      }
      if (el.name === '7' && el.value === '1') {
        res7 -= parseInt(el.value);
      }
      if (el.name === '8' && el.value === '1') {
        res8 -= parseInt(el.value);
      }
      if (el.name === '9' && el.value === '1') {
        res9 -= parseInt(el.value);
      }
      if (el.name === '10' && el.value === '1') {
        res10 -= parseInt(el.value);
      }
      if (el.name === '11' && el.value === '1') {
        res11 -= parseInt(el.value);
      }
      if (el.name === '12' && el.value === '1') {
        res12 -= parseInt(el.value);
      }
      if (el.name === '13' && el.value === '1') {
        res13 -= parseInt(el.value);
      }
      if (el.name === '14' && el.value === '1') {
        res14 -= parseInt(el.value);
      }
      if (el.name === '15' && el.value === '1') {
        res15 -= parseInt(el.value);
      }
      if (el.name === '16' && el.value === '1') {
        res16 -= parseInt(el.value);
      }
      if (el.name === '17' && el.value === '1') {
        res17 -= parseInt(el.value);
      }
      if (el.name === '18' && el.value === '1') {
        res18 -= parseInt(el.value);
      }
      if (el.name === '19' && el.value === '1') {
        res19 -= parseInt(el.value);
      }
      if (el.name === '20' && el.value === '1') {
        res20 -= parseInt(el.value);
      }
      if (el.name === '21' && el.value === '1') {
        res21 -= parseInt(el.value);
      }
      if (el.name === '22' && el.value === '1') {
        res22 -= parseInt(el.value);
      }
      if (el.name === '23' && el.value === '1') {
        res23 -= parseInt(el.value);
      }
      if (el.name === '24' && el.value === '1') {
        res24 -= parseInt(el.value);
      }
      if (el.name === '25' && el.value === '1') {
        res25 -= parseInt(el.value);
      }
      j--;
    }
    document.getElementById('p1').innerText = '1: ' + res1 + ' /2: ' + res2 + ' /3: ' + res3 + ' /4: ' + res4 + ' /5: ' + res5 + ' /6: ' + res6 + ' /7: ' + res7 + ' /8: ' + res8 + ' /9: ' + res9 + ' /10: ' + res10 + ' /11: ' + res11 + ' /12: ' + res12 + ' /13: ' + res13 + ' /14: ' + res14 + ' /15: ' + res15 + ' /16: ' + res16 + ' /17: ' + res17 + ' /18: ' + res18 + ' /19: ' + res19 + ' /20: ' + res20 + ' /21: ' + res21 + ' /22: ' + res22 + ' /23: ' + res23 + ' /24: ' + res24 + ' /25: ' + res25;
  }
}

var bad = '';
var good = '';
document.getElementById('result').onclick = function() {
  document.getElementById('div1').style.display = 'block';
  if (j === 0)
    document.getElementById('div1').innerText = "Ничего не выбрано";
  else if (j >= answers || j < answers) {
    if (res1 < answer1 || document.querySelectorAll('input[name="1"][checked="1"]').length > answer1) {
      bad += "№ 1; ";
    } else {
      good += "№ 1; ";
    }
    if (res2 < answer2 || document.querySelectorAll('input[name="2"][checked="1"]').length > answer2) {
      bad += "№ 2; ";
    } else {
      good += "№ 2; ";
    }
    if (res3 < answer3 || document.querySelectorAll('input[name="3"][checked="1"]').length > answer3) {
      bad += "№ 3; ";
    } else {
      good += "№ 3; ";
    }
    if (res4 < answer4 || document.querySelectorAll('input[name="4"][checked="1"]').length > answer4) {
      bad += "№ 4; ";
    } else {
      good += "№ 4; ";
    }
    if (res5 < answer5 || document.querySelectorAll('input[name="5"][checked="1"]').length > answer5) {
      bad += "№ 5; ";
    } else {
      good += "№ 5; ";
    }
    if (res6 < answer6 || document.querySelectorAll('input[name="6"][checked="1"]').length > answer6) {
      bad += "№ 6; ";
    } else {
      good += "№ 6; ";
    }
    if (res7 < answer7 || document.querySelectorAll('input[name="7"][checked="1"]').length > answer7) {
      bad += "№ 7; ";
    } else {
      good += "№ 7; ";
    }
    if (res8 < answer8 || document.querySelectorAll('input[name="8"][checked="1"]').length > answer8) {
      bad += "№ 8; ";
    } else {
      good += "№ 8; ";
    }
    if (res9 < answer9 || document.querySelectorAll('input[name="9"][checked="1"]').length > answer9) {
      bad += "№ 9; ";
    } else {
      good += "№ 9; ";
    }
    if (res10 < answer10 || document.querySelectorAll('input[name="10"][checked="1"]').length > answer10) {
      bad += "№ 10; ";
    } else {
      good += "№ 10; ";
    }
    if (res11 < answer11 || document.querySelectorAll('input[name="11"][checked="1"]').length > answer11) {
      bad += "№ 11; ";
    } else {
      good += "№ 11; ";
    }
    if (res12 < answer12 || document.querySelectorAll('input[name="12"][checked="1"]').length > answer12) {
      bad += "№ 12; ";
    } else {
      good += "№ 12; ";
    }
    if (res13 < answer13 || document.querySelectorAll('input[name="13"][checked="1"]').length > answer13) {
      bad += "№ 13; ";
    } else {
      good += "№ 13; ";
    }
    if (res14 < answer14 || document.querySelectorAll('input[name="14"][checked="1"]').length > answer14) {
      bad += "№ 14; ";
    } else {
      good += "№ 14; ";
    }
    if (res15 < answer15 || document.querySelectorAll('input[name="15"][checked="1"]').length > answer15) {
      bad += "№ 15; ";
    } else {
      good += "№ 15; ";
    }
    if (res16 < answer16 || document.querySelectorAll('input[name="16"][checked="1"]').length > answer16) {
      bad += "№ 16; ";
    } else {
      good += "№ 16; ";
    }
    if (res17 < answer17 || document.querySelectorAll('input[name="17"][checked="1"]').length > answer17) {
      bad += "№ 17; ";
    } else {
      good += "№ 17; ";
    }
    if (res18 < answer18 || document.querySelectorAll('input[name="18"][checked="1"]').length > answer18) {
      bad += "№ 18; ";
    } else {
      good += "№ 18; ";
    }
    if (res19 < answer19 || document.querySelectorAll('input[name="19"][checked="1"]').length > answer19) {
      bad += "№ 19; ";
    } else {
      good += "№ 19; ";
    }
    if (res20 < answer20 || document.querySelectorAll('input[name="20"][checked="1"]').length > answer20) {
      bad += "№ 20; ";
    } else {
      good += "№ 20; ";
    }
    if (res21 < answer21 || document.querySelectorAll('input[name="21"][checked="1"]').length > answer21) {
      bad += "№ 21; ";
    } else {
      good += "№ 21; ";
    }
    if (res22 < answer22 || document.querySelectorAll('input[name="22"][checked="1"]').length > answer22) {
      bad += "№ 22; ";
    } else {
      good += "№ 22; ";
    }
    if (res23 < answer23 || document.querySelectorAll('input[name="23"][checked="1"]').length > answer23) {
      bad += "№ 23; ";
    } else {
      good += "№ 23; ";
    }
    if (res24 < answer24 || document.querySelectorAll('input[name="24"][checked="1"]').length > answer24) {
      bad += "№ 24; ";
    } else {
      good += "№ 24; ";
    }
    if (res25 < answer25 || document.querySelectorAll('input[name="25"][checked="1"]').length > answer25) {
      bad += "№ 25; ";
    } else {
      good += "№ 25; ";
    }
    document.getElementById('div1').innerText = "Верно: " + good + "\n Неверно: " + bad;
    bad = '';
    good = '';
  }
}
javascript
  • 1 个回答
  • 10 Views
Martin Hope
ilya1099
Asked: 2020-12-09 02:15:56 +0000 UTC

在测试中将单选更改为复选框

  • 0

亲爱的论坛用户,有一个测试代码(下面的代码)取值由<input type="radio">具有相同id的块组成。检查哪个值是正确的,如果选择了项目 c,则value=1认为问题已正确回答。但我需要做出几个回答。但如果其中至少有一个是错误的,那么整个问题就被认为是错误的。也就是说,如果您需要选择 3 个选项,那么只有这 3 个已回答的选项才算作正确答案。你能帮忙实现JS验证吗?

function count() {
  answer = 0;
  answerBlocksCount = document.form1.getElementsByTagName("p").length;
  questionsCount = document.form1.querySelectorAll('input[type=radio]').length + 1;
  var ball = 0;
  var good = "";
  var bad = "";
  var solv = 1;

  for (var i = 0; i < questionsCount; i++) {
    if (document.form1.elements[i].checked) {
      if (document.form1.elements[i].value != 0) {
        if (good != "") {
          good += ", " + solv;
        } else {
          good += "№ " + solv;
        }
      } else {
        if (bad != "") {
          bad += ", " + solv;
        } else {
          bad += "№ " + solv;
        }
      }
      solv++;
    }
  }
  for (var i = 0; i < questionsCount; i++) {
    if (document.form1.elements[i].checked) {
      answer += 1;
    }
  }
  if (answer < answerBlocksCount) {
    alert("Вы не ответили на все вопросы теста!");
  } else {
    if (good == "") good = " нет :(";
    if (bad == "") bad = " нет =)";

    var answer = "<span style=color:green>Решены правильно:</span> " + good + "<br>";
    if (bad == "нет") {
      answer += "Неправильно: " + bad + ".";
    } else {
      answer += "<span style=color:red>Неправильно:</span>" + bad + "";
    }

    if (navigator.userAgent.toLowerCase().indexOf("gecko") > 0) {
      div1 = document.getElementById('div1');
    }
    div1.innerHTML = answer;
    div1.style.display = 'block';

    var paragraphs = document.form1.getElementsByTagName("i").length;
    for (s = 0; s < paragraphs.length; s++) {
      if (document.form1.elements[s].checked) {
        paragraphs(s).style.fontWeight = 'bold';
        if (document.form1.elements[s].value != 0) {
          paragraphs(s).style.color = 'green';
        } else {
          paragraphs(s).style.color = 'red';
        }
      }
    }
  }
}
<form name="form1" class="test">
  <p>1. Вопрос 1
    <br>
    <input type="radio" name="a" value="1"><i>Вариант 1</i>
    <br>
    <input type="radio" name="a" value="0"><i>Вариант 2</i>
    <br>
    <input type="radio" name="a" value="0"><i>Вариант 3</i>
    <br>
    <input type="radio" name="a" value="0"><i>Вариант 4</i>
    <br>
    <input type="radio" name="a" value="0"><i>Вариант 5</i>
  </p>
  <p>2. Вопрос 2
    <br>
    <input type="radio" name="b" value="0"><i>Вариант 1</i>
    <br>
    <input type="radio" name="b" value="0"><i>Вариант 2</i>
    <br>
    <input type="radio" name="b" value="0"><i>Вариант 3</i>
    <br>
    <input type="radio" name="b" value="1"><i>Вариант 4</i>
    <br>
    <input type="radio" name="b" value="0"><i>Вариант 5</i>

  </p>
  <p>3. Вопрос 3
    <br>
    <input type="radio" name="c" value="0"><i>Вариант 1</i>
    <br>
    <input type="radio" name="c" value="1"><i>Вариант 2</i>
    <br>
    <input type="radio" name="c" value="0"><i>Вариант 3</i>
    <br>
    <input type="radio" name="c" value="0"><i>Вариант 4</i>
    <br>
    <input type="radio" name="c" value="0"><i>Вариант 5</i>

  </p>
  <div border="1" id="div1" style="padding:9px 0 11px 10px;margin:9px 17px;border:1px solid green;display:none;"></div>
  <input type="button" value="Узнать результат" onclick="count();">
</form>

javascript
  • 1 个回答
  • 10 Views
Martin Hope
ilya1099
Asked: 2020-12-04 01:59:22 +0000 UTC

在一行中显示 <div>

  • 0

我有一张带有功能area和文字的图片。内容必须在一行上(我用过display: inline-block;),但事实证明对齐是根据文本发生的,图像被放置在不同的层次上(附上屏幕)。

在此处输入图像描述

如何做到按图片对齐,文字往下走?

<body>
  <div style="display: inline-block;">
    <img id="img" src="folder.svg" width="100" height="100" usemap="#Navigation" align="top" />
    <p id="txt">Текст1</p>
  </div>
  <map name="Navigation">
    <area shape="rect" coords="0, 0, 100, 100" href="uroki/test.html" />
    <div style="display: inline-block;">
      <img id="img1" src="folder.svg" width="100" height="100" usemap="#Navigation1" align="top" />
      <p id="txt1">Текст2</p>
    </div>
    <map name="Navigation1">
      <area shape="rect" coords="0, 0, 100, 100" href="uroki/form.html" />
      <div style="display: inline-block;">
        <img id="img2" src="folder.svg" width="100" height="100" usemap="#Navigation2" align="top" />
        <p id="txt2">Текст
          <br>номер
          <br>3</p>
      </div>
      <map name="Navigation2">
        <area shape="rect" coords="0, 0, 100, 100" href="uroki/form.html" />
        <div style="display: inline-block;">
          <img id="img3" src="folder.svg" width="100" height="100" usemap="#Navigation3" align="bottom" />
          <p id="txt3">Текст
            <br>номер
            <br>4</p>
        </div>
        <map name="Navigation3">
          <area shape="rect" coords="0, 0, 100, 100" href="uroki/form.html" />
          <div style="display: inline-block;">
            <img id="img4" src="folder.svg" width="100" height="100" usemap="#Navigation4" align="bottom" />
            <p id="txt4">Текст
              <br>номер
              <br>5</p>
          </div>
          <map name="Navigation4">
            <area shape="rect" coords="0, 0, 100, 100" href="uroki/form.html" />
            <div style="display: inline-block;">
              <img id="img5" src="folder.svg" width="100" height="100" usemap="#Navigation5" align="bottom" />
              <p id="txt5">Текст
                <br>номер
                <br>6</p>
            </div>
            <map name="Navigation5">
              <area shape="rect" coords="0, 0, 100, 100" href="uroki/form.html" />
              <div style="display: inline-block;">
                <img id="img6" src="folder.svg" width="100" height="100" usemap="#Navigation6" align="bottom" />
                <p id="txt6">Текст 7</p>
              </div>
              <map name="Navigation6">
                <area shape="rect" coords="0, 0, 100, 100" href="uroki/form.html" />
</body>

html
  • 2 个回答
  • 10 Views
Martin Hope
ilya1099
Asked: 2020-11-24 03:29:02 +0000 UTC

修复 JS 代码

  • -1

有一个处理测试结果的JS代码(在网上找到的),但是如果测试中有5个问题,它就可以工作。我怎样才能做任何数量的问题?

function count()
{
var answer = 0;
var ball = 0;
var good = "";
var bad = "";
var solv = 1;
  for (var i=0; i<26; i++) {
  if (document.form1.elements[i].checked) {
    if (document.form1.elements[i].value != 0) {
          if (good != "") {
             good += ", "+solv;
          }
          else {
             good += "№ "+solv;
          }
       }
     else {
         if (bad != "") {
             bad += ", "+solv;
          }
          else {
             bad += "№ "+solv;
          }
     }
     solv++;
  }
}
for (var i=0; i<26; i++) {
    if (document.form1.elements[i].checked) {
      answer +=1;
    }
  }
 if (answer < 5) {
     alert("Вы не ответили на все вопросы теста!");
  }
  else {
     if (good == "") good = " нет :(";
     if (bad == "") bad = " нет =)";

var answer = "<span style=color:green>Решены правильно:</span> "+good+ "<br>";
if (bad == "нет") {  answer += "Неправильно: "+bad+"."; }
else { answer += "<span style=color:red>Неправильно:</span>"+bad+ "";}

if (navigator.userAgent.toLowerCase().indexOf("gecko") > 0) { 
  div1 = document.getElementById('div1');
} 
     div1.innerHTML = answer;
     div1.style.display = 'block';

     var paragraphs = document.all.tags('I');
     for (s=0; s< paragraphs.length; s++) {
             if (document.form1.elements[s].checked) {
                 paragraphs(s).style.fontWeight = 'bold';
                 if (document.form1.elements[s].value != 0) {
                     paragraphs(s).style.color = 'green';
                 }
                 else {
                     paragraphs(s).style.color = 'red';
                 }
              }
      }
  }
}
<form name="form1" class="test">
<p>1. Вопрос 1<br>
<input type="radio" name="a" value="1"><i>Вариант 1</i><br>
<input type="radio" name="a" value="0"><i>Вариант 2</i><br>
<input type="radio" name="a" value="0"><i>Вариант 3</i><br>
<input type="radio" name="a" value="0"><i>Вариант 4</i><br>
<input type="radio" name="a" value="0"><i>Вариант 5</i>
</p>
<p>2. Вопрос 2<br>
<input type="radio" name="b" value="0"><i>Вариант 1</i><br>
<input type="radio" name="b" value="0"><i>Вариант 2</i><br>
<input type="radio" name="b" value="0"><i>Вариант 3</i><br>
<input type="radio" name="b" value="1"><i>Вариант 4</i><br>
<input type="radio" name="b" value="0"><i>Вариант 5</i>

</p>
<p>3. Вопрос 3<br>
<input type="radio" name="c" value="0"><i>Вариант 1</i><br>
<input type="radio" name="c" value="1"><i>Вариант 2</i><br>
<input type="radio" name="c" value="0"><i>Вариант 3</i><br>
<input type="radio" name="c" value="0"><i>Вариант 4</i><br>
<input type="radio" name="c" value="0"><i>Вариант 5</i>

</p>
<p>4. Вопрос 4<br>
<input type="radio" name="d" value="0"><i>Вариант 1</i><br>
<input type="radio" name="d" value="0"><i>Вариант 2</i><br>
<input type="radio" name="d" value="0"><i>Вариант 3</i><br>
<input type="radio" name="d" value="1"><i>Вариант 4</i><br>
<input type="radio" name="d" value="0"><i>Вариант 5</i>

</p>
<p>5. Вопрос 5<br>
<input type="radio" name="f" value="0"><i>Вариант 1</i><br>
<input type="radio" name="f" value="0"><i>Вариант 2</i><br>
<input type="radio" name="f" value="0"><i>Вариант 3</i><br>
<input type="radio" name="f" value="1"><i>Вариант 4</i><br>
<input type="radio" name="f" value="0"><i>Вариант 5</i>

</p>
<div border="1" id="div1" style="padding:9px 0 11px 10px;margin:9px 17px;border:1px solid green;display:none;"></div>
<input type="button" value="Узнать результат" onclick="count();">
</form>

javascript
  • 1 个回答
  • 10 Views
Martin Hope
ilya1099
Asked: 2020-11-23 04:40:59 +0000 UTC

在 if 中与文本值进行比较

  • 0

站点上的表单接收文本,如何确保如果表单中输入的文本为真(如果为真),则将值 \u200b\u200bare 写入一个文件,否则写入另一个文件。到目前为止我还做不到,它使任何值都为真

<?php
session_start();
$num = $_SESSION['num'];
if($num = '113b' ||  $num = '113B' ||  $num = '113 b' ||  $num = '113 B') {
$file = fopen("113b.txt","at");
fwrite($file,"$num\n");
fclose($file);
}
?>
php
  • 2 个回答
  • 10 Views
Martin Hope
ilya1099
Asked: 2020-11-21 01:44:27 +0000 UTC

为 iframe 获取价值

  • 0

我有一个接收value下拉列表并显示图像的代码,其路径在value每个列表项中指定。现在有必要显示另一个 html 文档,但用它替换它并不是那么容易<img>。<iframe>求论坛网友帮忙。JS 到目前为止很弱。这是我用来显示图像的代码

<img id="img" src="value" align="middle" />
  <script>
    var select = document.getElementById('categories'),
      img = document.getElementById('img');
    select.addEventListener('change', changeImg.bind(this),false)
    function changeImg(elem) {
      img.src = elem.target.value
    }
  </script>

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