I have a repeater within a javascript block, once a user clicks on a link that calls the javascript function of my actionFunction, the selected area refreshs. However, the javascript block is not executed again on the Ajax refresh.

<div id="msgdiv"></div> <apex:outputPanel id="refreshArea"> <script type="text/javascript"> function test() { var msg = ""; <apex:repeat value="{!Strings}" var="item"> msg += '{!item}-'; </apex:repeat> document.getElementById('msgdiv').innerHTML = msg; }

//works ok only on first page load

test(); </script>

Here is te actionFunction definition on the page:

<apex:actionFunction name="AddNewString" action="{!addString}" reRender="refreshArea" status="status"></apex:actionFunction> <a href="javascript:AddNewString()">test adding a string</a>

 In order to make the javascript call, I tried both actionStatus "onstop" event and actionFunction "oncomplete".

 Here  are the results:

 1) actionFucntion:

<apex:actionFunction name="AddNewString" action="{!addString}" reRender="refreshArea" oncomplete="test()"></apex:actionFunction>

 actionFunction oncomplete: won't call the javascript function!

 2) actionStatus:

<apex:actionStatus startText="working..." onstop="test()" id="status"></apex:actionStatus>

This one calls the javascript, in the HTML source code also I can see the javascript block is updated, however the previous text is shown. As if the actionStatus has called the javascript just before the DOM is updated by Ajax call.

This is very strange!
 
By the way, if I remove the javascript block and just flush out everything into the browser it works fine!

Anyone can help shed some light on this issue?