Personnaliser le curseur sur un ou plusieurs sujets

[Neptunia]

Rappel du premier message :

Détails techniques

Version du forum : PunBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.planet-series.com/t660-

Description du problème

Bonjour ^^


1/ Je souhaiterai modifier les curseurs "normaux" et "pointeurs" sur certains sujets de mon forum.

J'ai pris pour base de départ ce tutoriel :
Exécuter un code javascript sous certaines conditions
sans parvenir à quoi que ce soit de concluant pour le moment.

Voici le code Javascript actuellement actif sur mes sujets

Code:

        if(/^\/t660(p[1-9][0-9]*)?-/.test(document.location.pathname)
        {
          // on retarde l'exécution pour que l'image existe à l'exécution de la partie de code
          $(function(){
            $("body").css("cursor:url","http://www.patmax.eu/P132/Curseurs/DW660-Tardis.cur");
            $("a:hover").css("cursor:url","http://www.patmax.eu/P132/Curseurs/DW660-Tournevis.cur");
          });
        }

2/ Pour l'instant j'essaie de changer ces curseurs sur un seul sujet, mais à terme je voudrais pouvoir les changer sur un nombre non défini de sujets.
Serait il possible d'y parvenir en utilisant un tableau dont chaque entrée comporterait 3 éléments (id du sujet, url du curseur normal, url du curseur pointeur) ? Si oui quel en serait le code ?

3/ Question subsidiaire
Est-il possible de modifier les curseurs à l'intérieur d'un champ de saisie (le I fixe au survol d'un champ de saisie ainsi que le | clignotant indiquant la position actuelle du curseur) ? Si oui comment ?

Merci à celles et ceux qui se pencheront sur mon problème.

[no_way]

D'accord si c'est vraiment voulu je comprends.

[stefou]

Merci no_way, effectivement c'est top.
@neptune, ce code récupère également l'id du sujet.

Bonsoir, je me permet de pointer le bout du museau mais pourquoi vouloir créer une feuille de style par sujet ?
Il serait plus simple et plus efficace de mettre les déclarations nécessaires dans une seule feuille de style et la charger d'office.

@stefou, plus facile comme ceci je pense:

Code:

(function(){
var r=/^\/t(\d+)/,dl=document.location.pathname,a=r.test(dl)&&dl.match(r)[1];
if(a)$('body').addClass('body_'+a),$('a').addClass('a_'+a)
})();

[Neptunia]

Rappel des points non résolus.

Du coup j'essaie d'avoir deux réponses adaptées aux deux cas de figure.
- Une qui me rajouterait les class nécessaires body_txxx et a_txxx et chargerait ensuite une unique feuille CSS pour "soulager" la feuille CSS du panneau admin.
- Une autre qui n'ajouterait aucun class mais chargerait une feuille css spécifique à chaque sujet.
Mais dans les deux cas il me faudrait un code qui chargerait cette feuille CSS uniquement si le sujet en requiert une.

Ce qui me ramène à ma demande de script combinant celui actuellement en place et l'utilisation de la fonction inArray()

2/ Comment charger une feuille de style définie à l'avance seulement sur certains sujets ?
J'avais en tête d'utiliser inArray pour y parvenir avec un code un peu comme ça

Code:

if($.inArray(c, [660, 786, 789, 791])!=-1)
{
 Chargement CSS (je ne connais pas la commande :( )
}

Dans mon esprit ça devrait charger ma feuille CSS seulement si la variable c (id du sujet) figure dans mon tableau, ce qui veut dire que la valeur renvoyée sera non négative (indices de [0], [1], [2] ou [3])
D'ailleurs en combinant les deux questions je devrais être en mesure de charger une feuille spécifique à chaque sujet uniquement sur les sujets concernés et donc sans avoir à gérer le problèmes des fichiers non trouvés.

Mon code javascript actuel

Code:

var url = (document.location.pathname);
                        $(function()  {
                        var b = url.match(/t([^-]+)/);
                        var c = (b[1]);
                        if (/p/i.test(b)){
                        var b = url.match(/t([^p]+)/);
                        var c = (b[1]);
                        }
                        $( "a" ).addClass( "a_t"+c );
                        $( "body" ).addClass( "body_t"+c );
                                });

Et le CSS utilisant ce script :

Code:

.a_t660:hover, .a_t786:hover, .a_t789:hover, .a_t791:hover, .a_t793:hover {
    cursor:url("http://www.patmax.eu/P132/Curseurs/DW660-Tournevis.cur"),pointer;
    }
.body_t660, .body_t786, .body_t789, .body_t791, .body_t793 {
    cursor:url("http://www.patmax.eu/P132/Curseurs/DW660-Tardis.cur"),default;
    }
.body_t191 div.entry-content a, .body_t191 div.entry-content a:hover {
    border: none;
}

@stefou : Oui j'avais vu le code de no_way mais je n'y comprend rien. Le tien, j'arrivais presque à comprendre entièrement son fonctionnement et du coup je préfère utiliser le tien. Plus facile à maintenir si je veux faire des modifs dessus si je comprends la logique du code.

[Chacha]

..	Bonjour, Attention, cela fait 7 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, dans ce cas, votre premier message et cochez l'icône A bientôt sur ForumActif

[Neptunia]

Oups !!

Up

[Ea]

Bonjour,

Changer la bannière si on est sur le sujet 40 : La parenthèse de la condition n'est pas fermée.

C'est fait.

Pour les erreurs javascript (on voit qu'il y a une erreur dans la console), je conseillerais de passer le code par https://closure-compiler.appspot.com/home

C'est un outil qui permet de minifier un code javascript, mais quand il y a une erreur il indique assez bien à quel ligne et caractère il y a un problème ^^

Cordialement.

ps: il y a un exemple d'ajout de feuille CSS dans le code du tutoriel de sélecteur de style, il suffit par exemple de faire :

Code:

$("head").append('<link rel="stylesheet" type="text/css" href="http://site/path/fichier.css" />');