Jquery, manipulation par Classes

Imprimé depuis: Forum openElement
Categorie:

openElement

Nom du Forum: Scripts pour votre site
Description du Forum: Exemple de scripts utilisables dans les blocs de codes
URL: https://forums.openelement.uk/fr/forum_posts.asp?TID=19656
Date: 18 Avr 2024 à 01:19
Version logiciel: Web Wiz Forums 12.04 - http://www.webwizforums.com

Sujet: Jquery, manipulation par Classes

Posté par: Larsene
Sujet: Jquery, manipulation par Classes
Posté le: 22 Mai 2014 à 14:40

Hello,

Est-ce que quelqu'un peut m'expliquer pourquoi ce code ne fonctionne pas


    $(".news").hover(
        function () {
          $(this).children(".ombre").transition({ scale: 1,opacity:'0.4',duration: 200 });
          $(this).children(".titrenews").css("color","#fff");
           $(this).children(".soustitrenews").css("color","#f6f6f6");
        },
        function () {
          $(this).children(".ombre").transition({ scale: 1,opacity:'0.4',duration: 200 });
          $(this).children(".titrenews").css("color","#000");
           $(this).children(".soustitrenews").css("color","#000");
        }
    );

alors que celui-ci fonctionne ?


    $(".news").hover(
        function () {
          $(".ombre", this).transition({ scale: 1,opacity:'0.4',duration: 200 });
          $(".titrenews", this).css("color","#fff");
           $(".soustitrenews", this).css("color","#f6f6f6");
        },
        function () {
          $(".ombre", this).transition({ scale: 0.2,opacity:'0',duration: 200 });
          $(".titrenews", this).css("color","#000");
           $(".soustitrenews", this).css("color","#000");
        }
    );

Réponses:

Posté par: Dmit OE
Posté le: 22 Mai 2014 à 15:11

Bonjour,

Quel est la structure HTML, notamment .ombre par rapport a .news? Si ombre n'est pas un enfant DIRECT de news, il faut utiliser filter() au lieu de children(), car children recupere uniquement les enfants de premier niveau et non "petits-enfants".

Cordialement
D

Posté par: Larsene
Posté le: 22 Mai 2014 à 15:52

ah ça doit être le DIRECT alors ... parce que ".news" est un panneau d'éléments et ".ombre" est un cadre noir placé dans le panneau d'élément. Je n'ai pas été vérifié la structure HTML Embarrassed

Pour moi, le cadre étant directement dans le panneau ...

Posté par: Dmit OE
Posté le: 22 Mai 2014 à 15:53

Il y a plusieurs sous-tags dans le panneau (correspondants aux zones de style)

Posté par: Larsene
Posté le: 26 Mai 2014 à 08:51

C'est vrai que c'est plus simple à gérer, mais ça alourdi le code, non ?

Un ptit objet "panneau d'éléments" tout simple, sans fioriture, pour la prochaine version ? Cool

Et un cadre sans contenu haut ni contenu bas ? des objets qu'on pourrait appeler "panneau d'éléments expert" ou "cadre expert" ? pour alléger le code & faciliter les utilisations de code ?

Bon, c'est le moteur interne de OE ... je vois aussi que pour les objets "texte", c'est span dans div dans div ...

... pas simple ! du coup je comprend les multiples possibilités de changement de police quand on sélectionne le "bloc" ou le texte dans le bloc... qui aboutit parfois à des erreurs ^^

Merci !

Posté par: Dmit OE
Posté le: 26 Mai 2014 à 08:56

Vous pouvez creer votre propre element avec un zone-conteneur et rien d'autre, il sera plus leger je pense.