Discussion :

[sebgac]

Bonjour,

J'ai créé un script qui permet de définir un comportement au chargement de ma page :

Code javascript :

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

1
2
3
4
5
6
7
8
9
 
function initLoadLarge() {
 
        if (window.matchMedia("(min-width: 851px)").matches) {
            $('nav, #titre1, .menuGauche, .liseret, section .titre, section #caroussel').css('transform', 'translate(-260px)');
 
        } 
 
    }

Cela fonctionne bien pour nav, #titre1, .menuGauche, .liseret mais pas pour section .titre, section #caroussel.
Entre temps, je me suis rendu compte que je chargeais via un appel Ajax un contenu de page initialement.

C'est à dire nav, #titre1, .menuGauche, .liseret est situé en dehors de l'appel Ajax
Et section .titre, section #caroussel est chargé via l'appel Ajax.

J'imagine donc que ça vient de là ...

Comment faire pour que section .titre, section #caroussel soit concerné par mon .css('transform', 'translate(-260px) ?

Code javascript :

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

1
2
3
4
5
6
7
 
 $.ajax({
            url: "pages/accueil.php", success: function (result) {
                loadingPage(result);
                ajouterTitre();
            }
        });

Merci d'avance pour votre aide et conseils

[Invité]

Bonjour,

je ne comprends pas pourquoi tu as autant d'éléments à translater.
Tu ne peux pas tous les mettre dans UN SEUL <div> (et du coup, ne translater QUE ce div) ?

[sebgac]

Bonjour,

J'ai bien essayé au départ, mais je ne sais pas pourquoi cela ne fonctionnait pas avec une seule grande div ... Je pense qu'il y a un conflit avec le carroussel qui est un plugin jQuery, alors j'ai utilisé une façon détournée d'arriver à mes fins

[Invité]

Quand on doit faire des "bidouillages", ce n'est jamais bon signe.

[sebgac]

Oui c'est clair, mais je voulais utiliser ce plugin, il me plait bcp J'étais prêt à faire des concessions. Après, cela fait longtemps que j'ai réalisé la feuille de style, il me semblait que pour une raison inconnue, l'animation ne se faisait pas lorsque j'utilisais une balise générale. Cad, le transform translate se faisait, mais de manière binaire, sans transition. En sélectionnant les balises une par une, l'animation pouvait se faire, ce qui donne ce côté moderne à ma page.

[Invité]

Le plugin n'est pas en cause.