L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
109175 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Referencement
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Page Rank
     Activeartanima...
     Gifs animés, f...
     L'écriteau
     Le village de ...
     Je javascript
     Easy-script.com
     Trucs et astuc...
     Les javascripts
     Web creation ...
     K i s s design
     Les autres
     Votre site ici ?


Afficher un texte au passage de la souris

Description

Au passage de la souris sur un lien, un texte de description s'affiche ou vous le voulez sur votre page.


Exemple :

Tous les scripts
Gamerezo.com
Création de bandeaux
KitGrafik.com



Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Internet Explorer : 5 et +
 Netscape Navigator : 6 et +
Ce script utilise le DHTML


Chiffres :

Date de création : 19/03/2001
Dernière modif : 21/10/2003
Visites de la page : 231138
Envois par mail : 3887


Vous désirez mettre plusieurs liens ? :

Editez plusieurs fois le code, mais ne placez qu'une fois sur votre page la partie entre le <head> et le </head> ainsi que le code à placer à l'endroit où vous désirez voir le texte apparaitre. La seule partie à rajouter à chaque fois est le script du lien (plus d'infos dans la source du code).


Edition du script :

Pour éditer ce script, vous devez remplir le formulaire ci-dessous.
Une fois le formulaire rempli, cliquez sur "Editer votre script !", votre script personnalisé s'affichera plus bas dans la page.
Les champs marqués en rouge sont obligatoires.

Entrez ici le texte du lien
(par exemple: page d'accueil ou les liens) :


Entrez ici le chemin de la page a afficher si le lien est cliqué
(par exemple: http://www.monsite.com/mapage.html, mapage.html ou mailto:moi@monemail.com) :


Entrez ici le texte à afficher si le texte est survolé (HTML possible) :




Votre script personnalisé :

Voici le code JavaScript à inserer dans votre page.
ATTENTION : Suivant votre editeur HTML, vous risquez de voir apparaitre des petits carrés noirs. Vous devez remplacer ces carrés noirs par un saut de ligne (ENTER).

A mettre entre les balises <HEAD> et </HEAD> :



A mettre entre les balises <BODY> et </BODY>.
ATTENTION : ce code se compose de 2 parties indiquées en commentaire. La première partie est le lien, la seconde, le bloc où le texte va apparaitre.



Services email :

Je désire recevoir mon script personnalisé par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript


Les annotations des visiteurs :

De isahunziker - le 19-07-2005

Est-il possible de faire apparaître plusieurs lignes de textes sur une image mapée ? Si oui comment ?

Merci d'avance
De villagoeland - le 20-02-2007

Bonjour,

Je souhaite savoir s'il est possible d'ajouter une image à ce texte ou s'il est au moins possible de changer la police pour ce texte!
De sautebas - le 21-10-2007

Il est possible de mettre plusieurs ligne en mettant de l'html avec <br />
De exup1 - le 28-03-2009

Bonjour,

J'ai essayé de mettre une image, mais je n'ai pas réussi. Par contre pour afficher un message sur plusieurs lignes, c'est OK à part que le nombre de lignes doit être inférieur au nombre de liens, sinon le lien vibre sous la souris.

Voici mon code :
<table>
<tr>
<td width="191">
<A HREF="http://www.monsite.com" onMouseOver="ChangeMessage('Nom1<br>Adresse1<br>CP-Ville<br>telephone','ejs_texte')" onMouseOut="ChangeMessage('','ejs_texte')">Ligne1</A>
</td>
<td rowspan="5"><DIV ID=ejs_texte></DIV><noscript><a href="http://www.editeurjavascript.com/mycircle/">echange de lien</a></noscript></td>
</tr>
<tr>
<td width="191">
<A HREF="http://www.monsite.com" onMouseOver="ChangeMessage('Nom2<br>Adresse1<br>CP-Ville<br>telephone','ejs_texte')" onMouseOut="ChangeMessage('','ejs_texte')">Ligne2</A>
</td>
</tr>
<tr>
<td width="191">
<A HREF="http://www.monsite.com" onMouseOver="ChangeMessage('Nom3<br>Adresse1<br>Adresse2<br>CP-Ville<br>telephone','ejs_texte')" onMouseOut="ChangeMessage('','ejs_texte')">Ligne3</A>
</td>
</tr>
<tr>
<td width="191">
<A HREF="http://www.monsite.com" onMouseOver="ChangeMessage('Nom4<br>Adresse1<br>CP-Ville<br>telephone','ejs_texte')" onMouseOut="ChangeMessage('','ejs_texte')">Ligne4</A>
</td>
</tr>
<tr>
<td width="191">
<A HREF="http://www.monsite.com" onMouseOver="ChangeMessage('Nom5<br>Adresse1<br>CP-Ville<br>telephone','ejs_texte')" onMouseOut="ChangeMessage('','ejs_texte')">Ligne5</A>
</td>
</tr>
</table>


Merci pour le code, il est très simple à utiliser pour un néophite comme moi.

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
SpreadShirt
Ouvrez une boutique de Tshirt personnalisés sur votre site !
https://www.spreadshirt.net/
Cat : Contenu pour votre site
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
58331 membres
9589 comptes CountUs
1622 comptes myCircle

     LES FORUMS :
14 forums
39658 topics
190131 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Divers" du jour par Xenon_54
Avez-vous plusieurs comptes sur divers réseaux de messenger ? Trillian propose un logiciel pouvant gérer 5 réseaux différents: ICQ, MSN, Yahoo, AIM et IRC. Gratuit, il vous permettra de regrouper vos comptes sur une même interface. Adoptez-le! http://www.trillian.cc/products/overview_basic.php
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2009 EJS - Tous droits réservés | CNIL N° 844440 | 04/07/2009 08:47:11 | Design by | Gen. en 0.45 sec.