Problema al ejecutar javascript dentro de Ajax

[carlosferdo]

Buenas tardes.
Tengo un problema a la hora de ejecutar javascript dentro de una web cargada con ajax. Mas exactamente cargar un div deslizante.

Aqui dejo el codigo del div deslizante:

Código:

<a href="javascript:collapse2.slideit()">Despliega/Contrae</a>
<div id="cat" style="width: 300px; background-color: #97bf21;">
	<div style="padding: 0 5px">
	<h3>Titulo</h3>
	<p>Prueba de div deslizante.</p>
	</div>
</div>
<script type="text/javascript">
	var collapse2=new animatedcollapse("cat", 800, true)
</script>

Que le cargo su javascript mediante:

Código:

<script type="text/javascript" src="animatedcollapse.js">

Y no realiza ninguna funcion ya que esta dentro de Ajax, pero en una pagina web nueva que no tenga nada que ver con ajax funciona perfecto.

Alguien me podria ayudar?

[iukaeru]

//Esto sería código dentro de código y por seguridad JavaScript no lo ejecuta. Pero hay un truco:
Deberás en medio de la función AJAX crear una especie de analizador de código JS que
evalúe y ejecute dicho código antes de "trazarlo" como HTML.

Te dejo un link a una biblioteca JS que he creado para dicho fin. Lo único que tienes que hacer es escribir un apartado en tu página web con el enunciado "<<<pleromak;"

http://www.iukaeru.com/aa_sekuro/jajax.js

Como ejemplo puede ser dentro de tu archivo AJAX:



//Aquí código sin etiquetas <script>

alert("Me ejecutaré dentro de un campo ajax.");

<<<pleromak;

<div>Este es el contenido HTML</div>




En éste link te explico un poco mejor cómo funciona la cosa:

http://www.iukaeru.com/iukaeru/principal.php?noti=jajax

[carlosferdo]

Nada, sigue sin funcionar.

Yo tengo este archivo .JS

Código:

http://www.diariothc.com/wp-content/Imagenes/10-2007/divplegable/js/animatedcollapse.js

Y este es el codigo con javascript incrustado que necesito hacer funcionar una vez dentro de ajax:

Código:

<a href="javascript:collapse2.slideit()">Despliega/Contrae</a>
<div id="cat" style="width: 300px; background-color: #97bf21;">
    <div style="padding: 0 5px">
    	<p>Prueba desplegable</p>
    </div>
</div>

<script type="text/javascript">
	var collapse2=new animatedcollapse("cat", 800, true)
</script>

Y luego tengo esa funcion que llama al archivo .Js del principio para que haga el proceso que quiero.

Código:

function tag(id)
{
return document.getElementById(id);
}
function mostrar(que)
{
tag(que).style.visibility = "visible";
}
function ocultar(que)
{
tag(que).style.visibility = "hidden";
}

var collapse2=new animatedcollapse("cat", 800, true)

Nose que tengo que hacer exactamente con todo este codigo para que me funcione dentro de Ajax

[quimfv]

...dentro de Ajax...

No se a que te refieres....

Si tienes un js cargado en el doc inicial es accessible desde los objetos cargados por AJAX.

Si usas las funcionalidades AJAX de jquery el codigo javascript que cargues junto a html tambien funcionara ...

Y finalmente revisa este post...

HOWTO: Ejecutar javascript que viene de ajax

hay más....

[iukaeru]

Por lo que veo en tu código el problema no es de AJAX. Ni siquiera utilizas AJAX.
Debes documentarte mejor sobre esa librería "animatedcollapse.js" que estás utilizando.