Modification minuscules / majuscules

**popy67** · 07/02/2008, 19h35

Bonjour,

J'ai "copié" en guise d'entrainement un morceau de code de mon bouquin qui est censé transformer du texte minuscule en majuscule après clic sur un bouton.

Je n'arrive pas à faire fonctionner correctement le script, si quelqu'un peut m'aider ...

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
<script type="text/javascript">
function enMajuscule(n)
	{
	if (n.nodeType == 3)
		{
		n.data = n.data.toUpperCase();
		}							 
	else
		{
		var enfants = n.childNodes;
		for (var i = 0; i < enfants.length; i++) enMajuscule(enfants[i]);
		}																  	
	}
</script>
</head>
<body>	 		 
 
<div id="texte">
Ce texte va se transformer en lettres majuscules
</div>				
 
<br />
 
<button onclick="enMajuscule('texte')">Passer le texte en majuscule</button>

Merci d'avance pour vos lumières

**sachav** · 07/02/2008, 19h40

Ben ou appelez-vous votre fonction ??

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
<script type="text/javascript">
function enMajuscule(n)
 {
 if (n.nodeType == 3)
  {
  n.data = n.data.toUpperCase();
  }        
 else
  {
  var enfants = n.childNodes;
  for (var i = 0; i < enfants.length; i++) enMajuscule(enfants[i]);
  }                   
 }
</script>
</head>
<body>     
 
<div id="texte" onclick="enMajuscule(this)">
Ce texte va se transformer en lettres majuscules
</div>    
        
<br />

**popy67** · 07/02/2008, 19h48

???

un évènement onClick sur un élement div ???

Je voudrais que le texte situé entre les élements <div> se tranforme en majuscules après clic sur le bouton <button>.

En mettant le mot clé this dans l'évènement du bouton le texte affiché sur le bouton passe en majuscule mais pas celui entre les <div> ce n'est pas le but recherché

...

**popy67** · 07/02/2008, 19h58

J'ai trouvé tout seul, la fonction ne doit pas être invoquée avec des primes entre les parenthèses...

<button onclick="enMajuscule(texte)">Passer le texte en majuscule</button>

au lieu de

<button onclick="enMajuscule('texte')">Passer le texte en majuscule</button>

**sachav** · 07/02/2008, 20h28

Avec le div ca marche quand meme...
Un evenement onclick peut etre declenche sur n'importe quelle partie de la page...

Modification minuscules / majuscules

JavaScript

Vue hybride

Discussions similaires

Partager

Partager