小编mpl*_*jan的帖子

我的js弹出窗口有问题.

我打开一个弹出窗口并尝试访问其他页面页面中的元素,没有成功,我不想重新加载弹出源,我只想访问打开的弹出窗口的元素

前 -

• 第1页 - 用html5音乐播放器打开弹出窗口
• 第2页 - 当用户点击主页上的按钮时需要暂停音乐

第1页

var popup = window.open("test.html","mypopup","width=500,height=300");

第二页我想访问mypopup windows元素而不重新加载弹出窗口

我只需要如何访问打开的弹出元素而不使用JS或JQuery中断其源代码

有没有比这更快的解决方案？

花了一些时间在谷歌上搜索并使用其他代码,我做了一个快速修复和可重用功能适用于高达99,99,99,999的数字.

number2text(1234.56);会回来的ONE THOUSAND TWO HUNDRED AND THIRTY-FOUR RUPEE AND FIFTY-SIX PAISE ONLY.

function number2text(value) {
    var fraction = Math.round(frac(value)*100);
    var f_text  = "";

    if(fraction > 0) {
        f_text = "AND "+convert_number(fraction)+" PAISE";
    }

    return convert_number(value)+" RUPEE "+f_text+" ONLY";
}

function frac(f) {
    return f % 1;
}

function convert_number(number)
{
    if ((number < 0) || (number > 999999999)) 
    { 
        return "NUMBER OUT OF RANGE!";
    }
    var Gn = Math.floor(number / 10000000);  /* Crore */ 
    number -= …

我有以下图片:

现在我想在此图像上放置一个vimeo视频,并提供响应视图:

要做到这一点,我使用以下css和HTML代码:

HTML代码:

<div class="vimeo">
<article>
    <figure>
        <iframe src="https://player.vimeo.com/video/211148482?autoplay=1&title=0&byline=0&portrait=0" width="568" height="453" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>       
    </figure>        
</article>
</div>

CSS代码:

.vimeo { 
    font: 16px/1.4 Georgia, Serif;
    width: 45%; 
    margin: 1px auto;   
    background: url(images/bg.jpg); 
    background-size: contain;
    background-repeat: no-repeat;   
    position: relative;
}

pre, article style, article script { 
    white-space: pre; 
    display: block;         
    overflow-x: auto; 

}

img { 
    max-width: 100%;
}
figure { 
    display: block; 
}
figcaption { 
    display: block; text-align: center; orphans: 2;
}

现在它看起来像这个图像:

我想在图像灰色背景上设置它,我该怎么做？

采取以下代码行

const [component] = router.getMatchedComponents({ ...to })

任何人都可以建议组件周围的方括号在这里意味着什么吗？我试图用谷歌搜索这个，但是努力寻找答案

我希望模糊点击按钮时弹出的固定模式后面的整体 100% 背景。

我本以为它只是一个模糊滤镜，但它似乎只覆盖了屏幕的一小部分。我尝试添加 100vh 高度 + 宽度，并将位置设置为固定为 top: 0, left: 0 但元素没有向右居中。

需要明确的是 - 我希望模态后面的背景元素变得模糊，因此它后面的部分但模态处于焦点。

这是 HTML（不太确定，但还是发布）：

这就是我到目前为止编写的所有代码 - 希望在添加其余部分之前执行此操作。任何提示都会很棒。干杯!

.blog-modal-section {
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: blur(8px);
  -webkit-filter: blur(8px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
}

.blog-modal-container {
  height: 40%;
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}

<section class="blog-modal-section">
  <div class="blog-modal-container">
    <div class="blog-modal-content">
      <h2>My blogs</h2>
      <ul>
        <li>
          <a href="#">Blog 1 - Coming Soon</a>
        </li>
      </ul>
    </div> …

我正在使用一个开源的javascript库timeline.verite.co 这是一个时间轴库,可以很好地处理页面加载.但是当我尝试在某种条件下重新绘制时间轴时,它会开始发出奇怪的错误

我想修改库中的init函数.但是我不想在原始库中更改它,我想在另一个单独的.js文件中重写/覆盖这个函数,这样当调用这个函数时,它必须使用我修改过的函数,而不是去原始函数.

我不确定是否使用原型/继承以及如何使用它来解决这个问题？

我正在创建一个内部跨度的li项目.我在span中构建了一个onclick函数来获取父li的ID以传递给JSON get请求.我不确定如何创建一个唯一的ID并在JS函数中读取它.由于这是动态构建的,我没有构建交换机,但我觉得我错过了另一种选择.这里的问题是我无法捕获李ID.我已经尝试了这个并且也尝试过基于课程,但似乎都失败了.

李对象创建:

$("#jdLists").append('<li class="bigger" id = "' + item.ID + '">'+ 
  item.GROUP_NAME + 
  '<span title="Remove from list" class=" Sp icon icon-color icon-plus" style="float: right; vertical-align: middle;" '+
  'onclick="spAdd()"></span>' + 
  '</li>');

点击功能:

function spAdd() {
  $(this).closest("li").attr('id');
}

我根本不是 Javascript 专家，但我不知道如何实现这一点。我的页面上有一个链接，其链接结构类似于下面的代码。如何提取标题引用或链接的值？我认为需要使用innerHTML 来获取链接文本，但我无法通过ID 或标签名称获取元素。

<a href="#" title='titlevalue'>Link</a

我需要创建一个"X"复选标记的动画(​​失败).

我找到了一个动画"v"复选标记的好例子(为了成功).代码使用曲线贝塞尔设计.我试过阅读并试图做一个X标志,但没有成功.

你能帮我么 ？

"v"复选标记的链接是:http: //codepen.io/haniotis/pen/KwvYLO

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s …

在我的函数中,我定义了两个数组,第一个(array1),具有预初始化的长度.我添加了第二个数组(array2)仅用于测试,因为我认为第一个表现很奇怪.

我的代码:

function test(n = 3) {
  array1 = new Array(n).fill(new Array(n));
  array2 = [
    [undefined, undefined, undefined],
    [undefined, undefined, undefined],
    [undefined, undefined, undefined]
  ];

  document.getElementById("output").innerHTML = JSON.stringify(array1) + " (array 1) <br/>" + JSON.stringify(array2) + " (array 2)<br/><br/><hr/>";


  for (i = 0; i < n; i++) {
    array1[i][0] = i;
    array2[i][0] = i;
  }

  document.getElementById("output").innerHTML += JSON.stringify(array1) + " (array 1) <br/>" + JSON.stringify(array2) + " (array 2)<br/><br/><hr/>";

}

<button onclick="test();">Press to test</button>

<br/><br/>
<div …