JSFiddle - React, Tailwind, and code Playground

by master1991

HTML

<table border="1">
    <thead>
        <tr>
            <td>
                <div style="float: right;">
                    <button disabled="" style="width: 30px;"><<</button>
                    <button id="callPlus" style="width: 30px;">>></button>

                </div>
            </td>
        </tr>
    </thead>
    <tbody>
        <tr onclick="newDoc(118)">
            <td>
				Something. ..
			</td>
        </tr>
        <tr onclick="newDoc(117)">
            <td>
				Something. ..
			</td>
        </tr>
        <tr onclick="newDoc(116)">
            <td>
				Something. ..
			</td>
        </tr>
        <tr onclick="newDoc(114)">
            <td>
                <div style="display: inline-block;">Something. ..</div>
                <button class="moveTo" data-moveto="114" style="display: inline-block; float: right;">DO</button>
            </td>
        </tr>
        <tr onclick="newDoc(113)">
            <td>
                <div style="display: inline-block;">Something. ..</div>
                <button class="moveTo" data-moveto="113" style="display: inline-block; float: right;">DO</button>
            </td>
        </tr>
    </tbody>
</table>
<script>
  function newDoc(val) {

    window.open("?view=edit&id="+val+"", "_blank")
  }
</script>

JavaScript

$(document).ready(function(){
	$(document).on('click', '.moveTo',  function(e) {
		e.preventDefault();
		//e.stopImmediatePropagation();
		e.stopPropagation();
		var moveTo = $(this).attr("data-moveTo");

		if(confirm('Are ou sure?')){
			console.log("SHOULDNT CLICK OK "+moveTo);
		}else{
			console.log("SHOULDNT CLICK NOT OK "+moveTo);
		}	 
		
	});
});