Tom's Guide > Forum > Programmation > Image sur un texte

Image sur un texte

Forum Programmation : Image sur un texte

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

Bonjour
Comment faire pour charger une image au passage de la souris sur un texte. Je sais que c'est la fonction onmouseover.
J'arrive à changer une image en une autre, mais un texte, la je sais pas

Merci de vos réponses

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

Personne à une idée?

MERCI

Répondre à giggs50

Logiquement ton texte est obligatoirement contenu dans un block (soit div soit p soit autre...)...Il te suffit de mettre ton onMouseover sur le tag block et ca devrait passer :p

Si tu veux changer un texte d'un block par un autre, il faut passer par la modification du noeud de ton block
Exemple: onMouseover="this.firstChild.data='nouveau texte';" . Ici, this se referre a l'objet courant (celui qui porte le onMouseover donc), firstChild indique due l'on va dans le premier noeud enfant de cet élément (comme j'admais qu'il n'y a pas d'autre tag HTML dans ton block, on ira donc dans le texte affiché) et data se charge de modifier le contenu de ce noeud (donc le texte)

Répondre à Nisnor

Bonsoir,
je peux te donner l'adresse d'un site sur lequel j'ai vu ca. En regardant le code source, tout a l'ai d'etre indiqué dedans.
Cependant, mes connaissance en javascript étant tellement limitées (et c'est peu dire :) ), je ne m'avancerais pas a t'expliquer comment ca fonctionne...
Je pense qu'un ame charitable ayant les connaissances requises t'aidera mieux.

Voila donc la page: ICI.
Pour info, les liens a image sont en gras et en violet.

J'espere que ca peut t'aider un peu...
Dans tous les cas, je te souhaite une bonne nuit :)

Répondre à Halike

Salut,

Code :
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Document sans nom</title>
  5. <script type="text/javascript">
  6. function changeText() {
  7.     var toto = document.getElementById("toto" );
  8.     toto.innerHTML = "<b>Ta gueule !</b>";
  9. }
  10. </script>
  11. </head>
  12. <body>
  13. <div id="toto">
  14. <b>Mon texte...</b>
  15. </div>
  16. <input type="button" value="Change le texte !" onclick="changeText();" />
  17. </body>
  18. </html>

Répondre à OmaR
Tom's Guide > Forum > Programmation > Image sur un texte
Aller à :

Il y a 1531 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens