小编Nar*_*hav的帖子

星级评分系统html

我目前正在制作留言簿,我想创建一个星级评分系统.但我被卡住了!当我点击它们时,我无法修复星星以使它们保持黄色(gelb).

到目前为止这是我的代码:

  <div class="rating">
        <p id="rating-paragraph">Rate</p>
        <img id="stern1" src="pictures/durchsichtig.png"  onmouseover="stern1.src='pictures/gelb.png'" onmouseout="stern1.src='pictures/durchsichtig.png'" alt="error"> <?php ?>
        <img id="stern2" src="pictures/durchsichtig.png"  onmouseover="stern1.src='pictures/gelb.png'; this.src='pictures/gelb.png'" onmouseout="stern1.src='pictures/durchsichtig.png'; this.src='pictures/durchsichtig.png'" alt="error">
        <img id="stern3" src="pictures/durchsichtig.png"  onmouseover="stern1.src='pictures/gelb.png'; stern2.src='pictures/gelb.png'; this.src='pictures/gelb.png' " onmouseout="stern1.src='pictures/durchsichtig.png';stern2.src='pictures/durchsichtig.png'; this.src='pictures/durchsichtig.png' " alt="error">
        <img id="stern4" src="pictures/durchsichtig.png"  onmouseover="stern1.src='pictures/gelb.png'; stern2.src='pictures/gelb.png'; stern3.src='pictures/gelb.png'; this.src='pictures/gelb.png' " onmouseout="stern1.src='pictures/durchsichtig.png';stern2.src='pictures/durchsichtig.png'; stern3.src='pictures/durchsichtig.png';this.src='pictures/durchsichtig.png' " alt="error">
        <img id="stern5" src="pictures/durchsichtig.png"  onmouseover="stern1.src='pictures/gelb.png'; stern2.src='pictures/gelb.png'; stern3.src='pictures/gelb.png'; stern4.src='pictures/gelb.png'; this.src='pictures/gelb.png' " onmouseout="stern1.src='pictures/durchsichtig.png';stern2.src='pictures/durchsichtig.png'; stern3.src='pictures/durchsichtig.png';stern4.src='pictures/durchsichtig.png'; this.src='pictures/durchsichtig.png' " alt="error">
    </div>
Run Code Online (Sandbox Code Playgroud)

和css:

__CODE__

谢谢你的时间,也许是为了一些帮助或建议:)

html javascript css jquery rating

0
推荐指数
1
解决办法
6842
查看次数

如何在ES6中获取DOM元素?

我是ES6的新手,我只是想知道如何在ES6中获取dom元素是否有关于获取dom元素的新语法.什么是最好的方式也请告诉我.

我只是简单地在下面举例说明: -

<ui class="ui-class">
  <li class='li-class'>http://www.google.com</li>
  <li class='li-class'>https://www.google.es/</li>
  <li class='li-class'>https://www.google.co.za/</li>
  <li class='li-class'>https://www.google.co.nz/</li>
</ui>
//get All li element using querySelectorAll
var allLiTag = document.querySelectorAll('li.li-class');

//ES6 for looping to get perticuler item one by one
allLiTag.forEach((liTag) => {
let innerText = liTag.innerText;
    liTag.innerHTML='Click here -:  <a href='+innerText+'>'+innerText+ '</a>'
});
//css part
.ui-class{
  font-size: 26px;
    padding: 10px;
}
.li-class{
      padding: 10px;
}
Run Code Online (Sandbox Code Playgroud)

javascript dom ecmascript-6

0
推荐指数
2
解决办法
7272
查看次数

如何用数字和特殊字符替换字符串中的所有数字?

我有这样的字符串,

(1 AND 2 ) OR (2 AND 3)
Run Code Online (Sandbox Code Playgroud)

我需要用数字+特殊字符(比如1@,2@)替换这个字符串所有数字,结果应该是这样的,

(1@ AND 2@ ) OR (2@ AND 3@), 
Run Code Online (Sandbox Code Playgroud)

所以我试过以下,

