Personnaliser le curseur sur un ou plusieurs sujets

5 participants

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Personnaliser le curseur sur un ou plusieurs sujets

Message par Neptunia Mar 29 Sep 2015 - 2:47

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 :
Tuto 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.


Dernière édition par Neptunia- le Sam 24 Oct 2015 - 11:11, édité 1 fois
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser le curseur sur un ou plusieurs sujets

Message par no_way Ven 9 Oct 2015 - 1:28

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

no_way
Membre actif

Messages : 2214
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Personnaliser le curseur sur un ou plusieurs sujets

Message par stefou Ven 9 Oct 2015 - 8:04

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


no_way a écrit: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)
})();
stefou

stefou
*****

Masculin
Messages : 901
Inscrit(e) le : 24/11/2009

http://discussansfrontieres.forumgratuit.fr/forum
stefou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser le curseur sur un ou plusieurs sujets

Message par Neptunia Mer 14 Oct 2015 - 5:45

Rappel des points non résolus.

Neptune- a écrit: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()
Neptune- a écrit:
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.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser le curseur sur un ou plusieurs sujets

Message par Chacha Mer 21 Oct 2015 - 10:31

.Personnaliser le curseur sur un ou plusieurs sujets - Page 2 U10bBxG.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, :editer: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser le curseur sur un ou plusieurs sujets

Message par Neptunia Jeu 22 Oct 2015 - 12:50

Oups !!

Up
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Personnaliser le curseur sur un ou plusieurs sujets

Message par Ea Ven 23 Oct 2015 - 21:57

Bonjour,


Neptunia- a écrit: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" />');
Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum