Habilitar Textbox con JavaScript desde PHP??

Duckds · 2 Abr 2011

Que tal compañeros bakunos vengo a ver si alguien me puede despejar una duda.
Resulta que tengo un archivo PHP que me genera una consulta y me imprime los datos en una tabla, la cual la mando a llamar a otra pagina.php
mi duda es como mando llamar una funcion de JavaScript, en el archivo de PHP

Mi pagina principal que es la que me muestra las consultas

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"lang="es" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CONSULTAS</title>
<link href="pestanas.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript" src="ajax.js"></script>
</head>
<body>
<table>
    <tr>
        <td valign="top">
            <div id="menu"> 
                <ul>
                    <li class="activa"><a id="enlaceA" href="#">PERSONALES</a></li>
                    <li><a id="enlaceB" href="#">CREDITO</a></li>
                    <li><a id="enlaceC" href="#">Formulario C</a></li>
                    <li><a id="enlaceD" href="#">Formulario D</a></li>
                </ul>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div id="reporte"></div>
        </td>
    </tr>
</table>
</body>
</html>

Y este es el codigo que genera la consulta, me la muestra en una tabla y al final tengo un boton el cual quiero que al presionarlo me habilite los textbox para poder hacer cambios

Código:

<?php
   error_reporting ( E_ERROR );

    $conexion= mysql_connect('localhost', 'root', '') or die ("No se pudo conectar al servidor: ".mysql_error());

    mysql_query('SET NAMES utf8');

    mysql_select_db('db') or die ("No se puedo seleccionar la base de datos: ".mysql_error());

    $consulta = 'SELECT * FROM personales WHERE num_credito='.$num_credito.';

    $resultado = mysql_query($consulta) or die ("Fallo al generar la consulta: ".mysql_error());
    
    $NFilas = mysql_num_rows($resultado);
    if($NFilas == 1)
    {
        $linea = mysql_fetch_array($resultado);
    }
    else
    {
        echo "Fallo al generar la consulta";
    }
    
    mysql_free_result($resultado);
    
    mysql_close($conexion);
    
    function cambiaf_a_normal($fecha){
             ereg( "([0-9]{2,4})-([0-9]{1,2})-([0-9]{1,2})", $fecha, $mifecha);
             $lafecha=$mifecha[3]."/".$mifecha[2]."/".$mifecha[1];
             return $lafecha;
      }
