javascript - Bootstrap Modal Backdrop get darker? -
html
<a style="float:left" data-toggle="modal" data-target="#memberinfo" href="<?php echo $row['id']; ?>" class="table-link clsmemberinfo view"></a> <!-- member info modal --> <div class="modal fade" role="dialog" id="memberinfo"> </div> ajax
$('.view').click(function(e){ e.preventdefault(); var view_id = $(this).attr("href"); datastring = 'memberid='+view_id; $.ajax({ url: "memberinfo.php", data: datastring, type:"post", text:"json" }).done(function(info) { // console.log(info); $('#memberinfo').html(info); }); console.log(view_id); }); php
$sql = "select d.expiry, (select u.expiry upgrade u u.customerid='$memberid' , d.customerid=u.customerid , u.cmpid = '$companyid' order expiry desc limit 1) uexp details d d.customerid ='$memberid' , d.cmpid = '$companyid' order expiry desc limit 1"; $result = mysqli_query($conn, $sql); $row = mysqli_fetch_array($result, mysqli_assoc); if($row['uexp']>$row['expiry']){ $s = "select d.*, c.*, (select time freeze customerfreezeid='$memberid' , c.cmpid = '$companyid' order expiry desc limit 1) ftime upgrade d, customer c d.customerid = c.id , c.id='$memberid' , c.cmpid = '$companyid' order expiry desc"; $result = mysqli_query($conn, $s); $row = mysqli_fetch_array($result, mysqli_assoc); } else { $s = "select d.*, c.*, (select time freeze customerfreezeid='$memberid' , c.cmpid = '$companyid' order expiry desc limit 1) ftime details d, customer c d.customerid = c.id , c.id='$memberid' , c.cmpid = '$companyid' order expiry desc"; $result = mysqli_query($conn, $s); $row = mysqli_fetch_array($result, mysqli_assoc); } $expfz = $row['expiry']; $explode = explode(" ", $expfz); $expfz1 = $explode[0]; $expfz2 = $explode[1]; echo ' <div class="modal-dialog modal-lg"> <div class="modal-content"> <div id="example"> <div id="invoice" style="display:none" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"><b>tax invoice</b> </div> <div id="company" style="display:none" class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center">'.$companyname.'<br>'.$companyaddress.' <hr> </div> <div class="modal-body text-center"> <b>name : </b>'.$row['customername'].'<span id="btnprint" style="cursor:pointer; float:right" class="glyphicon glyphicon-print"> </span><span id="cmd" style="cursor:pointer; float:right" class="glyphicon glyphicon-download-alt">| </span><br> <b>email : </b>'.$row['email'].'<br> <b>mobile : </b>'.$row['mobile'].'.<br> <b>address : </b>'.$row['address'].'<br> <b>emergency name :</b>'.$row['nameemg'].'<br> <b>emergency mobile : </b>'.$row['mobileemg'].'<br> <hr></hr> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> <span><b>date of joining : </b>'.$row['joining'].'</span> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> <span><b>period : </b>'.$row['period'].'</span> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> <span><b>date of expiry : </b>'.$expfz1.'</span> </div> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> <hr></hr> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 text-center"> <span><b>amount paid : </b>'.$row['paid'].'</span> </div> '; if($row['due']==0 || empty($row['due'])) { echo ' <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 text-center"> <span><b>amount due : </b>'.$row['due'].'</span> </div> '; } else { echo '<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 text-center"> <span><b>amount due : </b>'.$row['due'].' on '.$row['duedate'].'</span> </div> '; } if($row['payment']=="cheque"){ echo ' <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> <br> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-center"> <span><b>paid by: </b>'.$row['payment'].'</span> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-center"> <span><b>bank name : </b>'.$row['bank'].'</span> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-center"> <span><b>cheque number: </b>'.$row['cqn'].'</span> </div> '; } if($row['payment']=="credit card"){ echo ' <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> <br> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-center"> <span><b>paid by: </b>'.$row['payment'].'</span> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-center"> <span><b>bank name : </b>'.$row['bank'].'</span> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-center"> <span><b>credit card name: </b>'.$row['ccn'].'</span> </div> '; } if($row['payment']=="debit card"){ echo ' <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> <br> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-center"> <span><b>paid by: </b>'.$row['payment'].'</span> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-center"> <span><b>bank name : </b>'.$row['bank'].'</span> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 text-center"> <span><b>debit card name: </b>'.$row['dcn'].'</span> </div> '; } echo ' <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> <hr></hr> </div> <span class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> <img src="images/gym.png" width="50px" height="50px"> <b>gym : </b>'.$row['gym'].'</span> <span class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> <img src="images/ca.png" width="50px" height="50px"> <b>cardio : </b>'.$row['cardio'].'</span> <span class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> <img src="images/s.png" width="50px" height="50px"> <b>steam : </b>'.$row['steam'].'</span> <span class="col-lg-3 col-md-3 col-sm-3 col-xs-3"> <img src="images/sauna.png" width="50px" height="50px"> <b>sauna : </b>'.$row['sauna'].'</span> <span class="col-lg-3 col-xs-3"> <img src="images/steam.png" width="50px" height="50px"> <b>spa : </b>'.$row['spa'].'</span> <span class="col-lg-3 col-xs-3"> <img src="images/diet.png" width="50px" height="50px"> <b>diet : </b>'.$row['diet'].'</span> <img src="images/train.png" width="50px" height="50px"> <span><b>trainer : </b>'.$row['trainer'].'</span><br> </div> <div id="rules" class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="display:none"> <hr> <h6 class="text-center">rules , regulations</h6> <ul style="font-size:10px"> <li>we reserve right admission.</li> <li>membership fees non-refundable.</li> <li>the rates facility may changed @ sole discretion of management without prior notice.</li> <li>the management not responsible loss or theft of members belongings.</li> <li>we advice members not responsible not carry valuables gym.</li> <li>smoking, chewing of beetle leafis strictly prohibited in gym premises.</li> <li>courteous member conduct important in order provide pleasant workout experience. poor conduct includes, not limited : use of profanity, bad mouthing others , fighting. if member found treating disrespectfully, membership terminated without refund , member waives right recourse.</li> <li>sports wear compulsory in gym.</li> <li>members must carry separate pair of training shoes changed gym premises maintain hygiene.</li> <li>the management maintain notice board intimidating members of future changes.</li> <li>the management expects members read on regular basis. assume members read notice.</li> <li>we request members use deodorant spray.</li> <li>taxes applicable.</li> </ul> <hr> </div> <div id="signature" class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="display:none;">authorised signature <input type="text"> <span style="float:right">customer signature <input type="text"></span></div> </div> <div class="modal-footer"> <span class="col-lg-3 col-xs-12 col-sm-12 text-center"> <a href="'.$row['id'].'" class="freeze" data-toggle="modal" data-target="#freezemodal">freeze account</a> </span> <span class="col-lg-3 col-xs-12 col-sm-12 text-center"> <a href="'.$row['id'].'" id="preview" data-toggle="modal" data-target="#previewmodal">preview history</a> </span> <span class="col-lg-3 col-xs-12 col-sm-12 text-center"> <a href="#" data-toggle="modal" data-target="#renew">renew/upgrade</a> </span> <span class="col-lg-3 col-xs-12 col-sm-12 text-center"> <a href="#" data-toggle="modal" data-target="#transfer">account transfer</a> </span> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 text-center"> <p></p> </div> </div> </div> </div> </div>'; } i know there questions related tried , nothings working yet
when click on tag targets modal info on modal displayed ajax , data interchanged json
but when want open modal once again modal backdrop gets darker , darker.
Comments
Post a Comment