Discussion :

[nouilletonne]

alors j'ai regardé beaucoup de tutos j'ai un peu essayé JSON mais j'y suis pas arrivé du premier coup et comme la requete fonctionnait
j'ai plutot bloqué sur la navigation et le reset du script du carousel
et c'est pas gagné
si je met les buttons de navigation dans la fonction coté serveur ou dans le script jquery ajax ça fonctionne
je reinitialise le script du carousel
mais j'aimerais avoir acces aux buttons originels alors je comprend bien le fait que le DOM est déjà chargé et que je modifie qu'une partie avec la requete
est cela qui bloque ou autres choses ?

je remet les divers codes :

jqueryj/ajax:

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
$(document).ready(function() {
    $('body').on('click', '.sb-trigger', function(e) {
        e.preventDefault();
        var split = $(this).attr("value").split("&");
        var posttype = split[0];
        var taxonomy = split[1];
        var termA = split[2];
        var terms = new Array();
        if (typeof termA !== 'undefined') {
            terms = termA.split(",");
        }
        $.post(ajaxurl, {
            'action': 'load_more',
            'post_type': posttype,
            'taxonomy': taxonomy,
            'terms': terms
        }, function(response) {
            msg = '<h4>The request was a success! <br /></h4>';
            $('.bottom-center .sb-content').html(msg + response);
            ici ça fonctionne
            /*$('.bottom-center .sb-content').append(
            		'<div id="btn-group" class="nav">'+							
            		'<button class="slider-prev"><<</button >'+
            		'<button class="sb-trigger-all">ALL</button>'+
            		'<button class="slider-next">>></button>'+
            		'</div>'
            		);
            */
        }).done(function() {
            alert("second success");
        }).fail(function() {
            alert("error");
        }).always(function() {
            alert("finished");
            $.getScript('http://localhost/wp001/wp-content/themes/childmla05/js/jquery.infinite-carousel-1.1.js?ver=1.1', function() {
                alert('loaded script and content');
            });
        });
    });
});

coté serveur

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function load_more() {
(...)
	<div id="btn-group" class="nav">							
			<button class="slider-prev"> << </button >
			<button class="sb-trigger-all">ALL</button>
			<button class="slider-next">>></button>
		</div>
	<?php
 
        die();// avec ou sans ça change rien
        
}
?>

coté html

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
50
<!-- SIDEBAR -->	
	<section id="sb" class="bottom-right">
			<section class="sb-inside">
				bottom-right
				<section class="sb-content">
				<?php 
                                $sb="menu";
                                get_template_part('content','control');  ?> //ici les buttons d'appels de la requete ajax jquery
			</section>
		</section>
	</section>
 
 
<!-- END SIDEBAR -->
 
<!-- SIDEBAR -->
	<section id="sb" class="bottom-left">
			<section class="sb-inside">
				bottom-left
				<section class="sb-content">
				<?php 
                                $sb="pannel";
                                get_template_part('content','control');  //ici buttons de navigation divers dont le carousel
                                ?>
 
			</section>
		</section>
	</section>
<!-- END SIDEBAR -->
 
<!-- SIDEBAR -->	
	<section id="sb" class="bottom-center">
			<section class="sb-inside">
				bottom-center
				<section class="sb-content">
				<?php 
                                if ($is_media_archive==1 ){
                                        get_template_part('content','carousel');  
                                }else {
                                        echo "navigation";
                                        get_template_part('content','navigation');
                                                                                
                                }
                                ?>
			</section>
 
			</section>
		</section>
	</section>
<!-- END SIDEBAR -->

vivement la fin de ce site qui sera quasi fini enfin espérons !!! (juste du cosmetic css)
apres je ferais les tutos "scolairement" et même revoir des notions et tutos debutant genre php,js,principe core wordpress
mais en attendant ce site tourne à l'obsession et me bloque

[NoSmoking]

