Changer le background d'un sujet ?

[wims]

Bonjour à toutes et à tous,

Je suis l'heureux locataire d'un forum qui date de 2011, qui a bien avancé depuis ses débuts car faut dire que j'y comprenais rien à tout ça (un petit aperçu ici : http://www.lupsclub.com ). Jusqu'à présent j'ai pu me démerder avec les sujets existants, mais là je sèche. Voici donc ma toute première question (ok j'en ai un paquet d'autres mais je vais quand même pas vous abreuver d'un coup).

J'ai remarqué que les messages avaient leur propre identifiant (#p+numéro), mais je n'en ai pas vu pour les sujets en eux-mêmes, bien qu'ils aient aussi le leur, enfin pas vraiment, je parle du t+numéro dans la barre de navigation.

Mon but étant de personnaliser l'image de fond du forum selon le sujet, j'ai pu contourner le problème en insérant ce code html sur un message en première page du topic :

Code:

<style>body{background-image:url(URL DE MON IMAGE)}</style>

Mais donc, le problème persiste quand le sujet arrive en page suivante, ce qui fait qu'il faudrait à nouveau écrire le code sur toutes les pages.

Ma question : existe-t'il un moyen simple en CSS d'y remédier. Par exemple :

Code:

#t+numéro {
background-image:url();}

Merci d'avance !

[wims]

Un petit up !

[[Nihil]]

Oui, c'est effectivement possible avec du Javascript !

Je t'invite à lire en entier ce sujet : https://forum.forumactif.com/t310825-executer-un-code-javascript-sous-certaines-conditions

Le principe :
Si je suis sur la page du sujet alors --> changer le background du body.
En jQuery pour changer le background, le code est celui ci :

Code:

$("body").css(( "background-image", "url("URL_DE_L'IMAGE")" );

Pour en savoir plus sur ce ".css" : http://api.jquery.com/css/#css2 (en anglais)

[wims]

Merci beaucoup pour ta réponse !

Mais aïe, le java pour moi ça porte bien son nom : c'est effectivement du javanais ! Et la doc que tu m'as filée c'est du sur-javanais, plus je lis plus je m'embrouille. En même temps il est tard, je verrais ça à tête reposée et te tiendrais au courant après quelques tripatouilles.

Thanks !

[medamine14]

Bonjour,

Dans le lien donné par NIHIL ce qui nous interesse c'est ceci :

Code:

if(document.location.pathname=="/t40-")
{
$('body').css(( 'background-image', 'url("URL_DE_L.IMAGE")' );
}

il faut juste remplacer t40- par celle du sujet/forum que tu veux et l'url de l'image  
n'oublie pas de garder le - après le chiffre

[wims]

Un grand MERCI à tous les deux !!

J'ai testé vos scripts mais ils ne fonctionnaient pas car trop de parenthèses :

Code:

$('body').css(( 'background-image', 'url("URL_DE_L.IMAGE")' );

► Code rectifié :

Code:

$('body').css( 'background-image', 'url("URL_DE_L.IMAGE")' );

Egalement une erreur de parenthèse dans le tuto de forumactif :

Code:

if(/^\/t40(p[1-9][0-9]*)?-/.test(document.location.pathname)

► Code rectifié :

Code:

if(/^\/t40(p[1-9][0-9]*)?-/.test(document.location.pathname))

Et medamine ton code ne fonctionne pas si le sujet fait plusieurs pages, c'est bien là le soucis.

Avec tout ça, vous m'avez quand même bien mis sur la voie... et j'y suis arrivé !

Voilà le code final, à insérer sur les sujets :

Code:

if(/^\/tNUMERO_DU_TOPIC(p[1-9][0-9]*)?-/.test(document.location.pathname))
{
 $(function(){
$('body').css( 'background-image', 'url("URL_DE_L'IMAGE")' );
  });
}

Pour un mec qui n'y comprend rien au java, je suis bien content de moi !

Merci encore !