小编Bac*_*ice的帖子

Highlighting and Un-Highlight a table row on click from row to row

I've been at this problem for awhile with no luck.

Please note. No jquery =/

The JS code I have is as following

function highlight(){
 var table = document.getElementById('dataTable');
 for (var i=0;i < table.rows.length;i++){
  table.rows[i].onclick= function () {
   if(!this.hilite){
    this.origColor=this.style.backgroundColor;
    this.style.backgroundColor='#BCD4EC';
    this.hilite = true;
   }
   else{
    this.style.backgroundColor=this.origColor;
    this.hilite = false;
   }
    }
 }
}
Run Code Online (Sandbox Code Playgroud)

The HTML is as following

<table id="dataTable">
  <tr onclick="highlight()"><td>Data1</td><td>Data2</td></tr>
  <tr onclick="highlight()"><td>Data1</td><td>Data2</td></tr>
  <tr onclick="highlight()"><td>Data1</td><td>Data2</td></tr>
</table>
Run Code Online (Sandbox Code Playgroud)

Currently when I click it changes color, however when I click on …

html javascript

5
推荐指数
3
解决办法
5万
查看次数

使用javascript删除字符串中的所有非字母数字和任何空格

我正在尝试从字符串中删除任何非字母数字字符ANY空格.

目前我有一个两步解决方案,并想进入一个.

var name_parsed = name.replace(/[^0-9a-zA-Z ]/g, ''); // Bacon, Juice | 234
name_parsed = name_parsed.replace(/ /g,'')
console.log(name_parsed); //BaconJuice234
Run Code Online (Sandbox Code Playgroud)

有人能告诉我如何在一次执行中实现上述而不是两次吗?

javascript regex

4
推荐指数
1
解决办法
1万
查看次数

无法从动态数据对象设置裁剪器数据

我正在使用Cropper JS库,我在设置初始化后的裁剪框后设置数据时遇到了一些问题.

https://github.com/fengyuanchen/cropper/blob/master/README.md http://fengyuanchen.github.io/cropper/

我在这里创建了一个JSFiddle http://jsfiddle.net/vs2merje/1/

我的问题是我想在使用动态对象初始化cropbox之后更改以下参数{x,y,w,h}.

var imageURL = "http://i.imgur.com/zIQ92.jpg";
var imageBox = $('.img-container img');

//Initial crop box settings.
var options = {
    aspectRatio: 1/2
};

//If condition is met, create a dynamic settings object to reset the box.
if(imageURL != null){
    console.log("It's not empty, building dedault box!");
    var DefaultCropBoxOptionObj = {
        height: 25,
        width: 25
    };
    console.log(DefaultCropBoxOptionObj);
    imageBox.cropper(options);
    imageBox.cropper('setData', DefaultCropBoxOptionObj);//add the dynamic settings.
    imageBox.cropper('replace', imageURL);

}
Run Code Online (Sandbox Code Playgroud)

正如您在JSFiddle中看到的那样,来自动态框的数据不适用于25px的高度和宽度的框.

谁能给我一些关于为什么会发生这种情况的见解?

谢谢.

html javascript css jquery

4
推荐指数
1
解决办法
3608
查看次数

获取具有相同类的多个输入字段的值并添加到javascript对象中

我面临的问题如下:

<input title="1" type="text" class="email">
<input title="2" type="text" class="email">
<input title="3" type="text" class="email">
Run Code Online (Sandbox Code Playgroud)

上面是我的html,我试图抓取每个输入框的电子邮件并将其存储在标题为关键字的对象中.

这是我的JavaScript目前的样子

var emailObj = {};
$("input[class=email]").each(function() {

    var id = $(this).attr("title");
    var email = $(this).val()

    emailObj[id] = email;
});
Run Code Online (Sandbox Code Playgroud)

目前console.log仅显示添加到对象的最后一个值,如下所示.

Object { 3="a@a.com"}
Run Code Online (Sandbox Code Playgroud)

我的预期结果如下所示

Object { 1="a@a.com", 2="b@b.com", 3="c@c.com"}
Run Code Online (Sandbox Code Playgroud)

有人可以帮我解决这个问题吗?

谢谢你的阅读,问候.

html javascript jquery html5

3
推荐指数
1
解决办法
2万
查看次数

处理PHP和HTML <option>逻辑的更好解决方案

想知道你是否可以告诉我一个更好的方法来处理这个逻辑?我写了这篇文章并为此感到非常惭愧.你能告诉我这个逻辑的更好的优化版本吗?

PS $ result ["item"]; 返回一个整数.

$type = $result["item"];
switch ($type){
case "1":
$type_output = '    
<option value="1" selected>Cash</option>
<option value="2">Cheque</option>
<option value="3">Debit Card</option>
<option value="4">Credit Card</option>';
break;

case "2":
$type_output = '    
<option value="1">Cash</option>
<option value="2" selected>Cheque</option>
<option value="3">Debit Card</option>
<option value="4">Credit Card</option>';
break;

case "3":
$type_output = '    
<option value="1">Cash</option>
<option value="2">Cheque</option>
<option value="3" selected>Debit Card</option>
<option value="4">Credit Card</option>';
break;

case "4":
$type_output = '    
<option value="1">Cash</option>
<option value="2">Cheque</option>
<option value="3">Debit Card</option>
<option value="4" selected>Credit Card</option>';
break;
} …
Run Code Online (Sandbox Code Playgroud)

