Prototype please HELP!!!! (js not executed after ajax.updater -- evalScript:true not

cojijo · #1 (**permalink**) 26/06/2007, 10:16

I'm sending you this mail because I have a problem
with PROTOTYPE. (the solution is not here:
ht 1 tp://wi 1 ki.sc 1 ript.acu 1 lo.us/scripta 1 culous/sh 1 ow/Ajax.Up 1 dater ) (delete spaces " " and "1")

I have a <div> on a page that I replace with a new one using
Ajax.Updater. Inside this newly placed div, I am using js classes
(prototype, scriptaculous and lightbox) to launch various Ajax things
and scriptaculous effects. None of them, however, get triggered after
the update. They also fire no javascript errors or anything of the
kind. I've seen the option evalScripts with Ajax stuff-- but it's only
made for code between <script> ... <script/> tags ( the
solution of that is here
ht 1 tp://wi 1 ki.sc 1 ript.acu 1 lo.us/scripta 1 culous/sh 1 ow/Ajax.Up 1 dater (delete spaces " " and "1") , but it
doesn't solve what I want to do). I am wondering if there is a way to
make sure that the class-ruled stuff gets triggered in the sections
which have been updated by Ajax.Updater.

Could you help me?

Thanks in advance.

cojijo · #2 (**permalink**) 26/06/2007, 10:19

sorry I did not send the html files
---------------------------------

*********
pubs.html
*********

<html >
<head>

<title></title>

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

</head>

<body bgcolor="#000000">

<center>
<table width="702" height="203" border="0">
<tr>
<td width="702" height="192">

<img src="images/algo.jpg" width="35" height="35"
onclick="new Ajax.Updater('pages', 'home.html',
{asynchronous:true});"/>

<img src="images/algo.jpg" width="35" height="35"
onclick="new Ajax.Updater('pages', 'fotos.html',
{asynchronous:true});"/>

</td>
</tr>
<tr>
<td width="702">
<div id="pages"></div>
</td>
</tr>
</table>
</center>

</body>
</html>

*********
home.html
*********

<html >
<head>

<title></title>

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

</head>

<body bgcolor="#000000">
<center>
<table width="708" height="308" border="0">
<tr>
<td height="304" align="center" background="images/fondo.jpg">
<img src="Sopranos/imagenes/home.jpg" class="glossy iradius50
noshadow" alt="Sopranos Bar" longdesc="Sopranos Bar - Pilar Fest"
/> </td>
</tr>

</table>
</center>

</body>
</html>

**********
fotos.html
**********

<html >
<head>
<title></title>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

</head>

<body bgcolor="#000000">
<center>
<table width="708" height="509" border="0">
<tr>
<td height="505" align="center" background="images/fondo.jpg">

<table bgcolor="#000000" border="0">
<tr>
<td>

</td>
</tr>
</table>
<br>

<table bgcolor="#000000" border="0" cellspacing="10">
<tr valign="bottom"><td align="center"><div
class="thumbnail"><a href="Pepe/fotos/pics/Pepe1.jpg"
rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe1_jpg.jpg"
border="0"></a></div>
<br></td>
<td align="center"><div class="thumbnail"><a
href="Pepe/fotos/pics/Pepe10.jpg" rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe10_jpg.jpg"
border="0"></a></div>
<br></td>
<td align="center"><div class="thumbnail"><a
href="Pepe/fotos/pics/Pepe11.jpg" rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe11_jpg.jpg"
border="0"></a></div>
</td>

<td align="center"><div class="thumbnail"><a
href="Pepe/fotos/pics/Pepe12.jpg" rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe12_jpg.jpg"
border="0"></a></div>
<br></td>
<td align="center"><div class="thumbnail"><a
href="Pepe/fotos/pics/Pepe13.jpg" rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe13_jpg.jpg"
border="0"></a></div></td>
</tr>

<tr valign="bottom"><td align="center"><div
class="thumbnail"><a href="Pepe/fotos/pics/Pepe14.jpg"
rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe14_jpg.jpg"
border="0"></a></div>
<br></td>
<td align="center"><div class="thumbnail"><a
href="Pepe/fotos/pics/Pepe15.jpg" rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe15_jpg.jpg"
border="0"></a></div>
<br></td>
<td align="center"><div class="thumbnail"><a
href="Pepe/fotos/pics/Pepe2.jpg" rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe2_jpg.jpg"
border="0"></a></div>
<br></td>
<td align="center"><div class="thumbnail"><a
href="Pepe/fotos/pics/Pepe3.jpg" rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe3_jpg.jpg"
border="0"></a></div>
<br></td>
<td align="center"><div class="thumbnail"><a
href="Pepe/fotos/pics/Pepe4.jpg" rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe4_jpg.jpg"
border="0"></a></div></td>
</tr>

<tr valign="bottom"><td align="center"><div
class="thumbnail"><a href="Pepe/fotos/pics/Pepe5.jpg"
rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe5_jpg.jpg"
border="0"></a></div>

<br></td>
<td align="center"><div class="thumbnail"><a
href="Pepe/fotos/pics/Pepe6.jpg" rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe6_jpg.jpg"
border="0"></a></div></td>
<td align="center"><div class="thumbnail"><a
href="Pepe/fotos/pics/Pepe7.jpg" rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe7_jpg.jpg"
border="0"></a></div>
<br></td>
<td align="center"><div class="thumbnail"><a
href="Pepe/fotos/pics/Pepe8.jpg" rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe8_jpg.jpg"
border="0"></a></div>
<br></td>
<td align="center"><div class="thumbnail"><a
href="Pepe/fotos/pics/Pepe9.jpg" rel="lightbox[Pepe]"><img
src="Pepe/fotos/thumbnails/Pepe9_jpg.jpg"
border="0"></a></div></td>
</tr>
</table>

</td>
</tr>

</table>
</center>

</body>
</html>