Faire apparaitre du texte avec un mouse over

**zooffy** · 11/09/2006, 18h15

Bonjour

Je suis pas trés doué en Jscript alors je viens chercher un coup de main ici.

Je voudrais faire apparaitre du texte en passant la souris audessus d'un texte.
Par exemple, j'ai une liste dans une cellule d'un tableau et lorsque je passe au dessus de la première ligne j'ai du texte qui apparait dans la cellule d'à côté, puis lorsque je passe sur la deuxième ligne, le texte change pour faire apparaitre un autre, et ainsi de suite.

Quelques sont les commandes de base et comment inclue t on cela dans le code HTML ?

Merci pour votre aide.

**Kerod** · 11/09/2006, 19h18

onmouseover : sera déclenché lors du survol de l'élément par la souris
document.getElementById('idtd').innerHTML : contient le texte affiché ou que tu vas afficher.

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<td onmouseover="document.getElementById('idtd').innerHTML = 'TEXTE'">test1</td><td id="idtd"></td>

**lalouve** · 11/09/2006, 19h37

Hello

essaie un truc dans le genre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html>
<head>
	<title>Titre</title>
	<script type="text/javascript">
	function affTexte(nb){
		var infos = new Array("Texte d'info pour le texte 1", "Texte d'info pour le texte 2", "Texte d'info pour le texte 3");
		var i = (nb>0 && nb<=infos.length)? nb-1: 1;
 
		var info = document.getElementById("info");
		info.innerHTML = infos[i];
	}
	function cacheTexte()
		{ document.getElementById("info").innerHTML = "Texte qui va changer"; }
	</script>
</head>
 
<body>
<table border="1">
	<tbody>
		<tr>
			<td>
				<ul>
					<li onmouseover="affTexte(1);" onmouseout="cacheTexte();">texte 1</li>
					<li onmouseover="affTexte(2);" onmouseout="cacheTexte();">texte 2</li>
					<li onmouseover="affTexte(3);" onmouseout="cacheTexte();">texte 3</li>
				</ul>
			</td>
			<td id="info" style="width:200px;">Texte qui va changer</td>
		</tr>
	</tbody>
</table>
 
 
</body>
</html>

**zooffy** · 12/09/2006, 09h31

Un grand merci à vous deux, c'est parfait, çà marche d'enfer.

Véritablement, ce forum est la meilleure communauté du Net pour les soucis de programmation.

Vraiment merci, à vous, et à tous ceux qui m'ont été et qui m'aideront encore.
J'espère un jour avoir le niveau pour à mon tour aider quelqu'un.

Bonne journée

**zooffy** · 12/09/2006, 10h29

Bon, je suis peut être aller un peu vite en besogne dans l'expression de ma joie.

Bon, j'ai zappé un petit détail et je rame depuis une heure : le tableau de la fonction affTexte, comment je peux le remplir avec un recordset en ASP ?

J'ai essayer plein de truc : changer la variable et envoyer du texte dedans, reprendre le innerHTML en direct, et à chaque fois j'ai un souci avec les ' et les " qui se mélange et que le HTML ne sait plus interpréter dans le bon sens.

Donc la dernière solution qu'il me reste est de charger le tableau avec mon recodset, mais là, je sais aps trop comment faire.

Merci pour votre aide.

**zooffy** · 12/09/2006, 14h47

bon, en fait j'ai trouvé mon soucis, çà venait pas de là.
J'ai un caractère spécial dans ma base de donnée qui me fout la grouille dans le script.
çà correspond à un retour à la ligne, mais je ne trouve pas son petit nom, pour le gicler de ma chaine.
Je vais demander aux gars de SQL s'ils ont une idée.

Encore merci

@+

**viking07** · 06/04/2008, 19h56

Bonjour,

Je débarque sans me présenter

désolée, je le ferai

Bon, le sujet ne date pas d'aujourd'hui, mais j'ai utilisé le code et ça fonctionne super.

Mon soucis, j'aimerais incérer plusieurs tableaux sur la même page et je ne sais pas quelles variables il faut changer

suis pas très douée.

Un tout gros merci pour votre aide

Faire apparaitre du texte avec un mouse over

JavaScript

Discussions similaires

Partager

Partager