[SOLUCIONADO] cargar datos en textarea

[triplex42]

hola, necesito ayuda con algo de php y html si alguien sabe.

tengo una pagina html con un boton, un textbox y un textarea lo que quiero es que cuando presione el boton capturar el dato que hay en el textbox para con ese dato hacer una consulta en una db y filtrar con ese dato para que entonces el resultado de la consulta aparesca en el textarea. como puedo hacer esto, soy principiante en esto del desarrollo web todavia.

[strauss62]

amigo te hago una pregunta esta informacion que traes de la bd la quieres hacer de forma dinamica es decir que no se recargue la pagina nuevamente o la quieres hacer de la forma mas facil??

[triplex42]

como sea mas facil, como dije antes soy principiante todavia en el desarrollo web y no se de que manera convendria mas por eso le pido ayuda a ustedes para que me digan no solo como hacerlo sino cual seria la mejor manera. solo quiero que se cargue el textarea pero en mi opinion inexperta creo que seria mejor que se haga sin que se recargue la pagina porque en el formulario tengo otros campos que el usuario llena y si estos campos estan llenos y se recarga la pagina entonces quedaran vacios, almenos eso creo.

[rodrigo791]

Bueno como dice el usuario strauss62 si queres que cuando apretes en el botón se muestre al instante en el textarea los datos, sin recargar la página entera, entonces tenes que usar AJAX y eso implica saber otros conocimientos también.

Pero si lo queres hacer simple, solo conectate a un servidor con un php, luego a una base de datos, hace la consulta con el $_GET o $_POST que estes poniendo en el input, y luego en el value del textarea haces un echo de lo que sacas de la base de datos, sería mejor que nos muestres tu html y sería mas fácil.

[triplex42]

este es la parte de html que me interesa, no lo pongo todo porque es bien largo.

<form name="form1" action="rutinas1.php" method="POST">
<table border="0" width="100%" cellspacing="0" cellpadding="0" bgcolor="#333333" align="center">

<input type="text" name="socio" id="socio" size="12" /></font><font face="Calibri">

<textarea name="evaluacion" id="evaluacion" cols="93" rows="5"></textarea>

<input type="submit" value="Guardar"></font><font face="Calibri" size="2">

</form>

[pr0]

Hola,

como ya te han dicho debes utilizar AJAX.

Con AJAX capturas el valor del textbox, llamas a una pagina PHP que recoge ese valor y realiza la consulta, y cuando devuelva el resultado lo colocas en el textarea.

http://api.jquery.com/jQuery.ajax/

Código Javascript:

$.ajax({
  type: "POST",
  url: "realiza_consulta.php",
  data: { valor_text: $('#textbox').val() }
}).done(function( msg ) {
  $('textarea').val(msg);
});
 

Pagina PHP

Código PHP:

$valor = $_POST['valor_text'];
 
$consulta = 'SELECT * FROM tabla WHERE nombre = " '.$valor.' ";
 
echo $resultado;
 

[triplex42]

ok, es exactamente lo que necesitaba, otra pregunta y perdonem mi ignorancia pero es que no se nada de ajax, donde se coloca ese codigo, es decir con el php abierto o dentro de un <script>

[pr0]

Olvidate de eso, para que lo entiendas, AJAX es javascript, tienes que tratarlo igual.

Por cierto debes incluir la librería JQuery para hacerlo funcionar.

[triplex42]

otra pregunta, no veo que haces referencia al boton para que sea cuando ese boton en especifico se le haga click, lo que pasa es que tengo otro boton con el cual hago un sumit normal que me lleva a la pagina establecida en la etiqueta form y alli hago una insercion en la db. lo que quiero saber es si el codigo no va a diferenciar cual boton se esta presionando

[pr0]

Es que el codigo AJAX debe ir en un evento, en este caso cuando pulses el botón:

Código Javascript:

