jquery
Showing posts with label jquery. Show all posts
Showing posts with label jquery. Show all posts

Pass id value from a href to bootstrap modal php

9:52 AM Add Comment

Pass id value from a href to bootstrap modal php
Pass id value from a href to bootstrap modal php
<!-- Edit Modal -->

<div class="modal fade" id="myModalNorm1" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <!-- Modal Header -->
            <div class="modal-header">
                <button type="button" class="close"
                   data-dismiss="modal">
                       <span aria-hidden="true">&times;</span>
                       <span class="sr-only">Close</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    Edit CONSULTANTS
                </h4>
            </div>
           
            <!-- Modal Body -->
            <div class="modal-body">
                <div class="fetched-data"></div>
            </div>
          
        </div>
    </div>
</div>
<!-- End Modal -->

Javascript


<script>
$(document).ready(function(){
    $('#myModalNorm1').on('show.bs.modal', function (e) {
        var rowid = $(e.relatedTarget).data('id');
        $.ajax({
            type : 'post',
            url : 'fetch_record.php', //Here you will fetch records
            data :  'rowid='+ rowid, //Pass $id
            success : function(data){
            $('.fetched-data').html(data);//Show fetched data from database
            }
        });
     });
});
</script>

fetch_record.php


<?php include 'include/config.php';
if($_REQUEST['rowid']) {
    $con_id = $_REQUEST['rowid']; //escape string
    $sql_content1="select * from list_of_consultants where consultants_id='$con_id'";
    $sql_content_res1=mysql_query($sql_content1);
    $content_data=mysql_fetch_array($sql_content_res1);
   
   
    echo "<form method='POST'>
                  <div class='form-group'>
                    <label for='exampleInputEmail1'>Consultants Name</label>
                   
                      <input type='text' class='form-control'
                      id='exampleInputEmail1' name='conname' value='".$content_data['consultants_name']."' placeholder='Consultants Name'/>
                  </div>
                 
                  <div class='form-group'>
                    <label for='exampleInputEmail1'>Address(Title)</label>
                      <input type='text' class='form-control'
                      id='exampleInputEmail1' name='addtitle' value='".$content_data['consultants_address_title']." ' placeholder='Address(Title)'/>
                  </div>
                  <div class='form-group'>
                    <label for='exampleInputEmail1'>Address</label>
                      <textarea placeholder='Address' name='address' class='form-control'>".$content_data['consultants_address']."</textarea>
                  </div>
                  <div class='form-group'>
                    <label for='exampleInputEmail1'>Telephone No</label>
                      <input type='text' class='form-control'
                      id='exampleInputEmail1' name='telno' value='".$content_data['consultants_telephone']."' placeholder='Telephone No'/>
                  </div>
                  <div class='form-group'>
                    <label for='exampleInputEmail1'>Residence No</label>
                      <input type='text' class='form-control'
                      id='exampleInputEmail1' name='resino' value='".$content_data['consultants_recedence']."' placeholder='Residence No'/>
                  </div>
                  <input type='hidden' name='c_id' value='".$content_data['consultants_id']."'/>
                  <input type='submit'  class='btn btn-primary' name='consult_update' value='Update'/>
                    <button type='button' class='btn btn-default'
                            data-dismiss='modal'>
                                Close
                    </button>
                
                </form>";
 }
?>

dynemic value change in table jquery

9:16 AM Add Comment
dynemic value change in table jquery
<!DOCTYPE html>
<html>

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

</head>

<body>
    <table class="table" id="tableCompleted" border="2">
        <thead>
            <tr>
                <th>Name</th>
                <th>Language</th>
                <th>Databased</th>
                <th>Script</th>
                <th>Programming</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Laravel</td>
                <td>PHP</td>
                <td>MySQL</td>
                <td>mysqli</td>
                <td>Javascript</td>
            </tr>
            <tr>
                <td>Java</td>
                <td>c</td>
                <td>c++</td>
                <td>c#</td>
                <td>Oracle</td>
            </tr>
            <tr>
                <td>Mean.js</td>
                <td>Android</td>
                <td>IOS</td>
                <td>Magento</td>
                <td>HTML</td>
            </tr>
        </tbody>
    </table>
    <script>
        $('td').on('click', function() {
            var $this = $(this);
            var $input = $('<input>', {
                value: $this.text(),
                type: 'text',
                blur: function() {
                    $this.text(this.value);
                },
                keyup: function(e) {
                    if (e.which === 13) $input.blur();
                }
            }).appendTo($this.empty()).focus();
        });
    </script>
</body>

</html>
Subscribe to: Posts (Atom)

Kategori

Kategori