Modal show using bootstrap 3.3.2

<!-- @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ -->
<!-- @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ -->
<section class="content">       
<!-- URL search :: http://kingsfile.us/bootstrap-3-3-2-modal-events-fire-multiple-times/ -->
<div class="col-md-7">
  <div class="modal-content cursor-pointer" data-toggle="modal" data-target="#modal-1">
  <a href="#" > Click me ! Show Modal </a>
  </div>
</div>
<!-- OR -->
<div class="col-md-7">
    <img class="img-modal img-responsive cursor-pointer" data-toggle="modal" data-target="#modal-1" src="www" alt="image">
</div>
<!-- Getting above id(data-target="#modal-1") call below modal -->
<div class="row">
   <!--  Modal -->
<div class="modal fade top-space-0" id="modal-1" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content cursor-pointer" data-toggle="modal" data-target="#modal-1">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="#modal-1">CLOSE &times;</button>
                <h1 class="modal-title">Modal Title</h1>
            </div>

            <div class="modal-body">
                <div class="img-center">
                    <img class="img-modal img-responsive" src="wwww" alt="image">
                </div>
            </div>

            <div class="modal-footer">
                <a ="#" class="btn btn-default" data-dismiss="modal">Close</a>
            </div>
        </div>
    </div>
</div>
<!--  Modal end -->
</div>
</section><!-- /.content -->
<!-- @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ -->
<!-- @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ -->

Modal call bootstrap

<div class="row">
        <div class="metro-nav-block nav-block-blue">
            <a data-original-title="" href="#">
                <i class="icon-stethoscope"></i>
                <div class="info">+897</div>
                <div class="status">
                  <div style="width:150px;" class="span4 proj-div" data-toggle="modal" data-target="#TRGSCCModal">Test Result</div>
                </div>
            </a>
        </div>
</div>
 Now page is according to href link:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<div id="IPDGSCCModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                 <div class="modal-dialog">
                    <div class="modal-content">
                      <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;  </button>
                        <h4 class="modal-title" id="myModalLabel">IPD Request List</h4>
                      </div>
                      <div class="modal-body">
                        ...IPD Request
                      </div>
                      <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary">Save changes</button>
                      </div>
                    </div>
                  </div>
                </div>




@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@













using script :
<script>
   function addRoomFrmmeetingRoomFunc(){ //Start Modal Meeting Room *********
        var ajaxURL = "addRoomFrmmeetingRoomModalMra.do";
        $.ajax({
            async:false,
            url : ajaxURL,
            success : function(result) {
                $("#addRoomAzax_modalPage").html(result);
            },
            complete:function(){
                $("#ARGSCCModal").modal({
                    backdrop:'static',
                    show:true
                });
                //dataTableInitializeMeetingRoomGP();
            }
           
        });
    }
</script>

<div id="ARGSCCModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width:500px;left:650px;">
 <div class="modal-dialog">
    <div id="addRoomAzax_modalPage" class="modal-content" style="width:500px;left:650px;">
                   
    </div>
  </div>
</div>

parse int ( getFst=parseInt(10.30); )

          For float number validation ::

              var getFst = document.getElementById('onestartTime').value;
             var getSnd = document.getElementById('twostartTime').value;


             getFst=parseInt(getFst);

             getSnd=parseInt(getSnd);


            if(getFst==getSnd || getFst>getSnd){

                 alert("start time must be smaller than endtime");
                 return false;

             }

Example:
here , getFst=10.00
          getSnd=10.15