var d = "(1 AND 2 ) OR (2 AND 3)"
console.log(d.replace(/[0-9]/g, "@"))
Run Code Online (Sandbox Code Playgroud)

但它只会产生一个结果,

(@ AND @ ) OR (@ AND @)
Run Code Online (Sandbox Code Playgroud)

我的预期输出是,

(1@ AND 2@ ) OR (2@ AND 3@)
Run Code Online (Sandbox Code Playgroud)

javascript regex

0
推荐指数
1
解决办法
48
查看次数

单击即可在React JS中进行路由

我是React的新手,我想在单击按钮时导航到另一个组件。我只想执行一个简单的路由。这是我尝试过的代码。但是我无法路由。

import React, { Component } from 'react';
import { BrowserRouter as Router, Route, Switch, Redirect } from 'react-router-dom'
import Hello from './HelloComponent';
class App extends Component {

  constructor(props) {
    super(props);
    this.try = this.try.bind(this)
  }
  try = () => {
    alert();
    <div>
      <Router>
        <Route path="/hello" component={Hello} />
      </Router>
    </div>
  }
  render() {
    return (
      <div className="App">
        <div className="container">

          <button id="b1" onClick={this.try}>Click me</button>
        </div>
      </div>
    );
  }
}
export default App;
Run Code Online (Sandbox Code Playgroud)

请帮助我使用此代码在react JS中执行基本路由

routing reactjs react-router

0
推荐指数
1
解决办法
5984
查看次数

V8 如何为 Map 实现原始值键?

我假设 V8 使用散列以便将对象用作Maps 中的键。

const a = {};
new Map([[a, "a"]]);
Run Code Online (Sandbox Code Playgroud)

问题第 1 部分:V8 如何实现具有原始值键的映射,例如以下内容?

const a = {};
new Map([[a, "a"], [1, 100], [2, 200])
Run Code Online (Sandbox Code Playgroud)

问题第 2 部分

像这样一个包含原始值键的映射怎么样,这些键都是相同的类型?

new Map([[0, 0], [1, 100], [2, 200])

我所知道的将数字映射到数字的最有效方法是使用向量,这样上面的映射就可以像这样实现:

[0, 100, 200]

V8 是否在这些方面进行了任何专业化处理?

我进行了基准测试,将 Map 与一组数字进行比较,发现 number[] 快了 37%(大致符合预期),但我不确定到底发生了什么:https : //jsperf.com/map-number-number-与阵列

请注意,在基准测试中,数组和映射是动态构建的,而不是像上面的示例那样一次性构建

javascript v8

0
推荐指数
1
解决办法
149
查看次数

如何在extjs 4的网格面板中单击按钮打开新的浏览器窗口

我是Extjs的新手.当我点击Extjs 4中网格面板中的按钮时,我试图在新的浏览器窗口中打开一个日志文件.

我可以下载该文件.但我不想下载它,我希望当我点击该按钮时它应该在新的浏览器窗口中打开.

我这样做:

{
    xtype: 'gridpanel',
    id: 'logResultGrid',
    margin: '40 0 10 20',

    width: 439,

    title: 'Logs Result:',
    store: 'LogsStore',

    viewConfig: {
        id: 'logsGrid'
    },

    columns: [{
        xtype: 'gridcolumn',
        renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
            var directoryName = Ext.getCmp('logsJobName').getValue();
            return '<a href="http://localhost:40889/Snowy/fileDownload/download.htmreportName=' + value + '&directoryName=' + directoryName + '">' + value + '</a>';
        },
        width: 297,
        dataIndex: 'fileName',
        text: 'Log Name'
    }, {
        xtype: 'actioncolumn',
        width: 116,
        items: [{
            handler: function(view, …
Run Code Online (Sandbox Code Playgroud)

extjs extjs4

-1
推荐指数
1
解决办法
6695
查看次数

标签 统计

javascript ×4

css ×1

dom ×1

ecmascript-6 ×1

extjs ×1

extjs4 ×1

html ×1

jquery ×1

rating ×1

react-router ×1

reactjs ×1

regex ×1

routing ×1

v8 ×1