Wordpress et jquery et appel ajax.

**Philcmoi** · 11/08/2023, 16h26

Bonjour et merci à tous.
Voila des codes qui ne fonctionnent pas.
Pouvez vous me dire oû il y a un défaut.

Code :

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
 
JQuery(document).ready(function () {
$("table tr").on("click",function () {
 
 
	var identifiant = $(this).find('td:first').html();
 
 
	var clickedCell=$(event.target);
 
 	var compar = clickedCell.text();
 
 	if(compar == 'Effacer' &&  identifiant != null){
	if (confirm('Voulez vous effacer la ligne choisie')) {
 
$.post('ajax/supprimeractivite.php', {
	identifiant : identifiant,
								},
 
    function(data){
 
        if (data == "Success") {           
            $("#resultat").html(" ! <p>Vous allez etre rediriger sur la liste des activite</p>");
            setTimeout(function() {$('#resultat').fadeOut();document.location.href = 'indexdate.php'}, 3000);
 
            } 
        else {
            $("#resultat").html("<p>Erreur lors de la connexion...</p>");
    	    }
	        },
	        'text'
	        );
	}
	else {};
}

et supprimeractivite.php

Code :

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
 
<?php
 
 if (isset($_POST['identifiant'])) { 
     $order_number = $_POST['identifiant'];
 
 
    $req = "DELETE FROM orders WHERE order_number = '$order_number'";
    $mysqli = new mysqli('127.0.0.1', 'root', '', 'philippe');
 
 
    if ($mysqli->connect_errno) {
        echo "Échec lors de la connexion à MySQL : (" . $mysqli->connect_errno . ") " . $mysqli->connect_error;
    }
 
 
    if (!$mysqli->query($req) ) {
        echo "Echec lors de la creation de la table : (" . $mysqli->errno . ") " . $mysqli->error;
    } 
 
    echo "Success";
 
 }

Le tableau de gestion:
Nom : Capture d'écran 2023-08-11 153208.png
Affichages : 123
Taille : 22,4 Ko

Nom : Capture d'écran 2023-08-11 153219.png
Affichages : 116
Taille : 15,1 Ko

**Philcmoi** · 11/08/2023, 17h36

Cela est interessant.

Ceci fonctionne.
test.php

Code :

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
 
<?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 :

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
 
<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

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 :

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
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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

Wordpress et jquery et appel ajax.

WordPress PHP

Vue hybride

Discussions similaires

Partager

Partager