Poner en un div un html

jorgehayes · #1 (**permalink**) 08/09/2010, 13:07

hola que tal no se ajax pero estoy haciendo una pagina web con java, y loq ue necesito es poner en un div un html dependiendo el link o boton que oprima estuve viendo varios ejemplos en internet y corrian pero ala hora de implementarlos yo en mi barra inferior(donde dice listo o cargando elementos) me aparecio algoa si como pagina con errores y no cargaba nada, esto sucedia con todos los ejemplos qeu baje alguien me podria decir porque o ayudarme a ahcer esto,gracias

perryjr · #2 (**permalink**) 08/09/2010, 21:50

Hola, te voy a dar dos grandes consejos:

1. Necesitas algo para comprobar los errores. El código falló, vale. Pero fue porque lo escribiste mal o porqué? Te recomiendo Firefox con el complento firebug (búscalo en google y lo descargas).

2. Por la descripción y la poca información que me das presupongo que usas Internet Explorer, y que has ejecutado unos ejemplos bajados de Internet en tu ordenador.

Microsoft falló a la hora de meterle soporte a su navegador para AJAX local, es decir, solo funcionará si está online (ya sea en un server o en algo local con la dirección localhost) el caso es que solo hará peticiones a http://...

Espero que te ayude, si no, por favor, dame más información sobre tu problema.

jorgehayes · #3 (**permalink**) 13/09/2010, 17:51

Si es algo asi lo que esta pasando m dice acceso denegado URI: file ///c:ruta del js y en eso truena supongo que es por las /// abtes de la C

perryjr · #4 (**permalink**) 13/09/2010, 18:47

Si, seguramente será por eso. Tienes que cargar desde http://

Por cierto, otra cosilla. Internet Explorer tiene otra peculiaridad y es que puede reportar error de seguridad al insertar scripts en el body.

De todas maneras, te puedo hacer una preguntilla si no es mucho molestar? AJAX suele cargar datos, no JavaScript, en todo caso JSON, XML o texto plano. Es raro cargar un archivo javascript porque la manera que tiene gmail por ejemplo es crear una etiqueta script en <head>, pero no para cargar AJAX propiamente dicho.
Que tienes que cargar en JavaScript?

Para terminar te recomiendo que si puedes y quieres hay librearías muy buenas para trabajar con todo esto. Me gusta especialmente jQuery y creo que a lo mejor te vendría bien. jQuery cuando carga contenido con un <script> dentro lo "recorta" del resultado final, pero también lo ejecuta.

Puedes buscar "jQuery" en google.

jorgehayes · #5 (**permalink**) 14/09/2010, 11:22

Hola lo que estoy intentando hacer es en un div cargar un html cuando oprimo un link o un boton tendras por ahi algun ejemplo

perryjr · #6 (**permalink**) 14/09/2010, 16:49

Este es el código que debes usar para inicializar el objecto XMLHttpRequest en una variable pongámosle por ejemplo xhr. Luego a partir de ahi debes añadirle el código que tengas para abrir la petición y descargarte las cosas. Este código lo que te quita es la incompatibilida con archivos locales que te dije:

Código Javascript:

Ver originalvar xhr = window.XMLHttpRequest && (window.location.protocol !== "file:" || !window.ActiveXObject) ?
            function() {
                return new window.XMLHttpRequest();
            } :
            function() {
                try {
                    return new window.ActiveXObject("Microsoft.XMLHTTP");
                } catch(e) {}
            }

NOTA: El código lo cogí prestado de la librería jQuery.

Ssi la quieres usar el código enterito para lo que quieres hacer quedaría algo así (mucho más simplificado que tener que iniciar tu el xhr, llamar a la petición, asignarle el onreadystatechange, etc.). Si usas jQuery el código completo queda así:

Código Javascript:

Ver original$('#id-del-div-donde-se-carga').load('http://direccion.a.cargar.com');

Este código carga el contenido de la dirección que pongas en el div que especifiques.

PARA TERMINAR, RECUERDA:

Que con AJAX no debes cargar páginas enteras a menos que sepas lo que estás haciendo, porque con que lo pienses un poco si tienes una página con su <div> y cargas otra página dentro estarás metiendo el <html>, el <head>, el <body> etc. dentro de un <div>, y eso no tiene sentido. El resultado puede ser imprevisible.

Con AJAX cargas datos, o trozos de página en tu caso. Exclusivamente el trozo que a ti te interese, sin <html><head><body>, etc.

Espero haberme explicado bien, sino preguntame lo que quieras =D