Javascript is Executing and Displaying

Question

I have a very odd problem where the javascript is executing fine however it also displays the script as text.

The script is within a PHP file that I load with AJAX.

<div id='main_container'>

</div>
<br>

<div style='border-top:1px solid grey;padding-top:10px;padding-bottom:10px;position:absolute;bottom:0;width:100%;'>
    <a style='padding-left:10px;padding-right:15px;width:50%;border-right:1px solid #0cf;' onclick='editFav();' href='#'>Edit Favourites</a>
    <a style='padding-left:10px;width:50%;text-align:right;' href='#'>Add Favourite</a>
</div>



<script type='text/javascript'>

$('#main_container').load('ajax/favourites/list.php', {});

</script>

The code works fine and the script executes, however it still displays itself..

EDIT - I was able to fix the problem by just adding something after it. I addded "<p></p>" and it was fine after that.

Try <script type="text/javascript"> instead of <script type='text/javascript'> — elixenide
– elixenide, Commented Aug 30, 2014 at 23:14

jagmitg · Accepted Answer · 2014-08-30 23:03:16Z

0

Try this and see what error you get or does it show up the content of list.php

<script type='text/javascript'>
$( "#main_container" ).load( "/ajax/favourites/list.php", function( response, status, xhr ) {
  if ( status == "error" ) {
    var msg = "Sorry but there was an error: ";
    $( "#error" ).html( msg + xhr.status + " " + xhr.statusText );
  }
});
</script>

answered Aug 30, 2014 at 23:03

jagmitg

4,5868 gold badges31 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

KIKO Software · Accepted Answer · 2014-08-30 23:17:28Z

0

I made two small files:

file 1: test.html

<!DOCTYPE HTML>
<html>
 <body>
   <div id='main_container'></div>
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   <script>
     $('#main_container').load('try.html', {});
   </script>
 </body>
</html>

file 2:

<!DOCTYPE HTML>
<html>
  <body>
    <script type='text/javascript'>
      document.write('this is a test.');
    </script>
  </body>
</html>

And they don't show the Javascript. If you still have the problem try to see if you can reproduce it with these two files. Try to make them more similar to yours in small steps, and see where it goes wrong.

answered Aug 30, 2014 at 23:17

KIKO Software

17.5k3 gold badges33 silver badges53 bronze badges

Collectives™ on Stack Overflow

Javascript is Executing and Displaying

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related