Problema con javascript ajax y php

[Lusher]

Bueno, explicar el problema... creo una página en html con javascript para darle efectos visuales y desde allí llamo a un php que mediante ajax consulta una base de datos para rellenar una lista con un sistema de acordeon de javascript.

Por separado todo funciona bien, es decir, si cargo la lista sin necesidad de que sea dinámica pero si es el input el que realiza la carga mediante un archivo php todo casca. (los css y el html no, solo falla el javascript que no llega a ejecutarse )

Mi pregunta es, por lo tanto, ¿cómo puedo hacer que ajax ejecute el javascript sin necesidad de refrescar la página? Ya he visto algunas respuestas en el foro, pero la verdad, soy nuevo en este tipo de programación y no me entero muy bien de como hacerlo.


ajax.js

Código:

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 MostrarConsulta(datos){
        divResultado = document.getElementById('resultado');
        ajax=objetoAjax();
        ajax.open("GET", datos);
        ajax.onreadystatechange=function() {
               if (ajax.readyState==4) {
                       divResultado.innerHTML = ajax.responseText
               }
        }
        ajax.send(null)
}

Si necesitais más información para darme una respuesta simplemente pedírmela

Agradecería una explicación sencilla en plan para tontos x

[Lusher]

Añadir que utilizo jQuery como librería para los efectos.

Este es el php

Código:

<?php
//Configuracion de la conexion a base de datos
$bd_host = "localhost";
$bd_usuario = "root";
$bd_password = "root";
$bd_base = "WICORE"; 

$con = mysql_connect($bd_host, $bd_usuario, $bd_password); 

mysql_select_db($bd_base, $con); 

//consulta todos los empleados

$sql=mysql_query("
select z.IDContacto, z.Nombre, z.descripcion,d.nombre,d.direccion,e.nombre,r.Valor,r.orden,r.IDOperador, o.nombre, r.id_tipoLinea, t.descripcion, t.posibleLlamar from Z_Contacto z, Delegaciones d, Empresas e, Z_Registros r,Z_Operadores o, Z_TipoLinea t where z.idDelegacion=d.idDelegaciones and d.idEmpresa=e.idEmpresas and z.IDContacto=r.IDContacto and r.id_tipoLinea=t.id_tipoLinea and o.id_operador=r.IDOperador order by z.Nombre,r.orden limit 0,10",$con);

//muestra los datos consultados
echo "<br/> <ul class='acc' id='acc'>";
$id = 1;
while($row = mysql_fetch_array($sql)){
	echo"<li>
			<h3>
				<table><tr><td width='300px' class='bolder'>dfgdfgd vdfg dfg dfg df</td><td><img width='20px' height='20px' src='elements/imagenes/DialerIcon.png'></td></tr></table>
			</h3>
			<div class='acc-section'>
				<div class='acc-content'>
					<div id='telefonos'>
						<table><tr><td width='300px'><p>98fdg8563214</p></td><td><img src='elements/imagenes/DialerIcon.png'></td></tr></table>
					</div>
					<div id='telefonos'>
						<table><tr><td width='300px'><p>658744123</p></td><td><img src='elements/imagenes/DialerIcon.png'></td></tr></table>
					</div>
					<div id='telefonos'>
						<table><tr><td width='300px'><p>665287771</p></td><td><img src='elements/imagenes/DialerIcon.png'></td></tr></table>
					</div>
					<div id='accordion'>
						<dl class='accordion' id='slider".$id."'>
							<dt>Información</dt>
							<dd>
								<span>hfg
									<p>Emghuhon: gfhfg</p>
							</dd>
						</dl>
					</div>	
				</div>
			</div>
		</li>		
	";
	$id++;
}
echo"</ul>	";
echo"</div>";
?>

He editado el php para que no busque en la base de datos los datos, para simplificar.