Modification minuscules / majuscules

Version imprimable

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:

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 ;)

Ben ou appelez-vous votre fonction ??

Code:

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 />

07/02/2008, 19h48
popy67

???

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é

...
07/02/2008, 19h58
popy67

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>
07/02/2008, 20h28
sachav

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