[vB 3] How to load Javascript code in a template called with AJAX ?

[cclaerhout]

VBULLETIN 3

I made a product that modifies the Editor of the template postbit_quickedit.

• That Editor is vB_Editor_QE_x; where x is the number of times I press "Edit" button (on the showthread page) to open the quick_editor. That number will be increment until I reload the showthread page.
  
• That Editor used bbcodes with buttons. Some of this buttons have customised javascript.
  Exemple:
  • Button Template
    

    <td><div class="imagebutton" id="{$editorid}_insertsmallimagex" onmouseout="javascript:insertsmallimage_{$editorid}_out(this);" onmouseover="javascript:insertsmallimage_{$editorid}_over(this);" onclick="javascript:insertsmallimage_{$editorid}_dumpit();"><img src="$stylevar[imgdir_editor]/insertsmallimagex.gif" width="21" height="20" alt="$vbphrase[ab_picture_big_x]" /></div></td>

  • Javascript (in template)
    

    function insertsmallimage_{$editorid}_dumpit(){var a=insertsmallimage_{$editorid}_getinput();var b=insertsmallimage_{$editorid}_getinputbis();if(a!="null"&&b!="null"){if(a&&b){result="[bimgx="+a+"]"+b+"[/bimgx]"}else{if(!a){result="[bimgx=150]"+b+"[/bimgx]"}if(!b){result="[bimgx="+a+"]$vbphrase[ab_picture_link][/bimgx]"}}window.vB_Editor["{$editorid}"].insert_text(result)}}function insertsmallimage_{$editorid}_getinputbis(){return PHP.trim(new String(prompt("$vbphrase[ab_picture]","$vbphrase[ab_picture_link]")))}function insertsmallimage_{$editorid}_getinput(){return PHP.trim(new String(prompt("$vbphrase[ab_picture_width]","$vbphrase[ab_picture_pixels]")))}function insertsmallimage_{$editorid}_out(a){vB_Editor["{$editorid}"].set_control_style(a,"button","normal")}function insertsmallimage_{$editorid}_over(a){window.vB_Editor["{$editorid}"].set_control_style(a,"button","selected")}

• I fetch my two templates to postbit_quickedit.

Problem: The buttons using customised Javascript don't work.

Problem origin: The postbit_quickedit template is called with AJAX. So my Javascript can't be interpret.

My problem: After spending hours trying to understand how to make my hard coded Javascript code works with this template called via AJAX, I still don't get it. Is there an easy way to do it ?
P.S: I'm coding for hobby, it takes me hours to do what people here might do in 5 minutes.

The only solution I found, is to fetch my JS template to Showtread template, but it's only working for the first edit (vB_Editor_QE_1).