$('#boton').click(function({
  $.ajax({
     type: "POST",
     url: "realiza_consulta.php",
     data: { valor_text: $('#textbox').val() }
  }).done(function( msg ) {
     $('textarea').val(msg);
  });
});
 

Te recomiendo que el botón sea de type="button" y no type="submit"

[triplex42]

no me esta funcionando

Código HTML:

<script>

$('#cargar').click(function({
  $.ajax({
     type: "POST",
     url: "consulta_evaluacion.php",
     data: { valor_text: $('#socio').val() }
  }).done(function( msg ) {
     $('evaluacion').val(msg);
  });
});


</script>

						<input type="text" name="socio" id="socio" size="12" /></font><font face="Calibri">
<textarea name="evaluacion" id="evaluacion" cols="93" rows="5"></textarea></font></td>
<td><input name="cargar" id="cargar" value="cargar evaluacion" type="button">

[triplex42]

en consulta_evaluacion.php pongo

Código PHP:

  
<?php 
 
$socio = $_POST['valor_text']; 
 
 
 
$conec1=mysql_connect("localhost","admin",""); 
mysql_select_db("db",$conec1); 
 
 
$queEmp7 = "SELECT hccf.cf_861 as obs FROM vtiger_historiaclinicacf hccf JOIN 
            vtiger_historiaclinica hc ON hccf.historiaclinicaid=hc.historiaclinicaid JOIN vtiger_contactscf ccf ON hc.linkto=ccf.contactid  
            join vtiger_crmentity crm on crm.crmid=ccf.contactid  
            WHERE ccf.cf_644='$socio' and crm.deleted='0'"; 
             
            $resEmp7 = mysql_query($queEmp7,$conec1)or die(mysql_error()); 
$totEmp7 = mysql_num_rows($resEmp7); 
$rowemp7 = mysql_fetch_assoc($resEmp7); 
$obs=$rowemp7['obs']; 
 
echo($obs); 
 
?>   

[pr0]

Pero no funciona en que sentido?
Qué es lo que hace?
Has incluido la libreria JQuery?

Has comprobado si la petición AJAX se está realizando?

Haz por ejemplo esto:

Código Javascript:

$('#cargar').click(function({
  $.ajax({
     type: "POST",
     url: "consulta_evaluacion.php",
     data: { valor_text: $('#socio').val() }
  }).done(function( msg ) {
     //$('evaluacion').val(msg);
     alert('Respuesta: '+msg);
  });
});
 

Dime si se muestra el ALERT.

[rodrigo791]

Código Javascript:

<script type="text/javascript" href="http://code.jquery.com/jquery-1.9.1.min.js"</script>
 
<script>
 
$('#cargar').click(function({
  $.ajax({
     type: "POST",
     url: "consulta_evaluacion.php",
     data: { valor_text: $('#socio').val() }
  }).done(function( msg ) {
     $('evaluacion').val(msg);
  });
});
 
 
</script>
 
                        <input type="text" name="socio" id="socio" size="12" /></font><font face="Calibri">
<textarea name="evaluacion" id="evaluacion" cols="93" rows="5"></textarea></font></td>
<td><input name="cargar" id="cargar" value="cargar evaluacion" type="button">
 

[triplex42]

no funciona en el sentido de que no me trae la data al textarea cuando en ese campo de la db para ese cliente hay datos y ejecuto esa consulta en la db y me trae datos. no se si es que no se esta pasando el parametro del numero de socio para el where de la consulta o no se y si la libreria esta incluida

<script type="text/javascript" src="js/jquery-1.9.1.js"></script>

[triplex42]

y no me esta mostrando el alert

[triplex42]

no soy muy experto pero no hay que ponerle un evento al boton como un onClick llamanda una funcion?

[triplex42]

no entiendo tu pregunta paginaswebs

[triplex42]

ya lo resolvi, despues de una exahustiva busqueda era que le faltaba el # en la linea de codigo

$('evaluacion').val(msg);

es increible como un simple caracter haga esto

[rodrigo791]

Y claro sin el numeral ( # , o almohadilla como quieras llamarle ) no podrías hacer referencia al elemento, pero podrias no usar jquery y usar simplemente DOM a mano,
document.getElementById('idDelElemento').value;