problema con llamada a función JavaScript

Blackerfin · #1 (**permalink**) 18/08/2011, 04:11

Hola, tengo un problema. No consigo que se ejecute la llamada a una función de JavaScript que está llamada desde el evento onClick de un input text.

El javascript comienza en la línea 10 y los imputs que deberian quedarse en blancos al hacer click están en las líneas 31 y 34

El código es el siguiente:

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>login</title>
 
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=ISO-8859-1">
 
    <link rel="STYLESHEET" type="text/css" href="estilo.css">
                      
                       <script type="javascript">
            <!--
                function desaparece(id)
                    {
                       var campo = document.getElementById(id);
                       campo.innerHTML = "";                           
                    }
                           
                       //-->
                      </script>      
 
</head>
 
 
<body>
 
<div align="center">
 
    <form action='inicioSesion.php?formulario=&nomcampo=' method='POST'     
    class='formulario'  style='margin: 0px 0px 0px 0px;'>
 
        <input  type='text' name = 'nuevo_nombre' id='txtNombre'    
        onclick="desaparece('txtNombre')" value='Introduce nombre'>
 
        <input  type='text' name = 'nuevo_pass' id='txtPass'  
        onclick="desaparece('txtPass')" value='Introduce password'>
 
        <table class="tablacalendario" align="center" cellspacing="3" 
        cellpadding="1" border="0"> 
            <tr class="tit" colspan=7>      
                <td align="center">
                    <input type="Submit" value="[ ENTRAR ]">
                </td>
            </tr>
         </table>
    </form>
</div>
 
</body>
 
</html>

Gracias de antemano!

un saludo

_cronos2 · #2 (**permalink**) 18/08/2011, 05:30

¿No será mejor usar value?
Saludos.

Patrida · #3 (**permalink**) 18/08/2011, 05:32

Hola!!

He hecho algunas modificaciones en tu codigo, y he conseguido que funcionara...

La primera de ellas, para indicar el lenguaje a usar en el script, he utilizado el atributo "language" no "type".
Despues he borrado los comentarios que tenias, por dejar mas claro el codigo.
Y por ultimo, como el elemento cuyo contenido quieres modificar es un text, he usado campo.value, no campo.innerHTML.

Con estos cambios, la parte del script quedaria asi:

Código:

   <script language="javascript">
        function desaparece(id) {
            var campo = document.getElementById(id);
            campo.value= "";                           
        }
    </script>

Espero que te sirva!!

Un saludo,
Patricia

_cronos2 · #4 (**permalink**) 18/08/2011, 05:37

Cita:

Iniciado por Patrida

La primera de ellas, para indicar el lenguaje a usar en el script, he utilizado el atributo "language" no "type".

Meeeeec, error. El atributo language es deprecated, hay que usar type.
Saludos.

Patrida · #5 (**permalink**) 18/08/2011, 06:05

Gracias por la info!! En realidad no soy ninguna experta en javascript.... Solo he hecho un par de projectos, pero usando type no me funcionaba y con language si. De ahi mi recomendacion....

Volvere a probar entonces!!

Un saludo,
Patricia

Patrida · #6 (**permalink**) 18/08/2011, 06:08

Probe otra vez con el atributo type, pero entonces hay que usar "text/javascript", no solo "javascript".

Gracias por el aviso, nueva informacion archivada!!

Blackerfin · #7 (**permalink**) 18/08/2011, 08:46

Hola de nuevo. He probado varias cosas de las que me habeis comentado. He puesto lo del language y el type (más vale que sobre que no que falte XD) y además he cambiado en el form la llamada a la función indicando el vez del nombre directamente poniendo desaparece(this.id). Además, no sé porque extraña razón he tenido que quitar los ; que habia tras las instrucciones :S.

También he añadido una alerta en la función desaparece(id) que muestra el id que se la ha enviado y envia correctamente el id siendo txtNombre y txtPass respectivamente, pero no me deja la casilla en blanco, así que quiero pensar que el problema está en que...

var campo = document.getElementById(id)
campo.innerHTML = ""

...no es lo que hay que poner para que el campo se vacie.

PD: No uso el value porque quiero que inicialmente las casillas estén rellenas y se vacien según se pulsa o hace focus (luego añadiré el focus XD) en ellas para poder rellenarlas.

El código me ha quedado de la siguiente manera:

Código Javascript:

Ver original<script  language="javascript" type="text/javascript">
            <!--
                function desaparece(id)
                    {
                       var campo = document.getElementById(id)
                       campo.innerHTML = ""    
                        //alert("¡ENTRA!")
                        alert(id)
                    }
            //-->
            </SCRIPT>

Código HTML:

Ver original<form action='inicioSesion.php?formulario=&nomcampo=' method='POST' class='formulario'  style='margin: 0px 0px 0px 0px;'>
 
<input  type='text' name = 'nuevo_nombre' id='txtNombre'  onClick="desaparece(this.id)" value='Introduce nombre'>
 
<input  type='text' name = 'nuevo_pass' id='txtPass'  onClick="desaparece(this.id)" value='Introduce password'>
 
<table class="tablacalendario" align="center" cellspacing="3" cellpadding="1" border="0">   
 
<tr class="tit" colspan=7>      
<td align="center">
                        
<input type="Submit" value="[ ENTRAR ]">
 
</td>   
</tr>
</table>
</form>

Gracias por la ayuda!.

Blackerfin · #8 (**permalink**) 18/08/2011, 08:48

vale.....tras pararme a leer bien lo que decias sobre el value me he dado cuenta de que luego Patrida usa campo.value en vez de como yo campo.innerHTML, así que lo he probado ya funciona!.

Gracias, muchas gracias a los dos :).