Si l'on pouvait disposer d'une page test en ligne je pense que cela simplifierait la vision du problème.

[nouilletonne]

sinon est ce correct la manière dont je réinitialise le scripts jquery du carousel avec getscript ?

[nouilletonne]

bon j'ai réussi à recharger fichier js et évenments sur les <button> et autres elements html
j'ai compris après coup qu'il me fallait recharger les <buttons > aussi mais au bon endroit
pas évident de les cibler car ils étaient au milieu d'autres buttons qui utilisent des fonctions d'autres fichiers que j'ai du parfois recharger
je ne sais pas si mon code est propre si je recharge les fichiers et elements html dans les fonctions success de manière "pro" (y'a peu de chance !)
et si ça fera un site finalement plus pratique (et sécurisé j'ai lu à droite à gauche que ajax et json par exemple ouvre des failles )
je verrais bien au moment des tests sur tous les navigateurs et à la tête de l'utilisateur final ça risque d'être drole mon premier site avec mes propres jquery et ajax
(mais ayant quand même encore bcp de boulot sur ce site mais plus à ma portée, j'améliorais le code plus tard après apprentissage sérieux de tutos: pratique et lisibilité du code jquery, json et autres, etc...)

questions finales :
- à cause de $(document).ready(function() souvent dans les fichiers quel est le meilleur placement des fichiers js : dans le head ou le footer ?
je ne trouve pas d'explications claires sur google en fonction des utilitaires, plugin, fonctionnalités mais j'ai l'impression que $(document).ready(function() implique logiquement de tout mettre dans le footer
or ce n'est pas forcément ce que je vois

en tout cas je remercie de ta patience NoSmoking
ça doit pas être évident avec des 'compliqués' bavard et un peu lent au démarrage comme moi

[NoSmoking]

$(document).ready(function() implique logiquement de tout mettre dans le footer

eh ben non justement c'est l'inverse

A lire l'explication compléte de SylvainPV → Position de l'appel d'un script jquery.

[nouilletonne]

merci
super intéressant exactement les réponses à des questions "existentielles" que je me posent depuis plusieurs semaines voir plus...

par contre justement ça sous entendait l'utilisation $(document).ready(function()
faut il vraiment réfléchir avant de choisir de le mettre dans un script jquery ?
je le met par réflexe tout le temps étant débutant et le voyant sur tellement de scripts
mais pourtant me suis rendu compte alors que les plugins ou scripts sur lesquels je m'inspirent et adaptent pour mon site semblent "pro"
n'ont parfois nullement besoin pour des fonctions d'avoir tester le chargement du DOM
et donc je me demande si il n'y a pas une utilisation abusive de ce test par réflexe même chez des plugins apparement "pro"

par exemple mon scripts jquery carousel n'a que l'evenement vérifié quand le DOM est chargé
ça me parait logique aussi la fonction qu gere le carousel n'a pas besoin de ce test
elle est appelée que lorque je clique sur le bouton seuls eux ont besoin de cette vérification
(ce petit script pour ce carousel est une exception à ce que j'ai pu voir il est léger c'est aussi pour cela que je l'ai pris pour m'insprier et débuter en jquery)
mais résultat je me demande par rapport à mes autres scripts qui ont ce test partout si je vais pas créer une fichier jquery juste pour regrouper les evenements )

mais c'est peut-être une analyse de néophyte ^^

[nouilletonne]

je ne vais pas poser des questions sur chaque point difficile que je rencontre dans un tutos ou ailleurs
apart réinitialiser les scripts qui me demandent plus de pratiques ce sujet est résolu

une dernière mais je pense ouvrir un autre sujet pour ça :

-comment configurer PDT ECLIPSE pour javascript de la même manière que pour php
j'arrive pas avoir les erreurs contextuelles, syntaxiques, variables manquantes, etc...
je suis passé par window >preférences >js
mais ça a pas l'air de fonctionner

merci à tous et à NoSmoking évidement