School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherS'enregistrerMembresGroupesConnexion

 


Partager | 
 

 <Astuce> Changer le texte d'un lien au passage de la souris

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

Invité

Voir le dossier scolaire

Invité

 
MessageSujet: <Astuce> Changer le texte d'un lien au passage de la souris   Ven 27 Fév 2009 - 22:37

Ce petit script est rapide à réaliser et apparemment compatible avec tous les navigateurs et les pages autorisant le HTML.
Il vous permet d'attirer l'œil aux gens d'une manière plutôt originale. Vous me direz ce que vous en pensez.

Exemple :

SoP

Explication :

Code:
<DIV align=center><TEXTAREA name=yourForm rows=5 wrap=virtual cols=100><A HREF="Lien vers votre forum" STYLE="color:#FFFFFF" onMouseOver="document.getElementById?this.style.color='#FF0000':null;document.getElementById?this.innerHTML='Texte lors du passage de la souris':null" onMouseOut="document.getElementById?this.style.color='#FFFFFF':null;document.getElementById?this.innerHTML='Texte de base':null">Texte de base</A>
Revenir en haut Aller en bas
 

Invité

Voir le dossier scolaire

Invité

 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Dim 4 Juil 2010 - 19:21

Salut OlivierScoop, désolé, mais moi je vois rien, y'a rien qui change ^^.

A+
Revenir en haut Aller en bas
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 39716
Age: 24
Localisation: Lille
$ops: 19447
Points: 275
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Dim 4 Juil 2010 - 21:24

Voici le code corrigé Wink

Code:
<a href="#" style="color:#e26e26;" onmouseover="document.getElementById?this.style.color='green':null;document.getElementById?this.innerHTML='Texte au passage de la souris':null" onmouseout="document.getElementById?this.style.color='#009933':null;document.getElementById?this.innerHTML='Texte quand la souris part':null">Passe ta souris sur moi</a>


Passe ta souris sur moi

EDIT : c'est très étrange car le code fonctionne parfaitement, mais pas ici.... Pour faire le test, copie colle dans une page html. Tu verras qu'il fonctionne Wink

_________________

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/ En ligne
 

Invité

Voir le dossier scolaire

Invité

 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Dim 4 Juil 2010 - 22:10

Pour moi ça marche, il est souligné avec une ligne orange et une ligne pointillée, de même que pour le premier exemple !
Revenir en haut Aller en bas
 

Invité

Voir le dossier scolaire

Invité

 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Lun 5 Juil 2010 - 6:29

Salut, effectivement, je n'avais pas compris, je croyais que le texte changé "vraiment", qu'il pouvait passé par exemple de:
"Cliquer là" à "Cliquer ici".

Désolé, à bientôt!
Revenir en haut Aller en bas
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 39716
Age: 24
Localisation: Lille
$ops: 19447
Points: 275
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Lun 5 Juil 2010 - 20:55

bah si c'est censé faire ça...

En fait, c'est le même principe que dans la partie "Le panneau d'affichage"

Tu as ce texte :

"Recrutement ouvert"

Quand tu passes ta souris dessus, ce texte s'affiche :

"Nous recrutons ....."

et quand tu enlèves ta souris tu as:

"Envoyer ma candidature"

_________________

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/ En ligne
 

Invité

Voir le dossier scolaire

Invité

 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Mar 6 Juil 2010 - 7:15

Ah d'accord, désolé, on ne s'était pas compris. Surprised

A bientôt!
Revenir en haut Aller en bas
 

Tiadeets

Pitre

Voir le dossier scolaire

Pitre

Féminin Rang spécial: ToP 3 du Grand Quizz (3)
Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 9067
Age: 15
Localisation: Dans le pays des rillettes
$ops: 9297
Points: 570
Date d'inscription: 05/12/2009
 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Dim 13 Fév 2011 - 9:07

Hello,

Est-il possible de faire la même chose mais avec des images?

Merci d'avance.

Biiz.

_________________

Spoiler:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://sherlock.forumdediscussions.com/
 

kiri

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Formatrice codeuse, Admin et analyste; RH
Marraine

Journaliste du M-SoP

Nombre de messages: 7073
Age: 37
Localisation: dans les bras de mon Homme
$ops: 12541
Points: 200
Date d'inscription: 24/06/2010
 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Dim 13 Fév 2011 - 9:31

coucou

Pour les image il faut procéder ainsi:
Code:

<img src="lien premiere image " onMouseOver="this.src ='lien 2ième image';" onMouseOut="this.src = 'lien premiere image';" alt="texte" />





_________________

J’ai toujours rêvé que mon ordinateur soit aussi simple à utiliser que mon téléphone.
Ce rêve est devenu réalité : je ne comprends plus comment utiliser mon téléphone [ by Bjarne Stroustrup ]


Mes cadeaux de Noel : Merci Clo
Merci Volt
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.ile-improbable.net/
 

Tiadeets

Pitre

Voir le dossier scolaire

Pitre

Féminin Rang spécial: ToP 3 du Grand Quizz (3)
Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 9067
Age: 15
Localisation: Dans le pays des rillettes
$ops: 9297
Points: 570
Date d'inscription: 05/12/2009
 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Dim 13 Fév 2011 - 9:36

Merci & des images avec des liens?

_________________

Spoiler:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://sherlock.forumdediscussions.com/
 

kiri

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Formatrice codeuse, Admin et analyste; RH
Marraine

Journaliste du M-SoP

Nombre de messages: 7073
Age: 37
Localisation: dans les bras de mon Homme
$ops: 12541
Points: 200
Date d'inscription: 24/06/2010
 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Dim 13 Fév 2011 - 9:42


Tu rajoutes ton lien autour

Code:
<a href="#tonlien" ><img src="lien premiere image " onMouseOver="this.src ='lien 2ième image';" onMouseOut="this.src = 'lien premiere image';" alt="texte" /></a>

_________________

J’ai toujours rêvé que mon ordinateur soit aussi simple à utiliser que mon téléphone.
Ce rêve est devenu réalité : je ne comprends plus comment utiliser mon téléphone [ by Bjarne Stroustrup ]


Mes cadeaux de Noel : Merci Clo
Merci Volt
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.ile-improbable.net/
 

<Astuce> Changer le texte d'un lien au passage de la souris

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Archives du forum :: Les archives du forum :: Autres-


Aller en haut
Aller en bas