Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Ayuda para desarrollar aplicacion sencilla en ajax y mysql

Estas en el tema de Ayuda para desarrollar aplicacion sencilla en ajax y mysql en el foro de Frameworks JS en Foros del Web. Hola a todos, estoy necesitando desarrollar una aplicacion en principio muy sencilla pero no se por donde empezar. Tengo conocimientos de php y mysql pero ...
  #1 (permalink)  
Antiguo 13/03/2011, 18:47
 
Fecha de Ingreso: marzo-2011
Mensajes: 11
Antigüedad: 6 años, 9 meses
Puntos: 0
Ayuda para desarrollar aplicacion sencilla en ajax y mysql

Hola a todos, estoy necesitando desarrollar una aplicacion en principio muy sencilla pero no se por donde empezar. Tengo conocimientos de php y mysql pero lo que quiero hacer no es posible solo con esos lenguajes.

Lo que tengo que hacer es poner un texfield y que al ingresar un codigo X chequee en la base de datos si está. Si no está lo inserta y si esta muestra la fecha y hora en que se insertó. Por otro lado y acá viene la parte mas complicada es que cuando inserto el codigo me muestre una foto (que tengo en la base) y haga foco de nuevo en el textfield.

Para resumir y dejar solo lo que necesito es que al insertar un codigo me busque en la base la foto y me la muestre abajo, tratando de que no se redimensionen los espacios, y que el foco se amntenga siempre en el textfield. Del resto me puedo encargar yo. Pido en ajax porque no quiero recargar la pagina una y otra vez.

La idea es leer productos con un scanner y que sea uno atras del otro, por eso necesito que envie el form con enter y no con boton. Es para ingresar unos 15.000 por día, los codigos nuestros son de 10 caracteres donde los primeros 6 son del producto que hay que mostrar la foto y los otros 4 el identificador unico para no leer algo 2 veces... de esto me puedo encargar.

Gracias y espero que me puedan dar algunas ideas. Yo mientras tanto voy a chusmear otras secciones donde puedo ser util.

Saludos!!
  #2 (permalink)  
Antiguo 13/03/2011, 22:55
Avatar de El_Metallick  
Fecha de Ingreso: noviembre-2002
Ubicación: Santiago, Chile
Mensajes: 1.718
Antigüedad: 15 años, 1 mes
Puntos: 16
Respuesta: Ayuda para desarrollar aplicacion sencilla en ajax y mysql

mmm bueno como sabes php y mysql te daré sólo la parte de ajax

Código Javascript:
Ver original
  1. function newAjax() {
  2.     var xmlhttp = false;
  3.    
  4.     try {
  5.         xmlhttp = new ActiveXObject('Msxml2.XMLHTTP');
  6.     } catch(e) {
  7.         try {
  8.             xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
  9.         } catch(E) {
  10.             if(!xmlhttp && typeof XMLHttpRequest != 'undefined') {
  11.                 xmlhttp = new XMLHttpRequest();
  12.             }
  13.         }
  14.     }
  15.    
  16.     return xmlhttp;
  17. }
  18.  
  19. function searchImage() {
  20.     var code = document.getElemetById('code').value;
  21.     var content = docuemt.getElementById('content');
  22.    
  23.     ajax.open('POST', 'searchImage.php?', true);
  24.     ajax.onreadystatechange = function() {
  25.         if (ajax.readyState == 4) {
  26.             content.innerHTML = ajax.responseText;
  27.         }
  28.     }
  29.    
  30.     ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
  31.     ajax.send('code='+code);
  32. }

En el HTML algo así:

Código HTML:
Ver original
  1. <form action="#" onSubmit="javascript: searchImage();">
  2. Código: <input type="text" id="code" name="code" />
  3. <br /><input type="submit" value="Enviar" />
  4. </form>
  5. <p id="content"></p>

Consideraciones:

la página searchImage.php debe tener:

un $variable = $_POST['code']; para rescatar el código ingresado y hacer la consulta
y en caso de haber una imagen guardada retornar el html de la imágen, es decir algo de la forma

<img src="<?= $foto ?>" />

y con eso debería funcionar, si no me avisas y le hecho una mirada

Saludos
__________________
Haz la guerra en la cama y el amor donde se te de la gana...
El tiempo es el mejor maestro, lo único malo es que te mata...¡¡Aprovecha tu tiempo!!
  #3 (permalink)  
Antiguo 14/03/2011, 07:06
 
Fecha de Ingreso: marzo-2011
Mensajes: 11
Antigüedad: 6 años, 9 meses
Puntos: 0
Respuesta: Ayuda para desarrollar aplicacion sencilla en ajax y mysql

Gracias por la respuesta. Tengo el siguiente problema:

Despues de mandar el codigo el foco no regresa al textfield y segundo es que agrega el simbolo # al final. El contenido del searchimage.php no lo esta mostrando en ningun lado... no me queda claro en donde tengo que poner la imagen una vez que traje la ruta de la db...
Probé dentro de se searchimage.php poner la ruta completa a la foto (no variable) y no muestar nada...

Saludos.
  #4 (permalink)  
Antiguo 14/03/2011, 13:24
Avatar de El_Metallick  
Fecha de Ingreso: noviembre-2002
Ubicación: Santiago, Chile
Mensajes: 1.718
Antigüedad: 15 años, 1 mes
Puntos: 16
Respuesta: Ayuda para desarrollar aplicacion sencilla en ajax y mysql

