[ayuda] con script ajax

[TragedyCL]

En vista de que eres principante en el tema de ajax entonces empiezo esto dandote unas recomendaciones:

1) Utiliza Jquery para hacer tus consultas ajax, es mucho mas rápido y "limpio"
2) Nunca llames ajax directamente desde el sitio, siempre llamalo desde un .js externo

Teniendo estas dos consideraciones presentes voy con el codigo

Código Javascript:

// Insertar libreria Jquery
<script type="text/javascript" src="jquery.min.js"></script>
 
// Llamar a la funcion "entra"
<script type="text/javascript">
// Si pasas por arriba de algun SPAN
function entra(boton)
{
     if(boton=="menu") $('#divInfo').html("Aqui va el HTML que quieras meter dentro del DIV al pasar por encima de MENU");
     if(boton=="normas") $('#divInfo').html("Aqui va el HTML que quieras meter dentro del DIV al pasar por encima de NORMAS");
}
 
// Si sales de arriba del SPAN
function sale(boton)
{
     if(boton=="menu") $('#divInfo').html("Aqui va el HTML que quieras meter dentro del DIV al salir de MENU");
     if(boton=="normas") $('#divInfo').html("Aqui va el HTML que quieras meter dentro del DIV al salir de NORMAS");
}
</script>
 

El HTML seria asi:

Código HTML:

<div id="divInfo"></div>
 
<span onMouseOver="entra('menu')" onMouseOut="sale('menu')">MENU</span>
<span onMouseOver="entra('normas')" onMouseOut="sale('normas')">NORMAS</span>
 

Nota:
Las librerias JQUERY las bajas desde www.jquery.com

Cabe destacar que dentro del .html() puedes insertar HTML normalmente, siempre con el cuidado de respetar el uso de las comillas simples y dobles:

Código Javascript:

$('#divInfo').html("<b>Este texto lo quiero en negrita</b>, y aqui una imagen: <img src='yunaimagen.jpg'>");
 

Tambien puedes desplegar variables, por ejemplo:

Código Javascript:

var htmlquequieromostrar="<b>Este texto va con negras</b>";
$('#divInfo').html(htmlquequieromostrar);