Question

I had my beaches page set up with JS that swapped a beach info page into a <div> via hidden <iframe> but rejigged to use jQuery instead as a more efficient, superior solution. Experimented with a few different syntaxes:

function loadContent(elementSelector, sourceUrl) {
    $(""+elementSelector+"").load("http://yoursite.com/"+sourceURL+"");
}

and

function loadSomething{
    $("#divid").load("http://place.com/to/content.php");
}

and set up a test page using the latter since that seemed to work.

I’ve done a bit of Java programming and this is all simple stuff but I can’t figure out why it isn’t working. On the test page a couple of the text links work (as tested in FF and Chrome) but not the image links.
Any advice appreciated.

Answer 1

As far as I can see you currently have a syntax error on the site link you’ve pasted:

<script type="text/javascript">
  $(function() {
    $('a[href=beachPenmm.htm]').click(function() {
      $('#beachInfo').load('beachPenmm.htm');
      return false;
    });
</script>       

<script type="text/javascript">
  });

You aren’t allowed to extend syntax between script tags. This may not be the only problem however… but fix that first 🙂