[ayuda] con script ajax

[VencerNow]

Hola como estan bueno tengo un script con ajax para llamar html dentro de un div(creo) pero no se si esta bien, el problema es que quiero llamar una pag ya esa thml o php dentro de un div mediante un link que contiene un span, pero no se si falla mi script por que suse den dos cosas:
*si junto dos veses seguidas el sapn con las funciones mousein y out se va y ya no le da ejecuta la imagen de mouse in.
*la otra que al darle click al botón(imagen) no pasa nada
Les dejo la muestra de mu script ajax, como inserto el boton y como tengo el div.

Script AJAX

Código Javascript:

<script language="javascript">
 
        // FUNCION AJAX PARA LA CARGA DE LAS SECCIONES
 
        function LINK_ajax(http, div_name)  { 
 
 
 
            var LINK_xmlhttp = false;
 
 
 
            try { LINK_xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }
 
            catch (e) { try { LINK_xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }
 
            catch (e) { try { LINK_xmlhttp = new XMLHttpRequest(); }
 
            catch (e) { LINK_xmlhttp = false; }}}
 
            if (!LINK_xmlhttp) return null;
 
    
 
            //document.getElementById('load_div').style.visibility="visible";
 
 
 
            LINK_xmlhttp.open("GET", http, true);
 
 
 
            LINK_xmlhttp.onreadystatechange = function() {
 
                if (LINK_xmlhttp.readyState == 4) {
 
                    if (LINK_xmlhttp.responseText.indexOf('ALERT|') > -1) {
 
                        var x = LINK_xmlhttp.responseText.indexOf('ALERT|') + "ALERT|".length;
 
                        var y = LINK_xmlhttp.responseText.indexOf('|ENDALERT') - x;
 
                        window.alert(LINK_xmlhttp.responseText.substr(x , y));
 
                    } else
 
                        document.getElementById(div_name).innerHTML = LINK_xmlhttp.responseText + ' ';
 
                }
 
            }
 
 
 
            LINK_xmlhttp.send(null);  
 
            return false;
 
        }
 
            
 
 
//FUNCION DE PRE-CARGA DE IMAGENES
 
        if (document.images)
 
        {
 
            var menu = new Image();
 
            menu.src = "imagenes/menu/menu.png";
 
            var menu2 = new Image();
 
            menu2.src = "imagenes/menu/menu.png";
            
            
            
            var normas = new Image();
 
            normas.src = "imagenes/menu/Normas1.png";
 
            var normas2 = new Image();
 
            normas2.src = "imagenes/menu/Normas2.png";
        }
 
 //MUESTRA LA IMAGEN CUANDO SE PASA POR ENCIMA EL BOTON
 
        function entra(boton) {
 
            if (document.images)
 
            {
 
                    if (boton == 'menu')
 
                    document.images[boton].src = menu.src;
                    
                    if (boton == 'normas')
 
                    document.images[boton].src = normas2.src;
            }
 
        }
 
 
//MUESTRA LA IMAGEN ORIGINAL
 
        function sale(boton) {
 
                    if (document.images)
 
                    {
 
 
                    if (boton == 'menu')
 
                    document.images[boton].src = menu.src;
                    
                    if (boton == 'normas')
 
                    document.images[boton].src = normas.src;
        }
 
        }
        
</script>
 

Boton(imagen)

Código HTML:

<span title="Nornas" style="cursor:pointer" onMouseOver="entra('normas');" onMouseOut="sale('normas');" onClick="return LINK_ajax('normas.html','divInfo');">
 
                    <img src="imagenes/menu/normas.png" border=0 name='normas'>
 
                </span>
 

Div

Código HTML:

<div id="divInfo" style="overflow:auto; width:655; height:500; scrollbar-base-color:#0072bF; scrollbar-face-color:#0072bF; scrollbar-track-color:#0099CC; scrollbar-arrow-color:#0033CC;"></div>
 

Grax por adelantado y si no se entiende favor de decirme y gracias de nuevo.

[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);
 

[VencerNow]

Grax por el aporte lo seguiré, es que ya eh visto post que dicen que cree el scryipt aparte pero sigue siendo el mismo efecto "nada" tons pus estoy de asi como X_X, no se si sea el programa o quien sabe o intento y te digo si me funciona gracias de nuevo.
PD: uso dreamweaver 8 y como navegador tengo mozzilla y como predeterminado el crome.

[VencerNow]

Una cosa mas una guia de como usarlo grax de nuevo si me sirvio