Bonjour à tous,
je suis nouveau sur OE et je cherche à faire un truc qui est sans doute très basique mais avec lequel je m'arrache les cheveux ...
J'ai un certain nombre de mots dispersés sur une page (une vingtaine).
J'ai également des zones que j'appelle "sensibles" (3 en fait).
Je voudrais que quand ma souris survole l'une des zones sensibles certains mots changent de taille et de couleur (d'autre mots pour une autre zone).
Autant ça j'arrive à le faire pour le texte lui même (avec les fonctions intégrées, survol de souris ...) autant je galère pour l'appliquer sur d'autres textes. Ça doit sans doutes être facile avec du CSS mais j'ai cru comprendre qu'il était un peu délicat de bidouiller dans le CSS d'OE ... A moins qu'un script ne soit plus adapté ?
Merci d'avance pour vos conseils.
Vincent

j'avoue que j'ai un peu "de mal" à visualiser ce que tu veux exactement en fait.

Personne n'aime des bulles.. aucune imagination.

Super, ça marche nickel !
J'ai identifié les zones sensibles comme indiqué et pour les éléments cibles je les ai repéré 1, 2, 3, 12, 13, 23, 123 en fonction des cas souhaités.
Le code :
$(function(){
//zone sensible 1
  $('.zone1').on('mouseenter', function(){ $('.zone1-on').addClass('on'); }); // allumer les elements
  $('.zone1').on('mouseleave', function(){ $('.zone1-on').removeClass('on'); }); // eteindre
  $('.zone1').on('mouseenter', function(){ $('.zone12-on').addClass('on'); });
  $('.zone1').on('mouseleave', function(){ $('.zone12-on').removeClass('on'); });
  $('.zone1').on('mouseenter', function(){ $('.zone13-on').addClass('on'); });
  $('.zone1').on('mouseleave', function(){ $('.zone13-on').removeClass('on'); });
  $('.zone1').on('mouseenter', function(){ $('.zone123-on').addClass('on'); });
  $('.zone1').on('mouseleave', function(){ $('.zone123-on').removeClass('on'); });
//zone sensible 2
  $('.zone2').on('mouseenter', function(){ $('.zone2-on').addClass('on'); });
  $('.zone2').on('mouseleave', function(){ $('.zone2-on').removeClass('on'); });
  $('.zone2').on('mouseenter', function(){ $('.zone12-on').addClass('on'); });
  $('.zone2').on('mouseleave', function(){ $('.zone12-on').removeClass('on'); });
  $('.zone2').on('mouseenter', function(){ $('.zone23-on').addClass('on'); });
  $('.zone2').on('mouseleave', function(){ $('.zone23-on').removeClass('on'); });
  $('.zone2').on('mouseenter', function(){ $('.zone123-on').addClass('on'); });
  $('.zone2').on('mouseleave', function(){ $('.zone123-on').removeClass('on'); });
//zone sensible 3
  $('.zone3').on('mouseenter', function(){ $('.zone3-on').addClass('on'); });
  $('.zone3').on('mouseleave', function(){ $('.zone3-on').removeClass('on'); });
  $('.zone3').on('mouseenter', function(){ $('.zone13-on').addClass('on'); });
  $('.zone3').on('mouseleave', function(){ $('.zone13-on').removeClass('on'); });
  $('.zone3').on('mouseenter', function(){ $('.zone23-on').addClass('on'); });
  $('.zone3').on('mouseleave', function(){ $('.zone23-on').removeClass('on'); });
  $('.zone3').on('mouseenter', function(){ $('.zone123-on').addClass('on'); });
  $('.zone3').on('mouseleave', function(){ $('.zone123-on').removeClass('on'); });

});

et le CSS
.zone1-on.on { color: #FF0000 !important; font-weight: bold !important; } /* trouver les styles appropries */
.zone2-on.on { color: #FF0000 !important; font-weight: bold !important; }
.zone3-on.on { color: #FF0000 !important; font-weight: bold !important; }
.zone12-on.on { color: #FF0000 !important; font-weight: bold !important; }
.zone13-on.on { color: #FF0000 !important; font-weight: bold !important; }
.zone23-on.on { color: #FF0000 !important; font-weight: bold !important; }
.zone123-on.on { color: #FF0000 !important; font-weight: bold !important; }

Ca marche comme je voulais, encore merci !
V.

Merci, je n'avais pas noté cette subtilité ! Du coup, ça réduit le code ...
Je met en application de suite !
V.