//Buscando vi que se puede mandar a llamar de la siguiente forma
echo '<script language="javascript">
function Habilitar(){
    document.getElementById(rfc).disabled="true";
    document.getElementById(nombre).disabled="true";';
echo '}</script>';
//PERO NO ME RESULTA
echo '<table width="90%" cellpadding="3" cellspacing="0" bordercolor="#000000" border="2" >';
    echo '<tr>';
        echo '<td align="right">NOMBRE:</td>';
        echo '<td align="left"><input type="text" name="nombre" id="nombre" size="40" value="'.$linea['nombre'].'" "'.$linea['apellido_paterno'].'" "'.$linea['apellido_materno'].'" /></td>';
        echo '<td align="right">FECHA DE NACIMIENTO:</td>';
        echo '<td align="left"><input type="text" name="fechanacimiento" id="fechanacimiento" size="20" value="'.cambiaf_a_normal($linea['fecha_nacimiento']).'"/></td>';
    echo '</tr>';
    echo '<tr>';
        echo '<td align="right">TELEFONO DE CASA:</td>';
        echo '<td align="left"><input type="text" name="telcasa" id="telcasa" size="20" value="'.$linea['telefono_casa'].'" disabled="disabled" /></td>';
        echo '<td align="right">TELEFONO DEL TRABAJO:</td>';
        echo '<td align="left"><input type="text" name="teltrabajo" id="teltrabajo" size="20" value="'.$linea['telefono_trabajo'].'" disabled="disabled" /></td>';
    echo '</tr>';
    echo '<tr>';
        echo '<td align="right">TELEFONO CELULAR:</td>';
        echo '<td align="left" colspan="3"><input type="text" name="telcelular" id="telcelular" size="20" value="'.$linea['telefono_celular'].'" disabled="disabled"/></td>';
    echo '</tr>';
    echo '<tr>';
    echo '<td align="right">CORREO ELECTRONICO:</td>';
        echo '<td align="left"><input type="text" name="e-mail" id="e-mail" size="20" value="'.$linea['correo_electronico'].'" disabled="disabled"/></td>';
        echo '<td align="right">FACEBOOK:</td>';
        echo '<td align="left"><input type="text" name="facebook" id="facebook" size="20" value="'.$linea['facebook'].'" disabled="disabled" /></td>';
    echo '</tr>';
    echo '<tr>';
        echo '<td align="right">CALLE:</td>';
        echo '<td align="left"><input type="text" name="calle" id="calle" size="20" value="'.$linea['calle'].'" disabled="disabled"/></td>';
        echo '<td align="right">COLONIA:</td>';
        echo '<td align="left"><input type="text" name="colonia" id="colonia" size="20" value="'.$linea['colonia'].'" disabled="disabled"/></td>';
    echo '</tr>';
    echo '<tr>';
        echo '<td align="right">CIUDAD:</td>';
        echo '<td align="left"><input type="text" name="ciudad" id="ciudad" size="20" value="'.$linea['ciudad'].'" disabled="disabled"/></td>';
        echo '<td align="right">CODIGO POSTAL:</td>';
        echo '<td align="left"><input type="text" name="codigopostal" id="codigopostal" size="20" value="'.$linea['codigo_postal'].'" disabled="disabled"/></td>';
    echo '</tr>';
    echo '<tr>';
        echo '<td align="right">ESTADO:</td>';
        echo '<td align="left" colspan="3"><input type="text" name="estado" id="estado" size="20" value="'.$linea['estado'].'" disabled="disabled" /></td>';
    echo '</tr>';
//QUIERO QUE ESTE BOTON ME HABILITE LOS TEXTBOX PARA PODE CAMBIARLOS
    echo '<tr>';
        echo '<td colspan="4" align="center"><input value="Habilitar" type="button" onclick="javascript:Habilitar()" /></td>';
    echo '</tr>';
echo '</table>';
echo '</body>';

RyukInside · 3 Abr 2011

Has intentado hacer un <a href="javascript:funcion()"></a> ??

Duckds · 4 Abr 2011

Que tal RyukInside Intente lo que me comentaste y no aun asi no jala mi funcion sigue sin jalar no se que este mal te pongo mi codigo para ver si me pueden ayudar

consultas.php:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"lang="es" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CONSULTAS</title>
<link href="pestanas.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript" src="ajax.js"></script>
</head>
<body>
<table>
    <tr>
        <td valign="top">
            <div id="menu"> 
                <ul>
                    <li class="activa"><a id="enlaceA" href="#">PERSONALES</a></li>
                    <li><a id="enlaceB" href="#">CREDITO</a></li>
                    <li><a id="enlaceC" href="#">Formulario C</a></li>
                    <li><a id="enlaceD" href="#">Formulario D</a></li>
                </ul>
            </div>
        </td>
    </tr>
    <tr>
        <td>
            [COLOR=Red]<div id="reporte">AQUI SE MUESTRAN LAS CONSULTAS</div>[/COLOR]
        </td>
    </tr>
</table>
</body>
</html>

personales.php:

Código:

<?php
 error_reporting ( E_ERROR );

    $conexion= mysql_connect('localhost', 'root', '') or die ("No se pudo conectar al servidor: ".mysql_error());

    mysql_query('SET NAMES utf8');

    mysql_select_db('bd') or die ("No se puedo seleccionar la base de datos: ".mysql_error());

    $consulta = 'SELECT * FROM personales';

    $resultado = mysql_query($consulta) or die ("Fallo al generar la consulta: ".mysql_error());
    
    $NFilas = mysql_num_rows($resultado);
    if($NFilas == 1)
    {
        $linea = mysql_fetch_array($resultado);
    }
    else
    {
        echo "Fallo al generar la consulta";
    }
    
    mysql_free_result($resultado);
    
    mysql_close($conexion);
    
    function cambiaf_a_normal($fecha){
             ereg( "([0-9]{2,4})-([0-9]{1,2})-([0-9]{1,2})", $fecha, $mifecha);
             $lafecha=$mifecha[3]."/".$mifecha[2]."/".$mifecha[1];
             return $lafecha;
      }

echo '<script language="javascript">
function Habilitar()
{
    document.getElementById(rfc).disabled="true";
    document.getElementById(nombre).disabled="true";';
echo '}</script>';

echo '<form name="consulta" id="consulta" action="">';
echo '<table width="90%" cellpadding="3" cellspacing="0" bordercolor="#000000" border="2" >';
    echo '<tr>';
        echo '<td align="right" width="18%">NUMERO DE CUENTA:</td>';
        echo '<td align="left" width="32%"><input type="text" name="numerocuenta" id="numerocuenta" size="20" value="'.$linea['num_cuenta'].'" /></td>';
        echo '<td align="right" width="20%">RFC:</td>';
        echo '<td align="left" width="30%"><input type"text" name="rfc" id="rfc" size="20" value="'.$linea['rfc'].'" /></td>';
    echo '</tr>';
    echo '<tr>';
        echo '<td align="right">NOMBRE:</td>';
        echo '<td align="left"><input type="text" name="nombre" id="nombre" size="40" value="'.$linea['nombre'].'" "'.$linea['apellido_paterno'].'" "'.$linea['apellido_materno'].'" /></td>';
        echo '<td align="right">FECHA DE NACIMIENTO:</td>';
        echo '<td align="left"><input type="text" name="fechanacimiento" id="fechanacimiento" size="20" value="'.cambiaf_a_normal($linea['fecha_nacimiento']).'"/></td>';
    echo '</tr>';
   echo '<tr>';
        echo '<td colspan="2" align="center"><input value="Habilitar" type="button" onclick="javascript:Habilitar()" /></td>';
        echo '<td colspan="2" align="center"><a href="javascript:Habilitar()">Habilitar cajas</a></td>';
    echo '</tr>';
echo '</table>';
echo '</form>';
?>;

Cabe mencionar que acabo de instalar el Mozilla Firefox 4.0 la verdad esta muy bueno incluso tiene un apartado para desarrolladores web en donde te muestra los errores y al darle clic en el boton me marca el siguiente error

[10:35:11.005] Habilitar is not defined @ http://localhost/consultatabs/consultas.php#:1
Obviamente por que en consultas no declaro ninguna funcion y si es que la declaro ahi me marca error:
[10:37:50.206] rfc is not defined @ http://localhost/consultatabs/consultas.php#:17
por que ese objeto no esta declarado en esta pagina sino en la que se manda llamar

y si le doy clic sobre el link a href
igual me dice que Habilitar is not defined
[10:39:11.843] Habilitar is not defined @ javascript:Habilitar():1
Ayuda!!!

valdo_kof · 12 Abr 2011

yo tengo lo que necesitas pero no creo q jale en firefox si te sirve qui te va

primero tu caja de texto debe de estar asi

<input type="text" name="textfield" disabled="disabled" value=" "/>

si usas un boton en el metodo onclick="activar()"

yo uso una imagen y la convierto en boton de esta forma

<button type="button" style="border:none; background-color:transparent;" id="btt" alt="Activar Elementos" onclick="activar()"><span style="border:none; background-color:transparent;"><img src="images/activar.jpg" width="134" height="29" /></span></button>

y tu script va entre los tags
<head>
<script type="text/javascript">
function activar(){
document.forms['form1'].textfield.disabled=false;
}
</script>
</head>

y listo te debe de funcionar asi lo uso yo en jsp pero es simple html y script por lo cual te debe de funcionar en php

espero y te sirva

AlxRex · 13 Abr 2011

que no le falta comillas

Código:

document.getElementById('rfc').disabled="true";     document.getElementById('nombre').disabled="true";

??

Duckds · 13 Abr 2011

Muchas gracias bakompañeros ya lo solucione gracias por su respuesta si gustan les dejo el codigo que utilice saludos

Código:

function habilitar()
{
    document.getElementById('id_del_textbox').disabled=false;
}

y en el boton simplemente lo siguiente:

Código:

<input type="button" name="habilitar" id="habilitar" onclick="javascript:habilitar()"/>

SALUDOS

Habilitar Textbox con JavaScript desde PHP??

Duckds

Bovino maduro

RyukInside

Bovino maduro

Duckds

Bovino maduro

valdo_kof

Bovino adicto

AlxRex

Bovino maduro

Duckds

Bovino maduro