Agregar caracteres

Roly · #1 (**permalink**) 21/09/2004, 08:18

necesito darle este formato a un numero xxx-xxx-xxxx de manera que cuando escriba los 3 primeros automaticamente ponga el - y cuando escriba los otro 4 ponga -.
Esto está dentro de un textbox.-

KarlanKas · #2 (**permalink**) 21/09/2004, 08:29

Mira si te sirve este código:
http://www.karlankas.net/codigo/formato

Roly · #3 (**permalink**) 21/09/2004, 08:58

Gracias por contestar, lo que necesito es que a medida que vaya introduciendo los numeros(solo deberia dejar escribir numeros) escriba los -.

KarlanKas · #4 (**permalink**) 21/09/2004, 10:08

Código HTML:

<html>
<head>
	<title>Untitled</title>
	<script language="javascript"> 
<!-- 
otro=0;
function LP_data(){ 
var key=window.event.keyCode;//codigo de tecla. 
if (key < 48 || key > 57){//si no es numero 
window.event.keyCode=0;//anula la entrada de texto. 
}}
function anade(esto){
if(esto.value.length>otro && (esto.value.length==3 || esto.value.length==7)){esto.value+="-";}
otro=esto.value.length
}

--> 
</script> 
</head>

<body>
<form>
<input type="text" maxlength="12" onkeypress="LP_data()" onkeyup="anade(this)">
</form>


</body>
</html>

Roly · #5 (**permalink**) 21/09/2004, 10:32

Perfecto!!!!!!!!! muchas gracias

KarlanKas · #6 (**permalink**) 21/09/2004, 10:36

De nada!

KarlanKas · #7 (**permalink**) 21/09/2004, 10:42

Había un problema en lo que te he puesto y es si borraban uno de los guiones no se volvía a poner. Con el siguiente código se arregla:

Código HTML:

<html>
<head>
	<title>Untitled</title>
	<script language="javascript"> 
<!-- 
otro=0;
function LP_data(){ 
var key=window.event.keyCode;//codigo de tecla. 
if (key < 48 || key > 57){//si no es numero 
window.event.keyCode=0;//anula la entrada de texto. 
}}
function anade(esto){
if(esto.value.length>otro){
if(esto.value.length==3 || esto.value.length==7){esto.value+="-";}
}
if(esto.value.length<otro){
if(esto.value.length==3 || esto.value.length==7){esto.value=esto.value.substring(0,esto.value.length-1);}
}
otro=esto.value.length
}

--> 
</script> 
</head>

<body>
<form>
<input type="text" maxlength="12" onkeypress="LP_data();anade(this)">
</form>


</body>
</html>

KarlanKas · #8 (**permalink**) 21/09/2004, 10:46

He acortado un poco el tamaño del código:

Código HTML:

<html>
<head>
	<title>Untitled</title>
	<script language="javascript"> 
<!-- 
otro=0;
function LP_data(){ 
var key=window.event.keyCode;//codigo de tecla. 
if (key < 48 || key > 57){//si no es numero 
window.event.keyCode=0;//anula la entrada de texto. 
}}
function anade(esto){
anadir=(esto.value.length>otro)?'+="-"':'=esto.value.substring(0,esto.value.length-1)'

if(esto.value.length==3 || esto.value.length==7){
eval('esto.value'+anadir);
}

otro=esto.value.length
}

--> 
</script> 
</head>

<body>
<form>
<input type="text" maxlength="12" onkeypress="LP_data();anade(this)">
</form>


</body>
</html>

Ahora está bien!

JavierB · #9 (**permalink**) 21/09/2004, 11:35

Hola Roli y KarlanKas.

He probado el código con Nocilla (saludos caricatos

) y no marcha, así que he hecho algunos cambio y esto es lo que ha salido:

Código HTML:

<html>
<head>
	<title>Untitled</title>
	<script language="javascript"> 
<!-- 
otro=0;
function LP_data(e,esto){ 
var key=(document.all) ? e.keyCode : e.which;//codigo de tecla. 
if (key < 48 || key > 57)//si no es numero 
return false//anula la entrada de texto.
else anade(esto); 
}
function anade(esto){
anadir=(esto.value.length>otro)?'+="-"':'=esto.value.substring(0,esto.value.length-1)'

if(esto.value.length==3 || esto.value.length==7){
eval('esto.value'+anadir);
}

otro=esto.value.length
}

--> 
</script> 
</head>

<body>
<form>
<input type="text" maxlength="12" onkeypress="return LP_data(event,this)">
</form>

Saludos,

KarlanKas · #10 (**permalink**) 21/09/2004, 13:04

Ole ole!

Sabía que con Nocilla no funcionaría. Lo que no sabía es que fuera tan fácil arreglarlo!

Un saludo JavierB!

caricatos · #11 (**permalink**) 21/09/2004, 13:07

Hola a todos:

Tengo que admitir que JavierB se ha convertido en un auténtico especialista en "Nocilla" o "Nescafé"...

(¡Aunque a veces te pillo

!)

Un saludo también para KarlanKas

(y también para Roly...)

KarlanKas · #12 (**permalink**) 21/09/2004, 13:31

HAy un pequeño fallo. Al ir a borrar un guión borra el guión y nada más. En el código último que hice borraba el guión y la cifra anterior. Esto lo hacía para que no pusiera una cifra en vez del guión (si borras el guión te deja poner una cifra en su lugar...).

Alguna idea?

Roly · #13 (**permalink**) 21/09/2004, 15:27

Muchas Gracias a todos por contestar, creo que con eso tiene que andar de sobra