Category Jquery

Create calendar in php using ajax

Posted in Ajax, Jquery, Php No comments September 21, 2017

Bootstrap full width slider

Posted in Bootstrap, CSS, Jquery No comments September 21, 2017

Barcode Master

<script src="js/prototype.js" type="text/javascript"></script>
    <script src="js/prototype-barcode.js" type="text/javascript"></script>
  <script type="text/javascript">
     function generateBarcode(code,type,target){
        var value = code;
        var btype = type;
        var renderer = 'css';
        
        var settings = {
          output:renderer,
          bgColor: '#FFFFFF',
          color: '#000000',
          barWidth: '1',
          barHeight: '12',
          moduleSize: '5',
          posX: '10',
          posY: '20',
          addQuietZone: false
        };
          $(target).update().show()...

Posted in Jquery No comments August 19, 2017

jQuery Editor

Posted in Jquery No comments August 3, 2017

Add textbox dynamically with jQuery

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    var counter = 2;

    $("#addButton").click(function () {

	if(counter>5){
            alert("Only 5 textboxes allow");
            return false;
	}

	var newTextBoxDiv = $(document.createElement('div'))
	     .attr("id", 'TextBoxDiv' + counter);

	newTextBoxDiv.after().html('<label>Textbox #'+ counter + ' : </label>' +
	      '<input type="text" name="textbox' + counter +
	      '" id="textbox' + counter + '" value="" >');

	newTextBoxDiv.appendTo("#TextBoxesGroup");


	counter++;
     });

     $("#removeButton")...

Posted in Jquery No comments August 2, 2017

Merge Table Common Rows

All Columns

function MergeCommonRows(table) {
    var firstColumnBrakes = [];
    // iterate through the columns instead of passing each column as function parameter:
    for(var i=1; i<=table.find('th').length; i++){
        var previous = null, cellToExtend = null, rowspan = 1;
        table.find("td:nth-child(" + i + ")").each(function(index, e){
            var jthis = $(this), content = jthis.text();
            // check if current row "break" exist in the array. If not, then extend rowspan:
            if (previous == content && content !== "" && $.inArray(index, firstColumnBrakes) === -1) {
                // hide the row instead of remove(), so the DOM index won't "move" inside loop.
                jthis...

Posted in Jquery No comments July 28, 2017

Bootstrap popup

HTML

<!-- BEGIN # BOOTSNIP INFO -->
<div class="container">
	<div class="row">
		<h1 class="text-center">Modal Login with jQuery Effects</h1>
        <p class="text-center"><a href="#" class="btn btn-primary btn-lg" role="button" data-toggle="modal" data-target="#login-modal">Open Login Modal</a></p>
	</div>
</div>
<!-- END # BOOTSNIP INFO -->

<!-- BEGIN # MODAL LOGIN -->
<div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
    	<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header" align="center">
					<img class="img-circle" id="img_logo" src="http://bootsnipp.com/img/logo...

Posted in Bootstrap, CSS, Jquery No comments July 21, 2017

Disabled Right Click using Javascript

document.addEventListener('contextmenu', event => event.preventDefault());

1	document.addEventListener('contextmenu', event => event.preventDefault());

Posted in Jquery No comments June 5, 2017

Add Multiple Text Box with Ajax Autocomplete

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min...

Posted in Jquery, Php No comments May 8, 2017

Dropdown with search using jquery

Posted in Jquery No comments May 5, 2017

Tweet