Problème pour modifier du texte

**philippef** · 06/09/2006, 20h11

Bonjour.

Je voudrais modifier la couleur et la taille du texte avec onmouseover.
J'arrive a modifier un attribut mais pas deux!!

Code :

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

<span onclick="valider(42)" onmouseover="this.style.color='red'" >Alsace</span>

merci

**Linaa** · 06/09/2006, 20h18

A l'arrache

Code :

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

<span onclick="valider(42)" onmouseover="this.style.color='red';this.style.backgroundColor='blue'" >Alsace</span>

Mais tu peux aussi faire une fonction pour ça, c'est beaucoup plus propre.

**CR_Gio** · 06/09/2006, 20h19

hi,

Code :

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

<span onclick="valider(42)" onmouseover="this.style.color='red';this.style.fontSize='1.2em';" >Alsace</span>

sous FF ca marche!

En gro on remplace le "-x" des attribut css par "X" en javascript
exemple:

font-family donne en javascript : fontFamily
font-size donne en javascript : fontSize
font-weight donne en javascript : fontWeight

J'espere t'avoir aidé nanPêche :p

**philippef** · 06/09/2006, 20h30

Bon merci ça marche mais comment je peux ecrire une fonction avec ça?

Code :

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

onmouseover="this.style.color='red'; this.style.fontSize='12px';" onmouseout="this.style.color='black'; this.style.fontSize='10px';">Alsace

Ca m'arrangerait bien j'ai 23 lignes à écrire

**Auteur** · 06/09/2006, 20h30

bonjour,

tout simplement :

Code :

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

1
2
 
<span onclick="valider(42)" onmouseover="this.style.color='red'; this.style.fontWeight='bold'" >Alsace</span>

mets les instructions les unes à la suite des autres.
Par contre si tu dois en rajouter un peu plus, créée une fonction ou une nouvelle classe :

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
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
.classMouseOver{
color: #FF0000; 
font-weight: bold;
}
 
//-->
</style>
 
</head>
 
<body>
<span onclick="valider(42)" onmouseover="this.className='classMouseOver'" >Alsace</span>
</body>
 
</html>

----------------------------------------
Plus propre utilise la balise <a> :

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
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
a:hover{
color: #FF0000; 
font-weight: bold;
}
 
//-->
</style>
 
<script type="text/javascript">
<!--
function valider(n)
{
 alert(n);
}
 
//-->
</script>
 
</head>
 
<body>
<a href="javascript:valider(42)">Alsace</a>
 
</body>
 
</html>

>pas besoin de onmouseover() ou de onmouseout(). N'oublie pas le mot-clef javascript dans le href.

Problème pour modifier du texte

JavaScript

Discussions similaires

Partager

Partager