Bonsour j'ai un code que j'aimerais bien adapter
il s'agit d'ouvrir un deuxieme modal tout en inserant dant ma date
donc dans le premier modal je soumet le formulaire ( message) et ca ouvre le deuxieme modal
je veux le faire en PHP ou Ajax
voici le code html
<a href="#myModal" data-toggle="modal" title="Compose" class="btn btn-compose">
ENCAISSER
</a>
<!-- Modal -->
<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal" class="modal fade" style="display: none;">
<div class="modal-dialog">
<div class="modal-content" style=" background-color:#4BBEFF; color:white; font-weight:bold">
<div class="modal-header">
<button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
<h4 class="modal-title" style="color:yellow; font-weight:bold">ENCAISSEMENT</h4>
</div>
<div class="modal-body">
<form id="form" role="form" class="form-horizontal" action="" method="post">
<div class="form-group">
<label class="col-lg-5 control-label">MONTANT TOTAL A PAYER</label>
<div class="col-lg-7">
<input type="text" id="total" class="form-control text-right" value="<?php echo $resulCmdEnCoursTot['TOTmp'] ; ?> " style="font-size:36px; font-weight:bold">
</div>
</div>
<div class="form-group">
<label class="col-lg-5 control-label">REMISE (%)</label>
<div class="col-lg-7">
<input type="text" id="remise" onkeyup="mensualitees();" class="form-control text-right" >
</div>
</div>
<div class="form-group">
<label class="col-lg-5 control-label">MONTANT APRES REMISE</label>
<div class="col-lg-7">
<input type="text" id="tot_remise" class="form-control text-right" >
</div>
</div>
<div class="form-group">
<label class="col-lg-5 control-label">MONTANT PERCU</label>
<div class="col-lg-7">
<input type="text" id="mtremi" style="background-color:#300;font-size:36px; color:white; font-weight:bold;text-align:right" onkeyup="mensualites();" class="form-control">
</div>
</div>
<div class="form-group">
<label class="col-lg-5 control-label">MONNAIE</label>
<div class="col-lg-7">
<input type="text" id="monnai" style="background-color:#9F3;font-size:36px; font-weight:bold; text-align:right" class="form-control">
</div>
</div>
<div class="form-group">
<label class="col-lg-5 control-label">MONNAIE A RENDRE</label>
<div class="col-lg-7">
<input type="text" id="monnai_remi" onkeyup="mensualite();" style="background-color:#FFF;font-size:36px; font-weight:bold;text-align:right" class="form-control">
</div>
</div>
<div class="form-group">
<label class="col-lg-5 control-label">AVOIR</label>
<div class="col-lg-7">
<input type="text" id="avoir" style="background-color:#FFF;font-size:36px; font-weight:bold; text-align:right" class="form-control">
</div>
</div>
<div class="form-group">
<div class="col-lg-offset-3 col-lg-6">
<input type="submit" name="submit" value="EMETTRE TICKET" style="background-color:#002800;color:#FFF" />
<button class="btn btn-primary" type="button" data-bs-toggle="modal" data-bs-target="#secondModal" data-bs-dismiss="modal">Submit</button>
</div>
</div>
</form>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="modal" id="secondModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header alert alert-success">
<h5 class="modal-title">Second Modal</h5>
<button class="btn-close" type="button" data-bs-dismiss="modal"></button>
</div>
<div class="modal-body">
<p>Message Received</p>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>