Uppercase

hmv · #1 (**permalink**) 15/01/2010, 04:13

Buenos dias,

Estoy intentando convertir a mayusculas un texto usando
form.TxtNombre.value=form.TxtNombre.value.toUpperC ase();

El hecho es que si lo convierte a mayusculas, pero cuando quiero desplazarme con el cursos por el texto, este siempre me manda a la ultima posición del texto y no se pq.

alguíen tiene alguna solución????

quimfv · #2 (**permalink**) 15/01/2010, 04:35

Muestranos que haces... todo el script. Supongo que esta ejecutando la conversión en un evento que no és el correcto...

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function convertir(obj){
if(obj.id=="original"){
document.getElementById("convertido").value=document.getElementById("original").value.toUpperCase();
}else{
document.getElementById("original").value=document.getElementById("convertido").value.toLowerCase();
}
}
</script>
</head>
 
<body>
<table width="50%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>Minúsculas</td>
    <td></td>
    <td>Mayúsculas</td>
  </tr>
  <tr>
    <td><input name="original" type="text" id="original" onBlur="convertir(this)"></td>
    <td align="center">pasa a</td>
    <td><input name="convertido" type="text" id="convertido" onBlur="convertir(this)"></td>
  </tr>
</table>
 
</body>
</html>

Quim

hmv · #3 (**permalink**) 15/01/2010, 05:35

Gracias por responder,
El problema esta en q tu asignas el valor de Original al convertido.

La idea es ir escribiendo y q se vaya cambiando a mayusculas.
Este es mi codigo

Código PHP:

  <html> 
<head> 
 
<script language="JavaScript" type="text/JavaScript"> 
function convertir() 
 { 
    document.getElementById("original").value=document.getElementById("original").value.toUpperCase();     
} 
</script> 
</head> 
  
<body> 
<table width="50%" border="0" cellspacing="0" cellpadding="0"> 
  <tr> 
    <td>texto</td>     
     
  </tr> 
  <tr> 
    <td><input name="original" type="text" id="original" onKeyUp="convertir()"></td> 
  </tr> 
</table> 
  
</body> 
</html>

Tecna · #4 (**permalink**) 15/01/2010, 09:18

Buenas,

yo diría que el problema es que está aplicando el método toUpperCase() a una propiedad de un objeto y lo que espera es una cadena. Mete el valor de la propiedad en una variable y aplica el método a esa variable.

Los nombres de los controladores de eventos como atributos en la etiqueta HTML van con todos las letras en minúscula.

El evento que tendrias que utilizar es keyup para estar seguro de que se ha actualizado el valor de value, pero esto no sirve para cuando se pega texto con el ratón, para eso tendrás que usar el evento change. Con el evento keypress puedes restringir la entrada unicamente a caracteres alfanuméricos y asegurarte de que pasas una cadena con fronCharCode()

masterojitos · #5 (**permalink**) 15/01/2010, 09:25

y no seria mejor usar style="text-transform:uppercase"

aqui esta el codigo:

Código HTML:

Ver original<html>
<head>
</head> 
<body>
<table width="50%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>texto</td>   
  </tr>
  <tr>
    <td><input type="text" name="original" style="text-transform:uppercase"></td>
  </tr>
</table> 
</body>
</html>

Suerte.

hmv · #6 (**permalink**) 18/01/2010, 02:16

Gracias masterojitos esta perfecto

tmb soy de peru, de trujillo viviendo en barcelona