Comment faire pour afficher un pointeur lors du survol d'une icône

Ci-dessous j'ai un datepicker de Jquery et jquery timepicker (les deux trent richardson datepicker et timepicker)

 $(function() {
        $( "#datepicker" ).datepicker({minDate: 0, 
        dateFormat: "dd-mm-yy",
        showOn: "button",
        buttonImage: "Images/calendar.gif",
        buttonImageOnly: true});
    });



        $('#durationpicker').trenttimepicker({
            timeFormat:'hh mm ss',
            hourGrid: 4,
            minuteGrid: 10,
            secondGrid: 10,
            showOn: 'button',
            buttonImage: "Images/clock.gif",
            buttonImageOnly: true
            });

        });

Maintenant deux datepicker et timepicker sont accessibles par l'utilisateur en cliquant sur une icône (icône de calendrier pour le datepicker et une icône d'horloge pour timepicker ('#durationpicker'). Ce que ma question est que comment puis-je obtenir de sorte que le pointeur du curseur s'affiche lorsque l'utilisateur est assis sur les deux icônes?

Ci-dessous est le code html:

<p><strong>3: Duration:</strong> <input type="text" id="durationpicker" name="durationChosen" readonly="readonly" />

<p><strong>4: Date:</strong> <input type="text" id="datepicker" name="dateChosen" readonly="readonly" />

OriginalL'auteur user1180490 | 2012-02-03

7
```
.ui-datepicker-trigger{cursor:pointer}
```
est-ce à aller dans le css ou jquery? im deviner css
+1. CSS. .ui-datepicker-trigger est la classe par défaut de l'icône dans un datepicker de jQuery.
oui, c'est d'aller dans le css
oui dans le css. sa propriété cursor pour n'importe quelle balise qui contient cette classe.
c'est le css et son travail, merci 🙂

OriginalL'auteur Yorgo
1
```
           $( ".ui-datepicker-trigger" ).css('cursor','pointer');   
```
Cela fonctionne pour moi, le jQuery façon, vous pouvez l'inclure dans votre script, et il ne devrait pas vous donner tous les problèmes. Je l'utilise moi-même pour un projet à la fois avec jQuery ThemeSwitcher et jQuery UI Thèmes.

C'est une je devine, mais devrait vous amener là où vous en avez besoin 🙂

le sélecteur dans les fonctions jQuery: $( ".datepicker" ).datepicker({vos options}); $('.durationpicker').trenttimepicker({vos options}); de Cette façon, vous pouvez ensuite fait les ajustements en fonction de la sortie vers le navigateur comme indiqué ci-dessus pour chacune des bibliothèques jQuery. Je mentionne cela parce que j'ai eu deux datepickers sur la même page et utilisé cette approche, qui a très bien fonctionné. La accepté de répondre au mieux n'est pas valide parce que le css approche de la question comme le fait de ne pas avoir le hover attribut qui devrait fonctionner. Laissez-nous savoir s'il vous plaît si cela a fonctionné! 🙂

OriginalL'auteur Jean Paul A.K.A el_vete
0

Si je comprends bien votre question, vous devez ajouter le code CSS suivant pour les deux icônes
```
#durationpicker, #datepicker {
cursor: pointer;
}
```
Je pense que vous avez raison, mais juste besoin d'ajouter :hover à la fin de la sélection.
Qui est-il pour la zone de texte, je le veux pour l'icône à côté de la zone de texte, pas la zone de texte. Si vous regardez les fonctions qu'il est le buttonImage je veux afficher un pointeur curseur lorsque vous passez la souris sur l'icône
Vous ajoutez :hover uniquement si vous souhaitez que le pointeur apparaît lorsque vous passez la souris. En va de même pour :focus.
essayez avec #durationpicker img, #datepicker img {cursor:pointer;}
nope, toujours faire la même chose. J'ai inclus le code html dans la question. Je pense qu'il ne peut être fait que dans le code jquery parce que les icônes sont construit à si vous savez ce que je veux dire

OriginalL'auteur Aurelien Schlumberger

Vous devez vous connecter pour publier un commentaire.