Question

Okay, so I’m loading this (it’s a contact form) in a div on http://www.mydomain.com/contact.html

<script type="text/javascript">
     $(document).ready(function() {
     $('#result').load('http://www.mydomain.com/support/contact.php #ticketForm');
      });
</script>

It shows the contact form, but there is a captcha picture that isn’t loading because the path is wrongly set to http://www.mydomain.com/captcha.php (shows when I right-click the captcha “broken file” picture) instead of http://www.mydomain.com/support/captcha.php. Also seems that some of the styling is missing, most likely because of the same problem with a wrong path.

All the files and folders that contact.php needs are located in the http://www.mydomain.com/support directory and not http://www.mydomain.com.

How do I fix this problem without moving all the files? I’m no coder so please explain as much as possible. Thanks.

Answer 1

Try the following, rename the file path accordingly. This will allow the inline execution of the subsequent scripts.

$(document).ready(function(){
    $.get(  
        'path/to/contact.php', 
        function(responseText){  
            $("#result").html(responseText);  
        }   
    );  
});