How to create dynamically add row and delete

How to create dynamically add row and delete

Md. Shahab uddin
12-07-2018

HTML Code

<div class="table-responsive" style="margin-top: 10px">
<input id="add-invoice-item" class="btn btn-info" name="add-new-item" onclick="addInputField('addinvoiceItem');" value="Add New" type="button" style="margin: 0px 15px 15px;">
<table class="table table-bordered table-hover" id="normalinvoice">
<thead>
<tr>
<th class="text-center"><?php echo display('date') ?></th>
<th class="text-center"><?php echo display('assesment') ?></th>
<th class="text-center"><?php echo display('suggestion') ?></th>
<th class="text-center"><?php echo display('notes') ?> </th>
<th class="text-center"><?php echo display('action') ?> </th>
</tr>
</thead>
<tbody id="addinvoiceItem">
<tr>
<td>
<input name="follow_up_date[]" id="follow_up_date" class="form-control datepicker1" value="" min="1">
</td>
<td>
<input name="assesment[]" value="" id="assesment" class="assesment1 form-control" type="text">
</td>
<td>
<input name="suggestion[]" onkeyup="suggestion(1);" id="suggestion" class="form-control" placeholder="" value="" min="0" type="text">
</td>
<td>
<input name="note[]" onkeyup="note(1);" id="note" class="form-control" placeholder="" value="" min="0" type="text">
</td>
<td>
<button style="text-align: right;" class="btn btn-danger" type="button" value="<?php echo display('delete') ?>" onclick="deleteRow(this)"><?php echo display('delete') ?></button>
</td>
</tr>
</tbody>
</table>
</div>

Read More
How to learn image zoomer

How to learn image zoomer

Md. Shahab uddin
07-06-2018

This is link

<link href="css/jquery-picZoomer.css" rel="stylesheet">
<script src="js/jquery.picZoomer.js" type="text/javascript"></script>
<script type="text/javascript">
$('.picZoomer').picZoomer();
$('.piclist li').on('click', function (event) {
var $pic = $(this).find('img');
$('.picZoomer-pic').attr('src', $pic.attr('src'));
});
</script>

Read More
How to multiple data select using jquery

How to multiple data select using jquery

Md. Shahab uddin
15-03-2018

CDN Link :

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/css/bootstrap-multiselect.css" type="text/css"/>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.min.js"></script>

Read More
Dynamic Table row creation and Deletion use javascript

Dynamic Table row creation and Deletion use javascript

Md. Shahab uddin
22-05-2017

In this post i'm showing how to  creation and deletion a row use javascript and html .... 

Read More
How to use datepicker

How to use datepicker

Md. Shahab uddin
13-05-2017

<input type="text" class="form-control pull-right datepicker" id="datepicker" name="dob" placeholder="mm/dd/yyyy">

Read More
How to create dynamically add row

How to create dynamically add row

Md. Shahab uddin
10-04-2017

In this tutorials i'm showing how to create a dynamically row add without page refreshing ..........

Read More
how go to top when i scroll bottom of a page

how go to top when i scroll bottom of a page

Md. Shahab uddin
29-03-2017

<div id="toTop" class="toTop"><i class="fa fa-angle-up"></i></div>

 

Read More
How to auto reload after some second

How to auto reload after some second

Md. Shahab uddin
21-03-2017

How to auto reload after some second

Read More
When i scroll down then menu & header is top fixed

When i scroll down then menu & header is top fixed

Md. Shahab uddin
16-03-2017
.....

.fixed {

    position: fixed; 

    top: 0;     height: 10px;     z-index: 1;

    width: 100%;    background: #fff;

    height: 85px;

}

Read More