title: jquery image slider with ajax
body: <p>I'm loading external php pages through ajax. The external pages consists of jquery based image slider. It doesn't get loaded. Here I call the page through Ajax.</p>
  
  <pre><code>&lt;a href="javascript:void(0)" onclick="open_url('3bg.php','loaded');"&gt; Load Jquery &lt;/a&gt;
  </code></pre>
  
  <p>it gets loaded but the navigating functions within that page doesn't work.</p>
  
  <p>here is the ajax navigation which is called</p>
  
  <pre><code>var please_wait = null;
  
  function open_url(url, target) {
    if (!document.getElementById) {
      return false;
    }
  
    if (please_wait != null) {
      document.getElementById("target").innerHTML = please_wait;
    }
  
    if (window.ActiveXObject) {
      link = new ActiveXObject("Microsoft.XMLHTTP");
    } else if (window.XMLHttpRequest) {
      link = new XMLHttpRequest();
    }
  
    if (link == undefined) {
      return false;
    }
    link.onreadystatechange = function() {
      response(url, target);
    }
    link.open("GET", url, true);
    link.send(null);
  }
  
  function response(url, target) {
    if (link.readyState == 4) {
      document.getElementById(target).innerHTML = (link.status == 200) ? link.responseText : "Ooops!! A broken link! Please contact the webmaster of this website ASAP and give him the fallowing errorcode: " + link.status;
    }
  }
  
  function set_loading_message(msg) {
    please_wait = '&lt;img src="images/ajax-loader.gif"/&gt;';
  }
  </code></pre>
  
  <p>Where do I make the correction to make it work with my Jquery based page.</p>