¿Contenido cargado en un div no reconoce funciones javascript?

[edeanto]

Hola a toda la comunidad espero me puedan ayudar en este gran problema q me he encontrado

Tengo una pagina en la cabecera esta toda la declaracion de funciones javascript y hojas de estilo y dentro de body un div donde cargo contenido html con ajax.

El problema es q el contenido que cargo desde otra pagina ocupa funciones javascript de mi pagina principal pero cuando se carga el contenido no las reconoce para nada.

Porq se da este problema, estoy tratando de que la pagina no se carge de nuevo con sus scritp, una vez cargada solo cambio el contenido pero ese contenido ya no reconoce los javascript


Gracias de antemano

[GatorV]

Hola edeanto,

Busca en el foro es un tema que ya hemos tratado, tienes que ejecutar el Javascript que viene de AJAX.

Saludos.

[killerangel]

Otra opcion es usar frameworks como jquery q te carga tanto la web como las partes javascript incluyendo llamadas a ficheros externos.

[edeanto]

Creo q no me di a explicar bien el problema, puedo llamar a funciones pero el problema es el siguiente

tengo una funcione en mi pagina que si doy click sobre esa imagen se amplia y esta es la funcion para eso

Código:

window.addEvent('load', function() {
	ReMooz.assign('.demo-photos a', {
		'origin': 'img',
		'shadow': 'onOpenEnd', // fx is faster because shadow appears after resize animation
		'resizeFactor': 0.9, // resize to maximum 80% of screen size
		'cutOut': false, // don't hide the original
		'opacityResize': 0.4, // opaque resize
		'dragging': true, // disable dragging
		'centered': true // resize to center of the screen, not relative to the source element
	});
 
});
/* ]]> */
</script>

y el html q funciona con este script es este:

Código:

<div class="demo-photos"><a href="img/bigimg3.gif"><img src="img/smallimg3.gif" alt="Inicio de Word" /></a></div>

funciona perfectamente al inicar la pagina pero si cargo html en un div con contenido que aplique ese codigo ya no funciona.

Si se han dado cuenta no se llama a ninguna funcion porq la funcion les aplica la funcion al cargar la pagina

no se que puedo hacer, intente meter la funcion javascript dentro de una funcion y llamarla desde el codigo q cargo pero no funciona.

[GatorV]

Es lo mismo, tienes que volver a llamar al código que busca en el DOM para asignarles la funcion, eso es lo que hace el código que pones, tienes que volver a llamarlo al cargar el DIV para insertar el código.

Saludos.

[miguec04]

EL MIO ES UN PROBLEMA PARECIDO PERO POR FAVOR AYUDENMEN QUE NO SE QUE PASA, BUENO YO TENGO DOS CODIGOS UNO QUE ES:

<script type="text/javascript">
<!--
var xmlhttp=false;
/*@cc_on @*/
/*@if (@_jscript_version >= 5)
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}
@end @*/

if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
xmlhttp = new XMLHttpRequest();
}

function getMyHTML(serverPage, objID) {
var obj = document.getElementById(objID);
xmlhttp.open("GET", serverPage);
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
obj.innerHTML = xmlhttp.responseText;
}
}
xmlhttp.send(null);
}
//-->
</script>

ESTE CODIGO ES EL QUE ME AYUDA PARA CARGAR OTRA PAGINA EN UN DIV SIN RECARGARLA COMPLETAMENTE. LO HAGO DE ESTA FORMA

<a href="javascript://" class="menu_princ" onclick="getMyHTML('<?php echo $row_menu_princi['link']; ?>','<?php echo $row_menu_princi['lugar']; ?>')"><?php echo $row_menu_princi['nombre']; ?></a>


BUENO PERO LA COSA ES QUE CUANDO UTILIZO OTRO CODIGO COMO ESTE:

<script type="text/javascript">
var GB_ROOT_DIR = "./greybox/";
</script>

<script type="text/javascript" src="modulo/imag/greybox/AJS.js"></script>
<script type="text/javascript" src="modulo/imag/greybox/AJS_fx.js"></script>
<script type="text/javascript" src="modulo/imag/greybox/gb_scripts.js"></script>
<link href="modulo/imag/greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />

<script type="text/javascript" src="modulo/imag/static_files/help.js"></script>
<link href="modulo/imag/static_files/help.css" rel="stylesheet" type="text/css" media="all" />

Y LO LLAMO DE ESTA FORMA:

<a href="http://google.com/" title="Google" rel="gb_page_fs[]">Launch google.com in fullscreen window</a>

este codigo ya no me lo lee, osea yo lo que estoy haciendo es llamar la pagina donde tengo este ultimo codigo en un div con el codigo anterior, este ultimo codigo funciona para que cuando den click salga una pantalla negra con la pagina y no me mande a ningun otro lado BUENO PERO LO QUE PASA ES QUE ESTE CODIGO NO ME FUNCIONA, ME IMAGINO QUE DEBE DE HABER UNA INCOMPATIBILIDAD EN ESTAS ETIQUETAS YA QUE SON MUY PARECIDAS, COMO PUEDO ARREGLAR ESTO POR FAVOR AYUDENMEN PERO EXPLIQUEMEN BIEN DE VERDAD GRACIAS SI LO HACEN Y SI PUEDEN ME HACEN EL FAVOR DE DEJARME ALGUN LINK PARA VER ALGUN EJEMPLO. MUCHAS GRACIAS AMIGOS ME INSCRIBI EN ESTE FORO PORQUE CONFIO EN LA GENTE QUE HAY AQUI.