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

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


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 - 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 - 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: 44127
Age: 24
Localisation: Lille
$ops: 21067
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Dim 4 Juil - 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/
 

Invité

Voir le dossier scolaire

Invité

 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Dim 4 Juil - 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 - 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: 44127
Age: 24
Localisation: Lille
$ops: 21067
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Lun 5 Juil - 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/
 

Invité

Voir le dossier scolaire

Invité

 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Mar 6 Juil - 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: 9318
Age: 15
Localisation: Dans le pays des rillettes
$ops: 9539
Points: 650
Date d'inscription: 05/12/2009
 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Dim 13 Fév - 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://flavors.me/tiadeets
 

kiri

Doyenne

Voir le dossier scolaire

Doyenne

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

Journaliste du M-SoP

Nombre de messages: 7075
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 - 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: 9318
Age: 15
Localisation: Dans le pays des rillettes
$ops: 9539
Points: 650
Date d'inscription: 05/12/2009
 
MessageSujet: Re: <Astuce> Changer le texte d'un lien au passage de la souris   Dim 13 Fév - 9:36

Merci & des images avec des liens?

_________________


Spoiler:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://flavors.me/tiadeets
 

kiri

Doyenne

Voir le dossier scolaire

Doyenne

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

Journaliste du M-SoP

Nombre de messages: 7075
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 - 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-


Aller en haut
Aller en bas