How to change table cell colour to default on triple click html5/javascript/css

Question

I am new to web development and to get my some knowledge on this, I am working on a project https://jsfiddle.net/pz6tc3ae/30/ (Please try the project in chrome, some features don't work in other browsers). There are two tables in this project and on click on any cell in table 1, it triggers table 2 and if user clicks on an option in table 2, it changes the colour of clicked cell in table 1.

What I want to do is, add a feature in table 1 that when user clicks 3 times on a cell in table 1 the colour of the cell changes to a specfic/default colour.

I have done some research but being new to javascript and html5, I am not quite sure how to implement my research into the project I am working on, so any help is welcomed.

For example, reading on w3school: http://www.w3schools.com/tags/ev_ondblclick.asp I found double click function

<button ondblclick="myFunction()">Copy Text</button>

<script>
function myFunction() {
    document.getElementById("field2").value = document.getElementById("field1").value;
}
</script>

Also, there was a useful answer given by Andy E on How do I listen for triple clicks in JavaScript? but I am not sure how to go about putting this in my project.

Thanks in advance and if my question was not clear please let me know.

would it be something like this: if (evt.detail === 3) { firstTableCells[i].style.background = "black" } — Henry
– Henry, Commented Feb 4, 2016 at 9:00
here's a similar post stackoverflow.com/questions/15666660/… — Tan See Youu
– Tan See Youu, Commented Feb 4, 2016 at 9:01

Henry · Accepted Answer · 2016-02-04 09:08:05Z

0

Based on @Ryan.Hunt comment/help I was able to solve my problem using this:

 if (evt.detail === 3) {
            actionCell.style.background = '#000000';
        }

https://jsfiddle.net/5xrqpggh/

I hope it will help future readers.

answered Feb 4, 2016 at 9:08

Henry

1,0522 gold badges19 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to change table cell colour to default on triple click html5/javascript/css

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related