Problema al sobrescribir en campo text de HTML

sairam2188 · #1 (**permalink**) 12/12/2012, 14:17

Buenas,

Tengo un problema que al pulsar la tecla TAB o con el mouse al seleccionar un texto que se encuentra en un campo "text" ese texto no se sobreescribe entonces debo borrarlo con la tecla backspace y escriber lo cual es un tanto molesto ya que son varios campos.

Espero haberme explicado. Gracias!

pzin · #2 (**permalink**) 12/12/2012, 15:09

Supongo que yo no lo he entendido, porque hasta donde yo sé el tabular o el seleccionar nunca ha borrado ningún texto.

MEBEK · #3 (**permalink**) 13/12/2012, 08:10

Hola yo si te entendi pero tampoco se, me parece muy mal de Bonez que no lea antes de responder.
Perfectamente se te entiende lo que preguntas

MEBEK · #4 (**permalink**) 13/12/2012, 08:12

Cita:

Iniciado por Bonez

Supongo que yo no lo he entendido, porque hasta donde yo sé el tabular o el seleccionar nunca ha borrado ningún texto.

Bonez perfectamente se le entiende lo que pregunta sairam2188, no entiendo porque no entiendes o no leiste bien

IsaBelM · #5 (**permalink**) 13/12/2012, 08:41

en qué navegador te ocurre?? una vez que tabulas sobres un campo, su contenido queda seleccionado y por lo tanto es editable sin necesidad de borrarlo con back-space

emprear · #6 (**permalink**) 13/12/2012, 12:51

Cita:

Iniciado por MEBEK

Hola yo si te entendi pero tampoco se, me parece muy mal de Bonez que no lea antes de responder.
Perfectamente se te entiende lo que preguntas

Cita:

Iniciado por MEBEK

Bonez perfectamente se le entiende lo que pregunta sairam2188, no entiendo porque no entiendes o no leiste bien

es posible que @bonez no haya entendido nada... pero lo que ha expresado es COMPLETAMENTE ACERTADO, tabular ó clickear/dobleClickear sobre campos de texto con contenido, no sobreescribe (o borra) absolutamente nada.
Se te ha ocurrido probar esto en el navegador (cualquiera de ellos)

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Html5</title>
</head>
<body>
<form action="#">
<input type="text" value="texto" /><br />
<input type="text" value="texto dos" />
</form>
</body>
</html>

y realizar las acciones descriptas por @sairam2188, a propósito, bienvenido/a a FDW.
@sairam2188, ¿supongo que no pensarás que lo natural es que el click del mouse o el tab cumplan con ese cometido, verdad?

Volviendo a tí, @MEBEK, te aclaro, yo tampoco entiendo nada

pzin · #7 (**permalink**) 13/12/2012, 15:33

Cita:

Iniciado por MEBEK

[blabla] me parece muy mal de Bonez que no lea antes de responder [blabla]

Para no entender algo primero hay que leerlo.

En el foro muchas veces preguntan cosas sin explicarse demasiado bien como es el caso, y después de asumir lo más lógico a veces resulta que se preguntaba otra cosa. Por lo que yo prefiero hacer alusión a la mala explicación antes de embarcarme en la aventura de pensar en cosas superfluas que luego no son.
Lo de explicarse bien o mal, a veces reside tan sólo en la falta del uso de comas y puntos.

De todas formas, realmente no entendí el problema hasta el post de IsaBelM.

Cita:

Iniciado por emprear

@sairam2188, ¿supongo que no pensarás que lo natural es que el click del mouse o el tab cumplan con ese cometido, verdad?

Yo es la conclusión que saqué según su mensaje, pero lo descarté porque no me parecía que pueda pensar eso, ya que es algo no ya básico de HTML, sino de la informática en general.

sairam2188 · #8 (**permalink**) 19/02/2013, 13:50

Tiempo sin pasar por acá, gracias por sus respuesta. Todavía sigo con el problema, me explicare un poco mejor a ver si me entienden:

Tengo una tabla en HTML con varias celdas que contienen cajas de texto (con valores extraídos de una base de datos), es decir, una matriz. Al momento de editar cualquier caja y pulsar la tecla TAB se produce el evento "onKeyPress" el cual llama una funcion javascript que a su vez valida si el texto ingresado fue un numero decimal. Luego de pulsar TAB se dirige a la siguiente caja de la fila pero el problema es que tengo que presionar la tecla "BACKSPACE" para borrar el texto que estaba en esa caja y colocar el nuevo, lo cual es bastante molesto. Aquí el ejemplo:

Código HTML:

Ver original<td><input class="EstiloEstandar" name="clase" type="text" size="5" id="clase" value="<?php echo $row[0];?>"/></td>
       <td class="nombre_bd"  <?php echo $sItemRowClass; ?>><input class="EstiloEstandar3" onClick="editandoFila(this.form);" onKeyPress="return soloNumerosDouble(this)" name="t2012" type="text" size="5" id="t2012" value="<?php echo $row[6]; ?>"/></td>
       <td><input class="EstiloEstandar" onKeyPress="return soloNumerosDouble(this)" name="t2011" type="text" size="5" id="t2011" value="<?php echo $row[1]; ?>"/></td>
       <td><input class="EstiloEstandar" onKeyPress="return soloNumerosDouble(this)" name="t2010" type="text" size="5" id="t2010" value="<?php echo $row[2]; ?>"/></td>

Cuando quito el evento "onKeyPress" funciona sin problemas. Les dejo también el código javascript:

Código Javascript:

Ver originalfunction soloNumerosDouble (objeto){
        var valorCampo;
        var evento_key = window.event.keyCode;
        var numPosPunto = 0;
        var strParteEntera = "";
        var strParteDecimal = "";
        var NUM_DECIMALES = 2;
 
        switch (evento_key){
            case 48:
            case 49:
            case 50:
            case 51:
            case 52:
            case 53:
            case 54:
            case 55:
            case 56:
            case 57:
            case 46:
        break;
        default:
        window.event.keyCode = 0;
        return false;
        }
 
        valorCampo = objeto.value;
        if (evento_key == 46)
        if (valorCampo.indexOf(".") != -1){
            window.event.keyCode = 0;
            return false;
        }
        /* Sólo puede teclear el número de decimales indicado en NUM_DECIMALES */
        if ((numPosPunto = valorCampo.indexOf(".")) != -1){
            strParteEntera = valorCampo.substr(0,(numPosPunto - 1));
            strParteDecimal = valorCampo.substr((numPosPunto + 1), valorCampo.length)
        if (strParteDecimal.length > (NUM_DECIMALES - 1)){
            window.event.keyCode = 0;
            return false;
        }
        }
        return true;
    }

sairam2188 · #9 (**permalink**) 19/02/2013, 13:52

El asunto es que quisiera escribir directamente en la caja de texto sin tener que pulsar la tecla "BackSpace"

pzin · #10 (**permalink**) 19/02/2013, 14:38

Pues lo suyo sería vaciar el campo cuando el foco esté encima de él.

Código HTML:

Ver original<input onfocus="this.value=''">

Aunque igual te interesaría más usar placeholder.

Edit: De todas formas, la pregunta y posterior apreciación de IsaBelM sigue ahí; cuando cambias el foco con el tabulador, normalmente te selecciona el contenido y puedes empezar a escribir sin necesidad de borrar primero.

sairam2188 · #11 (**permalink**) 19/02/2013, 15:16

Gracias Bonez, tu código funciono bien, pero me gustaría descubrir porque se produce ese error (ya se sabe que lo genera "onkeypress")