High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

OnMouseOver : plusieurs textes,un emplacement

Dernière réponse le 23 sep 2009 à 19:03:29 HTMLdébutant, le 17 jan 2009 à 18:21:05 
 Signaler ce message aux modérateurs

Bonjour,
Je débute en programmation HTML et je cherche a faire mon propre site internet...
Mon problème concerne l'instruction onMouseOver.
J'ai un menu de navigation que j'a créer en image (5 bouton = 5 liens vers une page différente).
Je voudrais faire apparaitre un texte quand le pointeur de la souris passe sur un bouton (le bouton sert de lien). Et je voudrais en même temps que pour chaque bouton il n'y ai qu'une seule zone d'affchage du texte.
J'ai déja essayé la fonction Textarea, mais dès que je dépasse un certain nombre de caractère, c'est comme si il n'y avais pas de texte du tout.
Merci d'avance de vos réponses.

Configuration: Windows XP
Firefox 3.0.5

Meilleures réponses pour « onMouseOver : plusieurs textes,un emplacement » dans :
Inverser le texte dans Word (effet miroir) VoirS'il est possible d'effectuer une rotation du texte avec Word (icône zone de texte, puis format / orientation du texte), celui-ci ne permet en revanche pas de faire des opérations de symétrie. La solution consiste donc à insérer une image contenant...
[MS-Dos] Ecrire dans un fichier texte en batch VoirPour écrire dans un fichier texte, il suffit d'utiliser une redirection ">" : echo texte_à_ecrire > fichier_de_sortie.txt Pour écrire à la fin d'un texte existant (concaténation) : echo "écriture a la fin du fichier ">>...
Les éditeurs de texte formaté - Rich text editors Voir
Télécharger Natural voice text to speech reader Voir
Télécharger TextWrangler VoirTextWrangler est un éditeur de texte évolué. Il propose de nombreuses fonctionnalités : recherche/remplacement simple ou sur plusieurs fichiers utilisation d'expressions rationnelles (regexp) comparaisons de fichiers presse-papiers...
Télécharger Text Guard Voir
PHP - Affichage de texte sur le navigateur VoirLe but de PHP est de permettre la création de pages web dynamiques, ainsi son but premier est de pouvoir envoyer des données au navigateur. Les trois fonctions standards PHP fournit 3 fonctions permettant d'envoyer du texte au navigateur. Ces...
Fonctions de texte Voir
Posez votre question Répondre

1

Azer_Ty, le 17 jan 2009 à 21:42:31

Salut,
Je ne sais pas si c'est ce que tu veux, mais essaye : 

<html>
<head>
<script type="text/javascript">
function afficher(element){
	document.getElementById(element).style.display = "block";
}

function cacher(element){
	document.getElementById(element).style.display = "none";
}
</script>
</head>
<body>
	<a href="Mapage1.html" onMouseOver="javascript:afficher('message1');" onMouseOut="javascript:cacher('message1');" >
		<input type="button" value="aller sur Mapage1.html" />
	</a>
	<br />
	<a href="Mapage2.html" onMouseOver="javascript:afficher('message2');" onMouseOut="javascript:cacher('message2');" >
		<input type="button" value="aller sur Mapage2.html" />
	</a>
	<br />
	<a href="Mapage3.html" onMouseOver="javascript:afficher('message3');" onMouseOut="javascript:cacher('message3');" >
		<input type="button" value="aller sur Mapage3.html" />
		</a>
	<br />
	<a href="Mapage4.html" onMouseOver="javascript:afficher('message4');" onMouseOut="javascript:cacher('message4');" >
		<input type="button" value="aller sur Mapage4.html" />
		</a>
	<br />
	<div>
		zone de message<br />
		**************<br />
		<div id="message2" style="display: none;" >Message caché 2</div>
		<div id="message1" style="display: none;" >Message caché 1</div>
		<div id="message3" style="display: none;" >Message caché 3</div>
		<div id="message4" style="display: none;" >Message caché 4</div>
		**************
	</div>
</body>
</html>


En cachant les messages puis :
- OnMouseOver pour afficher
- OnMouseOut pour cacher

Le monde n'est que feinte ...

   
Répondre à Azer_Ty

2

HTMLdébutant, le 18 jan 2009 à 16:55:28

Merci pour tout Azer_ty... c'est parfaitement ce que je recherchait.
Tu es un génie.
Problème résolu.

   
Répondre à HTMLdébutant

4

 Pascal, le 23 sep 2009 à 19:03:29

Superbe cette solution.

Quelqu'un pourrait-il la compléter...

1- Je souhaiterais que les liens soient dans des cellules d'un tableau.

2- Que la couleur de font de cellule change au passage de la souris.

Merci d'avance.

   
Répondre à Pascal

3

Azer_Ty, le 18 jan 2009 à 20:30:32

Au plaisir.
Le monde n'est que feinte ...

   
Répondre à Azer_Ty
Posez votre question Répondre
Ils ont besoin de votre aide