lo del foco puedes hacerlo con la etiqueta on load de body algo así:

<body onLoad="javascript: document.getElementById('code').focus()">

claro el contenido del searchImage.php es simplemente la consulta a la base de datos retornando la imagen, cuando rescates la ruta desde la base de datos la imprimes en la etiqueta html algo así

<?php
//Conexión a la BD
//Consulta SQL
?>
<img src="<?php echo $ruta; ?>" />
__________________
Haz la guerra en la cama y el amor donde se te de la gana...
El tiempo es el mejor maestro, lo único malo es que te mata...¡¡Aprovecha tu tiempo!!
  #5 (permalink)  
Antiguo 14/03/2011, 13:37
 
Fecha de Ingreso: marzo-2011
Mensajes: 11
Antigüedad: 6 años, 9 meses
Puntos: 0
Respuesta: Ayuda para desarrollar aplicacion sencilla en ajax y mysql

Lo del focus esta bien, lo de la imagen te decia que no se muestra. Ni siquiera si en searchimage.php le pongo una imagen fija sin db...

Saludos.
  #6 (permalink)  
Antiguo 14/03/2011, 14:08
Avatar de El_Metallick  
Fecha de Ingreso: noviembre-2002
Ubicación: Santiago, Chile
Mensajes: 1.718
Antigüedad: 15 años, 1 mes
Puntos: 16
Respuesta: Ayuda para desarrollar aplicacion sencilla en ajax y mysql

el problema está en la línea 21 del primer código

var content = docuemt.getElementById('content');

puse docuemt en vez de document, cambialo por

var content = document.getElementById('content');

saludos
__________________
Haz la guerra en la cama y el amor donde se te de la gana...
El tiempo es el mejor maestro, lo único malo es que te mata...¡¡Aprovecha tu tiempo!!
  #7 (permalink)  
Antiguo 14/03/2011, 18:59
 
Fecha de Ingreso: marzo-2011
Mensajes: 11
Antigüedad: 6 años, 9 meses
Puntos: 0
Respuesta: Ayuda para desarrollar aplicacion sencilla en ajax y mysql

Ahora si! MIL Gracias!!

En realidad lo que estaba haciendo mal era que lo que se debe mostrar abajo ve en content, no en otra pagina php... funciona todo solo con una pagina.

En base a esto, voy a poder seguir desarrollando la aplicacion... lo dificil es el primer paso!

Pregunto para quienes esten siguiendo el hilo... Quiero hacer un cuadro que si se inserta el registro sea verde y si se repite sea rojo... que lenguaje debo utilizar?

Saludos!
  #8 (permalink)  
Antiguo 14/03/2011, 19:28
Avatar de El_Metallick  
Fecha de Ingreso: noviembre-2002
Ubicación: Santiago, Chile
Mensajes: 1.718
Antigüedad: 15 años, 1 mes
Puntos: 16
Respuesta: Ayuda para desarrollar aplicacion sencilla en ajax y mysql

esto lo puedes hacer con javascript modificando la propiedad css del cuadro según corresponda.

por ejemplo:

document.getElementById('cuadro').style = "background-color: #FF0000";

ahora puedes crear un input del tipo hidden que mantenga un valor booleano (verdadero o falso) para determinar que color va en el campo. Este campo hidden deberías modificarlo según el resultado de una consulta o algo así. Para eso puedes hacerlo mediante el método value, por ejemplo

document.getElementById('hidden').value = true;

luego para ver verde o rojo puedes verlo algo así:

Código Javascript:
Ver original
  1. var condicion = document.getElementById('hidden').value;
  2.  
  3. if(condicion) {
  4.     //Es repetido pongo el cuadro rojo
  5.     document.getElementById('cuadro').style = "background-color: #FF0000";
  6. } else {
  7.     //No es repetido pongo el cuadro verde
  8.     document.getElementById('cuadro').style = "background-color: #00FF00";
  9. }
__________________
Haz la guerra en la cama y el amor donde se te de la gana...
El tiempo es el mejor maestro, lo único malo es que te mata...¡¡Aprovecha tu tiempo!!
  #9 (permalink)  
Antiguo 14/03/2011, 20:08
 
Fecha de Ingreso: marzo-2011
Mensajes: 11
Antigüedad: 6 años, 9 meses
Puntos: 0
Respuesta: Ayuda para desarrollar aplicacion sencilla en ajax y mysql

Buenisimo, que fácil que la haces... voy a hacer toda la parte de sql asi va tomando forma. Saludos y gracias de nuevo!
  #10 (permalink)  
Antiguo 14/03/2011, 20:31
Avatar de El_Metallick  
Fecha de Ingreso: noviembre-2002
Ubicación: Santiago, Chile
Mensajes: 1.718
Antigüedad: 15 años, 1 mes
Puntos: 16
Respuesta: Ayuda para desarrollar aplicacion sencilla en ajax y mysql

espero entiendas mas o menos como funciona lo que te pase para que vayas aprendiendo también que la verdad es que no es tan complicado, es más práctica.

Saludos
__________________
Haz la guerra en la cama y el amor donde se te de la gana...
El tiempo es el mejor maestro, lo único malo es que te mata...¡¡Aprovecha tu tiempo!!

Etiquetas: ajax, desarrollar, mysql, sencilla, aplicaciones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:00.