Problème coloriser cases annonces / Note

[Matthieu A.]

Bonsoir,

je suis sur phpbb3 et j'ai suivis scrupuleusement ce tutoriel: https://forum.forumactif.com/t348011-coloriser-les-cases-des-Note-et-des-annonces

Mais voilà, je n'ai aucun résultat quant aux couleurs des cellules

pouvez vous m'aider ?

merci

cc

[Matriochka]

Bonsoir,

Peux-tu communiquer ici les codes que tu as utilisés ?

Je déplace le topic vers les problèmes avec les codes, au passage.

[Matthieu A.]

oui,

javascript:

Code:

$(function() {
/* Ajoute une class à la cellule des annonces */
$("dd.dterm[style*='http://2img.net/i/fa/prosilver/announce_unread.gif']").closest("dl.icon").addClass("annonce");
/* Ajoute une class à la cellule des Note */
$("dd.dterm[style*='http://2img.net/i/fa/prosilver/sticky_unread.gif']").closest("dl.icon").addClass("Note");
/* Ajoute une class à la cellule des annonces générales */
$("dd.dterm[style*='http://2img.net/i/fa/subsilver/folder_announce_new.gif']").closest("dl.icon").addClass("annonce-g");
});

et CSS

Code:

dl.annonce {background-color:#96EB88;} /* Modifie la couleur de fond des annonces */
dl.Note {background-color:#EBCA88;} /* Modifie la couleur de fond des Note */
dl.annonce-g {background-color:#FAD0D3;} /* Modifie la couleur de fond des annonces globales */

cc

[Matthieu A.]

up

[Matthieu A.]

help up

[Matthieu A.]

up

[Arlem]

Bonjour,

Tu pourrais donner l'adresse de ton forum ?

[Ea]

Bonjour,


J'imagine que c'est le même que celui là : https://forum.forumactif.com/t348174-problemes-de-css-phpbb3#2970236

À part si les adresses d'annonce et Note sont différente, le javascript et css m'ont l'air bon donc ça devrait fonctionner.

Cordialement.

[Matthieu A.]

Bonjour


forum en reconfiguration : http://www.ascg.cultureforum.net/forum
page où je fais l'essai des codes: http://ascg.cultureforum.net/f12-ascg-c-est-aussi

je vérifie les adresses, qui me paraissent correctes

cc

[Ea]

Bonjour,


Il me semble que ce script là pose problème :

Code:

var clignotement = function() {
  if(document.getElementById("DivClignotante").style.visibility == "visible") {
    document.getElementById("DivClignotante").style.visibility = "hidden"
  }else {
    document.getElementById("DivClignotante").style.visibility = "visible"
  }
};

car il n'y a pas ces éléments sur la page, donc vous mettez le style d'un élément qui n'existe pas et ça cause une erreur.


Vous pourriez plutôt mettre :

Code:

var clignotement = function() {
  if($("#DivClignotante").css("visibility")!="hidden") {
    $("#DivClignotante").css("visibility", "hidden")
  }else {
    $("#DivClignotante").css("visibility", "visible")
  }
};

qui devrait avoir la même action, mais ne pas causer d'erreur en cas de non présence d'un élément id="DivClignotante" sur la page.

Cordialement.

[Matthieu A.]

merci de votre réponse

j'ai changé le script, mais cela ne fonctionne toujours pas

cc

[Ea]

Il me semble que le code devrait être :

Code:

$(function(){

$("dl.icon[style*='http://2img.net/i/fa/prosilver/announce_read.gif']").addClass("annonce");
$("dl.icon[style*='http://2img.net/i/fa/prosilver/sticky_read.gif']").addClass("Note");
$("dl.icon[style*='http://2img.net/i/fa/subsilver/folder_announce.gif']").addClass("annonce-g")

});

il devait y avoir une erreur de frappe dans le tutoriel ( que j'ai corrigé ).

Cordialement.

[Matthieu A.]

merci à toi pour ta patience, tes recherches et tes connaissances

réponses de qualité, sujet résolu

cc