Cambiare colore alle lettere maiuscle

[irdg]

ciao a tutti

Sul database ho alcuen stringhe di testo

stò cercando una funzione javascript che mi sostituisca tutte le lettere maiuscole di questa stringa nella stessa lettera, ma di colore diverso...

es:
la stringa "Ciao" di colore normale dovrebeb diventare
Ciao

un saluto

[artorius]

allora, ho pensato ad una funzioncina che mi sembra vada:

function addClassToUpperCase(str, classN){
	var reg = /([A-Z]+)/;		
	var i = 0, j = 0, z;
	var tmp = "";
	for(z = 0; z < str.length; z++){
		var c = str.charAt(z);
		if(reg.test(c)){
			j = z;
			if(!reg.test(str.charAt(z - 1)))
				i = z;					
		}else
		{
			if(j == (z - 1)){
				tmp+= "<span class=\""+classN+"\">"+str.slice(i,j+1)+"</span>";
			}
			i = z;
			tmp+= c;
		}
	}
	return tmp;
}

Questa funzione prende in ingresso una stringa e "incornicia" le sottostringhe maiuscole in uno span al quale applica la classe che gli passi come secondo parametro.

per esempio fai:

<style type="text/css">
   .MyColor{
      color: red;
   }
</style>
<script type="text/javascript">
   document.write(addClassToUpperCase("Ciao Mondo!", 'MyClass'));
</script>

ed otterrai

Ciao Mondo!!!

[irdg]

Funziona perfettamente...

correggo per eventuali utilizzatori futuri che il MyClass sul document.write deve essere sostituito con MyColor dello stile...

grazie mille.

[artorius]

giusto, hai ragione:

<style type="text/css">
   .MyColor{
      color: red;
   }
</style>
<script type="text/javascript">
   document.write(addClassToUpperCase("Ciao Mondo!", 'MyColor'));
</script>