Wordpress et jquery et appel ajax.

Cela est interessant.
https://www.youtube.com/watch?v=r88lydJbu8Y

Ceci fonctionne.
test.php

Code:

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
 
<?php
/* Template Name: test */
 
get_header(); ?>
 
 
	<div class="reusite">
	<form id="formulaire" action="" method="post">
	<input type="text" name="lavue" id="lavue" value="">
	<button type="submit" >chercher</button>
	</form>	
	</div>
	<div id="result">
	</div>
 
	<script type="text/javascript">
	jQuery(document).ready(function($) {
 
		$('#formulaire').on('submit',function(e) {
 
			e.preventDefault();
			console.log("ajaxurl");
 
 
		})
 
	})
</script>
 
<?php get_footer(); ?>

Mais ici ca bloque.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<div class="col-md-2">
        <input type="text" name="from_date" id="from_date" class="form-control dateFilter" placeholder="Depuis" required autofocus/>
      <script type="text/javascript">
      $(function(){
				$('*[name=from_date]').appendDtpicker({
					"firstDayOfWeek": 1,
// 					"futureOnly": true,
					"minuteInterval": 15,
					"locale": "fr",
					"dateFormat": "YYYY.MM.DD hh:mm"
 
				});
			});
		</script>
      </div>

Message d'erreure

Citation:

Uncaught TypeError: $(...).appendDtpicker is not a function
at HTMLDocument.<anonymous> ((index):76:2

Le code fonctionne en php web clasique mais pas dans wordpress.

Il semblerait que le fichier css jquery ne soit pas instancier. Pourtant j'ai de functions.php suivant

Code:

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
50
51
52
53
54
55
56
57
58
 
<?php 
 
function register_assets() {
	wp_register_script('bootstrap','https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js');
    wp_register_script('bootstrap','https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js');
    wp_register_script('bootstrap','http://openlayers.org/api/OpenLayers.js');
    wp_register_script('bootstrap','https://getbootstrap.com/docs/5.2/examples/sign-in/');
    wp_register_script('bootstrap','http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js');
    wp_register_script('bootstrap',get_template_directory_uri().'/i18n/datepicker-fr.js');
    wp_register_script('bootstrap',get_template_directory_uri().'/javascripts/jquery.googlemap.js');
    wp_register_script('bootstrap',get_template_directory_uri().'/javascripts/jquery.js');
    wp_register_script('bootstrap',get_template_directory_uri().'/javascriptsjquery.simple-dtpicker.js');
 
    wp_register_script('bootstrap','https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js');
 
    wp_register_style('bootstrap2',get_template_directory_uri().'/design/bootstrap-logo.svg');
    wp_register_style('bootstrap2',get_template_directory_uri().'/css/signin.css');
    wp_register_style('bootstrap2',get_template_directory_uri().'/css/jquery.simple-dtpicker.css');
 
    wp_register_style('bootstrap2',get_template_directory_uri().'/css/bootstrap.min.css');
    wp_register_style('bootstrap2',get_template_directory_uri().'/css/signin.css');
 
 
    wp_register_style('bootstrap2','https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
    wp_register_style('bootstrap2','https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css');
    wp_register_style('bootstrap2','http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css');
 
    wp_register_style('bootstrap2','https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css');
    wp_register_style('bootstrap2','https://getbootstrap.com/docs/5.2/examples/sign-in/');
 
 
 
 
    wp_enqueue_script('bootstrap');
    wp_enqueue_style('bootstrap2');
 }
 
 add_action('wp_enqueue_scripts', 'register_assets');
 
    wp_localize_script( 'bootstrap2', 'ajaxurl', admin_url( 'admin-ajax.php' ) );
 
    wp_localize_script( 'bootstrap', 'ajaxurl', admin_url( 'admin-ajax.php' ) );
 
include get_template_directory() . '/ajax/supprimeractivite.php';
 
add_action( 'wp_ajax_supprimeractivite', 'supprimeractivite' );
add_action('wp_ajax_nopriv_supprimeractivite', 'supprimeractivite');
 
include get_template_directory() . '/ajax/changeractivite.php';
 
add_action( 'wp_ajax_changeractivite', 'changeractivite' );
add_action('wp_ajax_nopriv_changeractivite', 'changeractivite');
 
include get_template_directory() . '/ajax/traitementactivite.php';
 
add_action( 'wp_ajax_traitementactivite', 'traitementactivite' );
add_action('wp_ajax_nopriv_traitementactivite', 'traitementactivite');

Merci pour votre aide.
et j'appel ce code suivant

Code:

1
2
3
4
 
<script src="/i18n/datepicker-fr.js"></script>
<script type="text/javascript" src="jquery.simple-dtpicker.js"></script>
<link type="text/css" href="jquery.simple-dtpicker.css" rel="stylesheet" />

Le probleme est dans function.php que je comprend mal.
Doit on inclure un hook wp_head pour charger tout les scriptes. .???

Ok c'est bon.
il faut faire attention à déclarer le css avant le javascript et ne pas redeclarer ou mettre plusieur version concurante.