Accueil > Forum > > > > rollover texte change
rollover texte change
jeudi 30 juillet 2009 à 10:47:49 |
rollover texte change

japower01
|
Bonjour,
je cherche a faire un rollover sur un texte pour que celui ci change au passage de la souris
Ce script ne marche pas
http://www.javascriptfr.com/codes/MODIFIER-TEXTE-LIEN-PASSAGE-SOURIS_33868.aspx
et je crois qu c'est le seul
Quelqu'un peut m'aider ?
Merci
|
|
jeudi 30 juillet 2009 à 11:25:45 |
Re : rollover texte change

Bul3
|
Bonjour,
bah...
Code HTML : <a href="http://javascriptfr.com"
onMouseOver=" this.mem=this.innerHTML;
this.innerHTML='text modifié';"
onMouseOut= " this.innerHTML=this.mem;">texte original</a>
Cordialement [ mon Site] [ M'écrire] Bul 
|
|
jeudi 30 juillet 2009 à 11:44:42 |
Re : rollover texte change

Bul3
|
et même bien entendu sans javascript
Code HTML : <style>
a:hover div { display:none; }
a:hover span { display:inline; }
span { display:none; }
</style>
<a href="http://javascriptfr.com"><div>texte original</div><span>texte modifié</span></a>

|
|
jeudi 30 juillet 2009 à 11:47:01 |
Re : rollover texte change
|
jeudi 30 juillet 2009 à 12:11:33 |
Re : rollover texte change

japower01
|
Enfin une dernière question, s'il te plait
Comment adapter ce code pour un rollover sur image change texte ?
Encore merci
|
|
jeudi 30 juillet 2009 à 12:22:26 |
Re : rollover texte change
|
jeudi 30 juillet 2009 à 13:43:59 |
Re : rollover texte change

japower01
|
Pardon, je voulais dire 'lors que l'on passe la souris sur une image, quelque part dans la page, un texte change'.
Merci
|
|
jeudi 30 juillet 2009 à 14:09:50 |
Re : rollover texte change
|
jeudi 30 juillet 2009 à 14:24:18 |
Re : rollover texte change

japower01
|
Voila ce que j'ai fait
<img src='image/menu.jpg' onMouseOver="mem=chang_txt; chang_txt='text modifié';" onMouseOut="chang_text=mem;">
<div id='chang_txt'>ici</div>
mais ca marche pas ...
|
|
jeudi 30 juillet 2009 à 14:46:06 |
Re : rollover texte change

Bul3
|
des imprécisions !
il faut débugger (**)
_ chang-text ou chang_txt ? hein ?
et même, c'est l'objet, pas le contenu
_ mem ?
Code HTML : <body>
<img src='image/menu.jpg'
onMouseOver=" this.mem=document.getElementById('chang_txt').innerHTML;
document.getElementById('chang_txt').innerHTML='exemple';
"
onMouseOut= " document.getElementById('chang_txt').innerHTML=this.mem;">
<div id='chang_txt'>ici</div>
</body>
(**)

|
|
Cette discussion est classée dans : texte, passage, souris, rollover, change
Répondre à ce message
Sujets en rapport avec ce message
Texte qui change au passage de la souris [ par swiss_cheese10 ]
Tcho tout le monde !Eske qqun pourrait me dire le code à insérer pour que lorsque qu'on passe la souris sur un textge, le texte change ???Merci d'aide
Comment on fait pour développer un texte au passage de la souris [ par nessobh ]
J'aimerai savoir comment on peut faire (avec ou sans 'OnMouseOver') pour faire qu'un texte se développe au passage de la souris dessus.
image change au passage de la souris [ par sonialand ]
salut tout le monde,est ce que qqun pourra me dire comment je dois faire pour changer l'image au passage de la souris?merci :)
[java] affichage d'un texte progressivement au passage de la souris [ par 25thibault ]
Salut tout le monde ! J'ai un gros problème je n'arrive pas a afficher PROGRESSIVEMENT un texte au passage de la souris sur une photo. je n'est aucu
faire afficher le prénom sur une photo par passage de souris [ par LODDO81 ]
bonjour Sur mon site en html, je voudrais, si possible au passage de la souris, sur une photo de groupe faire afficher le prénom des personnes. Quelq
Survolé une image au passage de la souris [ par danielm81 ]
Bonjour les amis ! je n'arrives pas à faire survolé ma image1 par une autre image2 qui deviendrait un lien pour une autre page web au passage de la so
Agrandir du texte en survolant avec la souris sous flash cs3 [ par FAURE81 ]
Bonjour,Novice en la matière, je souhaiterai agrandir des plages de texte sur mon site afin qu'il soit plus facilement lisible mais je n'arrive pas à
Problème: Rollover sur une zone précise de l'image [ par Sp00ky ]
Bonjour à toutes et à tous, Voilà j'aimerais faire un rollover partiel sur une image... c'est à dire en utilisant les zones (areas) d'une image comme
Au passage de la souris afficher un zoom séléctif de la zone pointée par la souris... [ par niroz ]
Bonjour à tous,je suis désespérément à la recherche d'un script qui me permettrait de reproduire <a target="_blank" temp_href="http://www.allsaintssho
Script au passage de la souris [ par jeanmorelle ]
Salut, Sur mon site, j'ai un div (un rectangle width 900px et height 50px) et j'aimerais qu'il se passe des actions lors du passage de la souris dess
Livres en rapport
|
Derniers Blogs
POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|