FORUM Tom's Hardware » Programmation » HTML / Javascript » Comment changer le curseur de la souris sur image ?
 

Comment changer le curseur de la souris sur image ?

Il y a 308 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici
Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : Comment changer le curseur de la souris sur image ?
 
bjo
Plus d'informations

Bonjours a tous !!!
 
Je cherche (pour demain!) comment faire pour que lorsque la souris vienne sur une image, la souris change et devienne le surseur "main" de windows ???
 
pour le texte c'est facile c'est :
 
<span style="cursor: pointer;"></span>
mais je trouve pas pour une image !!!
 
Aidez moi svp .....

Profil : Pointeur
Plus d'informations

branche ton cerveau 2 secondes...

<img style="cursor:pointer;" src=image.png" alt="image" />


Message édité par KangOl le 12-05-2005 à 19:32:35

---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u
bjo
Plus d'informations

Ok !
 
Merci j'y avais pas pensé !!!
 
Bonne journeé !!!

Plus d'informations

Bonjour,
 
Ca ne marche pas chez moi!
Voici le code par défaut:

Citation :

   <div id="image_de" style="display: inline;" align="center">
     <img name="submitLangueDE" src="index.cfm_fichiers/billealln.gif" alt="Klicken Sie hier" onclick="javascript:changeLangue('de');" border="0" height="49" width="50">
    </div>


 
Comment faire?
 
Merci

zeb
Profil : Modérateur libre
Plus d'informations

Qu'est-ce qui ne marche pas ?
Le changement de curseur sur l'image ?
Normal :

a écrit :

branche ton cerveau 2 secondes...

Plus d'informations

J'ai essayé de faire:

Citation :

<div id="image_en" style="display: inline;" align="center">
     <img name="submitLangueEN" <img style="cursor:pointer;" src="index.cfm_fichiers/billegbn.gif" alt="Click here" onclick="javascript:changeLangue('en');" border="0" height="49" width="50">
    </div>


Mais ne fonctionne pas! C'est pour le bureau  ;) et je débute


Message édité par Rafael1000 le 04-07-2005 à 11:09:39
zeb
Profil : Modérateur libre
Plus d'informations

:eek2:

Code :
  1. <img name="submitLangueEN" style="cursor:pointer;" src="index.cfm_fichiers/billegbn.gif" alt="Click here" onclick="javascript:changeLangue('en');" border="0" height="49" width="50">

C'est mieux quand même.
 
(et utilise la balise [code] stp)
 


Message édité par zeb le 04-07-2005 à 11:12:50
Plus d'informations

Merci, mais ça ne marche toujours pas!
J'ai mis:

Code :
  1. <img name="submitLangueEN" style="cursor:pointer;" src="index.cfm_fichiers/billegbn.gif" alt="Click here" onclick="javascript:changeLangue('en');" border="0" height="49" width="50">


 
Merci d'avance

zeb
Profil : Modérateur libre
Plus d'informations

Bon. Comprends-tu ce que tu fais ?
Retire tout ce qui ne concerne pas l'affichage du pointeur de souris.
 
Mets ça et dis moi ce qui va, ce qui ne va pas :

Code :
  1. <img style="cursor:pointer;" src="http://forum.presence-pc.com/themes_static/images_forum/1/favorisb.gif">

Quel est ton navigateur ?


Message édité par zeb le 04-07-2005 à 11:43:03
Plus d'informations

a écrit :

Bon. Comprends-tu ce que tu fais ?
Retire tout ce qui ne concerne pas l'affichage du pointeur de souris.
 
Mets ça et dis moi ce qui va, ce qui ne va pas :

Code :
  1. <img style="cursor:pointer;" src="http://forum.presence-pc.com/themes_static/images_forum/1/favorisb.gif">

Quel est ton navigateur ?


En fait, ça ne fonctionne qu'avec Firefox!
Bizarre...
Et sinon, quand je laisse le curseur sur l'image sous iexplorer, ça affiche "click here", mais pas sous firefox!


Message édité par Rafael1000 le 04-07-2005 à 11:57:34
zeb
Profil : Modérateur libre
Plus d'informations

...

Inside my own Second Life

Prends de bonnes habitudes ;) :
 

Code :
  1. <img id="submitLangueEN" style="cursor:pointer;" src="index.cfm_fichiers/billegbn.gif" onclick="javascript:changeLangue('en');" border="0" width="50" height="49" title="Click here" alt="English version" />


Usage des paramètres :
 - 'name' n'est plus utilisé, il est remplacé par 'id'.
 - 'alt' est obligatoire et sert à remplacer l'affichage de l'image, notemment dans les navigateurs texte. Utilisé aussi, je crois, par les modules d'aide à la lecture pour mal-voyants.
 - C'est 'title', facultatif, qui sert à afficher une info bulle au survol de la souris. Lorsque 'title' est absent, IE affiche le contenu de 'alt' en info bulle, mais c'est un de ses bugs.
 - Une balise img se ferme toujours à la fin par un '/' : <img id="sonnom" width="xx" height="yy" alt="textealternatif" />. C'est facultatif en HTML 4.01 mais désormais obligatoire en XHTML.
 
En résumé, apprends la programmation XHTML/CSS : c'est utilisé depuis 2000 en remplacement du HTML 4.01. Ton site n'en sera que mieux fait ;).
 >> http://www.siteduzero.com/xhtml-css/
 >> http://openweb.eu.org/
 >> http://css.alsacreations.com/
 
:jap:


---------------
Retrouvez moi sur mon blog : http://www.nicolasullern.net/leblog/
Et aussi sur :
http://www.linkedin.com/in/nicolasullern
http://www.viadeo.com/fr/profile/nicolas.ullern
http://www.copaing.net/johanpirlouit/
Plus d'informations

Merci beaucoup! C'est niquel! Dire que je suis payé pour refaire les pages statiques d'une boîte et que je n'y connais rien...

zeb
Profil : Modérateur libre
Plus d'informations

maxdu302 a écrit :

Merci beaucoup! C'est niquel! Dire que je suis payé pour refaire les pages statiques d'une boîte et que je n'y connais rien...


Fais le gratuitement, Johan, Pirlouit, moi-même et tous les autres, nous te renseignons bien gratieusement. ;)

Inside my own Second Life

maxdu302 a écrit :

Merci beaucoup! C'est niquel! Dire que je suis payé pour refaire les pages statiques d'une boîte et que je n'y connais rien...


[petite déconne mode on]
 
:sarcastic: Bah j'comprends pourquoi c'est souvent la patauge dans les boîtes.... Ils embauchent n'importe qui.. :D ;)
 
[/petite déconne mode off]
 

a écrit :

Fais le gratuitement, Johan, Pirlouit, moi-même et tous les autres, nous te renseignons bien gratieusement. ;)


gracieusement [:maitre capello] :o
 
:jap:


Message édité par Johan_et_P irlouit le 04-07-2005 à 16:12:57

---------------
Retrouvez moi sur mon blog : http://www.nicolasullern.net/leblog/
Et aussi sur :
http://www.linkedin.com/in/nicolasullern
http://www.viadeo.com/fr/profile/nicolas.ullern
http://www.copaing.net/johanpirlouit/
zeb
Profil : Modérateur libre
Plus d'informations

oups, patapay

Plus d'informations

Je suis stagiaire.
Je remplace aussi les input name par input id?
 
Merci

Inside my own Second Life

maxdu302 a écrit :

Je suis stagiaire.
Je remplace aussi les input name par input id?


Non.. Dans les 'input', 'name' est le nom de la variable qui va prendre comme valeur ce que l'utilisateur va entrer par le formulaire..
 
'id' est l'identifiant de l'objet, unique dans la page. Utilsé pour lui donner des attributs CSS ou pour lui attribuer un comportement unique par JavaScript (par exemple)..
 
'class' définit une famille d'objets partageant les mêmes paramètres CSS ou ayant un comportement identique par JavaScript..
 
Pour personnaliser leur affichage, les balises 'input' peuvent recevoir les attributs 'id' et / ou 'class'..
 
Va fureter sur les liens que je t'ai passé plus haut..
 
:jap:


---------------
Retrouvez moi sur mon blog : http://www.nicolasullern.net/leblog/
Et aussi sur :
http://www.linkedin.com/in/nicolasullern
http://www.viadeo.com/fr/profile/nicolas.ullern
http://www.copaing.net/johanpirlouit/
Plus d'informations

OK, je regarde. Et quand j'ai une balise du type  

Code :
  1. <img src="index.cfm_fichiers/Home_en.jpg" height="288" width="335">

, je la ferme avec un / ?


Message édité par Rafael1000 le 06-07-2005 à 10:57:09
Inside my own Second Life

Oui et n'oublie pas le 'alt', même si tu ne mets pas de texte alternatif :

Code :
  1. <img src="index.cfm_fichiers/Home_en.jpg" height="288" width="335" alt="" />


:jap:


Message édité par Johan_et_P irlouit le 06-07-2005 à 13:47:03

---------------
Retrouvez moi sur mon blog : http://www.nicolasullern.net/leblog/
Et aussi sur :
http://www.linkedin.com/in/nicolasullern
http://www.viadeo.com/fr/profile/nicolas.ullern
http://www.copaing.net/johanpirlouit/
Plus d'informations
n°15968
13-11-2005 à 20:42:17