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
function objetoAjax(){ var xmlhttp=false; try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E) { xmlhttp = false; } } if (!xmlhttp && typeof XMLHttpRequest!='undefined') { xmlhttp = new XMLHttpRequest(); } return xmlhttp; } function pedirDatos(){ //donde se mostrar el resultado divResultado = document.getElementById('foto-persona'); //tomamos el valor de la lista desplegable nom=document.formulario.lista.value; //instanciamos el objetoAjax ajax=objetoAjax(); //usamos el medoto POST //archivo que realizar la operacion //datoscliente.php ajax.open("POST", "mostrarfoto.php",true); ajax.onreadystatechange=function() { if (ajax.readyState==4) { //mostrar resultados en esta capa divResultado.innerHTML = ajax.responseText } } ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); //enviando los valores ajax.send() }
mostrarfoto.php:
Código PHP:
Ver original
<?php include("conexion.php"); ?>
y el contenido html:
header: <script language="JavaScript" type="text/javascript" src="ajax.js"></script>
Código HTML:
Ver original
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!