Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/02/2012, 21:59
Avatar de VbOkonly
VbOkonly
 
Fecha de Ingreso: julio-2009
Ubicación: San Justo, Buenos Aires, Argentina
Mensajes: 490
Antigüedad: 15 años, 5 meses
Puntos: 5
mostrar foto usando AJAX+PHP

Hola a todos, hoy empesé con ajax convinandolo con php bien, estuve buscando por ahi y vi cosas realmente dificiles a mi nivel, sea un tutorial o lo que sea, algo que no me entra a la cabeza y me cuesta aprender, bien me largué solo e hise un codigo para probarlo y tratar de devolver una imagen de una base de datos en una div.

Lo que deseo hacer es que cuando se cargue la pagina la div "foto-personas" se cargue automaticamente con una imagen extraida de una db:

este es mi codigo:

Código Javascript:
Ver original
  1. function objetoAjax(){
  2.   var xmlhttp=false;
  3.   try {
  4.   xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  5.   } catch (e) {
  6.   try {
  7.   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  8.   } catch (E) {
  9.   xmlhttp = false;
  10.   }
  11.   }
  12.   if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
  13.   xmlhttp = new XMLHttpRequest();
  14.   }
  15.   return xmlhttp;
  16. }
  17. function pedirDatos(){
  18. //donde se mostrar el resultado
  19. divResultado = document.getElementById('foto-persona');
  20. //tomamos el valor de la lista desplegable
  21. nom=document.formulario.lista.value;
  22. //instanciamos el objetoAjax
  23. ajax=objetoAjax();
  24. //usamos el medoto POST
  25. //archivo que realizar la operacion
  26. //datoscliente.php
  27. ajax.open("POST", "mostrarfoto.php",true);
  28. ajax.onreadystatechange=function() {
  29. if (ajax.readyState==4) {
  30. //mostrar resultados en esta capa
  31. divResultado.innerHTML = ajax.responseText
  32. }
  33. }
  34. ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  35. //enviando los valores
  36. ajax.send()
  37. }

mostrarfoto.php:

Código PHP:
Ver original
  1. <?php
  2. include("conexion.php");
  3.  
  4.     $q_consulta = mysql_query('SELECT link_foto from fotos where pertenecea_foto = 1410854509',$db);
  5.     echo '<img src="uploads/'.mysql_result($q_consulta, 0).'">';
  6. ?>

y el contenido html:
header: <script language="JavaScript" type="text/javascript" src="ajax.js"></script>
Código HTML:
Ver original
  1. <div id="foto-persona" class="foto-persona">
  2. </div>

Como puedo solucionar esto?, asi de paso aprendo y de una vez me saco la intriga de como masomenos funciona esto

PD: el codigo ajax lo extraje de un tutorial que de verdad me parecia complicado, intente retocarlo pero no me funciono y ya sabia que no iba a funcionar jaja.

Muchas gracias!
__________________
Mi primera web: http://www.mascoteame.com