Bonsoir,
J'ai piqué un formulaire que j'avais fait précédemment où tout fonctionnait, mais voilà qu'il ne fonctionne plus sur mon nouveau site, il s'affiche sur la page, mais pas en modal (clic sur l'enveloppe).
J'ai bien essayé de comprendre, rien n'y fait. Le fichier php est bien à sa place, comme les CSS.
Seule différence entre l'ancienne et nouvelle version : les bibliothèques.
Mais problème de conflits
Voici le
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
	<div id="myModal" class="modal fade" tabindex="-1" role="dialog">
	  <div class="modal-dialog">
		<div class="modal-content">
		  <div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="position:absolute;top:5px;right:10px;">&times;</button>
			<h4 class="modal-title">Contact Form</h4>
		  </div>
		  <div class="modal-body">
			<form class="form-horizontal" id="contactform" name="commentform" method="post" action="sendmail.php"
				  data-bv-message="This value is not valid"
				  data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
				  data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
				  data-bv-feedbackicons-validating="glyphicon glyphicon-refresh"
				  >
			  <div class="form-group">
				<label for="first_name">First Name</label>
				  <input type="text" class="form-control" id="first_name" name="first_name" placeholder="First Name" />
			  </div>
			  <div class="form-group">
				<label for="last_name">Last Name</label>
				  <input type="text" class="form-control" id="last_name" name="last_name" placeholder="Last Name" />
			  </div>
			  <div class="form-group">
				<label for="email">Email Address</label>
				  <input type="email" class="form-control" id="email" name="email" placeholder="Email Address"
						 data-bv-notempty data-bv-notempty-message="An Email address is mandatory" />
			  </div>
			  <div class="form-group">
				<label>Question or Comment</label>
				  <textarea rows="6" class="form-control" id="comments" name="comments" placeholder="Your question or comment here" data-bv-notempty data-bv-notempty-message="A Question or Comment is mandatory"></textarea>
			  </div>
			  <div id="box_contactform_infos" class="clearfix"></div><!-- sendmail result -->
			  <div class="form-group clearfix">
				  <button type="reset" value="reset" class="btn btn-custom pull-left" id="reset_btn" onclick="document.querySelector('#box_contactform_infos').textContent='';">Reset</button>
				  <button type="submit" value="Submit" class="btn btn-custom pull-right" id="send_btn">Send</button>
			  </div>
 
			</form>
 
		  </div><!-- End of Modal body -->
		</div><!-- End of Modal content -->
	  </div><!-- End of Modal dialog -->
	</div><!-- End of Modal -->
 
 
	<div id="footer">
<div class="reseaux">
<a href="#myModal" data-toggle="modal"><i class="fa fa-envelope-o fa-2x"></i></a></div>
</footer>
et voici les scripts src :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://kit.fontawesome.com/9eeb5b4021.js" crossorigin="anonymous"></script>	
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.1/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/jquery.ba-cond.min.js"></script>
<script src="js/jquery.slitslider.js"></script>

Si seulement le problème ne pouvait venir que de là...
Merci pour votre aide,
ED