html php

3
推荐指数
1
解决办法
147
查看次数

为什么即使调用成功,Jquery $ .ajax也会在函数调用时触发所有statusCode

嘿家伙我有一个简单的Jquery ajax函数调用,看起来像这样.

function getUsers(){
    var jqxhr = $.ajax({
        url: "../assets/js/data/users.json",
        type: "GET",
        cache: true,
        dataType: "json",
        statusCode: { 
            404: handleError404("Error at getUsers();"),
            500: handleError500("Error at getUsers();")
        },
        success: function (data) {
            $.each(data, function(index, element) {
                console.log(element.name);
            });
        }
    });
}
Run Code Online (Sandbox Code Playgroud)

错误句柄函数看起来像这样.

function handleError500(customMsg){
    alert("Oops, there was an error: 500");
    console.log("ERROR: 500 | "+customMsg);
}

function handleError404(customMsg){
    alert("Oops, there was an error: 404");
    console.log("ERROR: 404 | "+customMsg);
}
Run Code Online (Sandbox Code Playgroud)

由于一些奇怪的原因,即使在成功调用没有任何错误500或404的情况下,statusCode函数也会被触发.

有任何想法吗?谢谢.

javascript ajax jquery

3
推荐指数
1
解决办法
427
查看次数

将年、月、日转换为 momentjs Unix 时间戳

我试图获得与1502755200000使用 momentjs相同的价值

console.log(Date.UTC(2017, (8-1), 15));//1502755200000

var newDate = moment();
newDate.set('year', 2017);
newDate.set('month', 7);  // April
newDate.set('date', 15);

console.log(newDate.format('X'));//1502818350
Run Code Online (Sandbox Code Playgroud)

但是,当我尝试获得毫秒数时,我1502818350知道如何获得与上述完全相同的时间戳吗?

这是小提琴https://jsfiddle.net/cdvzoezb/1/

javascript timestamp date momentjs

3
推荐指数
1
解决办法
4160
查看次数

如何使用Javascript验证数字对0.5增量

我正在尝试使用0.5增量来验证javascript字符串.所以对于exmaple ..

var number = 1      //true
var number = 1.2    //false
var number = 1.5    //true
var number = 2.8    //false
var number = 4      //true
var number = 0.5    //true
var number = 10.4   //false
Run Code Online (Sandbox Code Playgroud)

我想知道是否有人可以帮助我开始这样的事情.或许可以参与正则表达式吗?

function validateNumber(value){
    //Do validation
}
Run Code Online (Sandbox Code Playgroud)

谢谢你的阅读.

javascript regex

2
推荐指数
1
解决办法
1027
查看次数

在条件下使用XSL在变量中设置值

我有一个基本条件,可以检查变量是否为空,以及是否将变量设置为特定值,例如这样。

<xsl:variable name="PIC" select="avatar"/>

<xsl:choose>
  <xsl:when test="avatar !=''">
    <xsl:variable name="PIC" select="avatar"/>
  </xsl:when>
  <xsl:otherwise>
    <xsl:variable name="PIC" select="'placeholder.jpg'"/>
  </xsl:otherwise>
</xsl:choose>
Run Code Online (Sandbox Code Playgroud)

基本上,将var PIC设置为任何avatar返回值。然后进行测试,以检查它是否不为空并分配给var PIC,如果为空,placeholder.jpg则向var添加一个值PIC

现在由于某种原因,我不断收到以下警告

A variable with no following sibling instructions has no effect

对我在这里做错的任何想法吗?

xslt xslt-2.0

2
推荐指数
1
解决办法
6153
查看次数

在刀片模板上显示JSON对象

我正在尝试显示返回到刀片模板的JSON对象,该模板应显示以下输出

2007 | Kanye | UltralightBeam  
2008 | JayZ  | 99 Problems
Run Code Online (Sandbox Code Playgroud)

JSON看起来像这样

{
    "2007":{
        "name" : "Kanye",
        "song" : "UltralightBeam"
    },
    "2008":{
        "name" : "JayZ",
        "song" : "99 Problems"        
    }
}
Run Code Online (Sandbox Code Playgroud)

到目前为止,我有这样的东西显示名字和歌曲

@foreach($data['data_obj'] as $obj)
    {{$obj['name']}} | {{$obj['song']}} 
@endforeach
Run Code Online (Sandbox Code Playgroud)

但是我不确定我怎么能把它显示出来呢?

任何指导将不胜感激。谢谢!

php laravel blade laravel-5 laravel-blade

2
推荐指数
1
解决办法
896
查看次数

标签 统计

javascript ×7

html ×4

jquery ×3

php ×2

regex ×2

ajax ×1

blade ×1

css ×1

date ×1

html5 ×1

laravel ×1

laravel-5 ×1

laravel-blade ×1

momentjs ×1

timestamp ×1

xslt ×1

xslt-2.0 ×1