I was planning to use direct html to load the pages into the other frame / div. I thought there was a simple way to select the html page and direct it to the div with an id. The sub pages are my own so they will reside within the site. This is what I have tried... ON THE MAIN PAGE -------------------------------------------------- <div class="row"> <div class="col-sm-2 col-lg-2"> <h2> Artists</h2> <p><a href="Artist1.htm" target="#ArtPage">Artist1</a></p> <p><a href="Artist2.htm" target="#ArtPage">Artist2</a></p> <p>Artist3 </p> <p>Artist4 </p> <p>Artist5 </p> <p>Artist6 </p> <p>Artist7 </p> <p>Artist8 </p> <p>Artist9 </p> <p>Artist10 </p> </div> <div id="ArtPage" class="col-sm-10 col-lg-10"> </div> </div> THIS IS THE ARTIST1.HTML ---------------------------------------------------------------------------------------------- <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="bootstrap/3/css/bootstrap.css" /> <script type="text/javascript" src="ScriptLibrary/jquery-latest.pack.js"></script> <link rel="stylesheet" type="text/css" href="_css/styles.css"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>East Hull Secret Artists</title> <script type="text/javascript" src="bootstrap/3/js/bootstrap.js"></script> </head> <body> <script type="text/javascript"> $(document).ready(function(){ // this part disables the right click $('img').on('contextmenu', function(e) { return false; }); //this part disables dragging of image $('img').on('dragstart', function(e) { return false; }); }); </script> <div class="col-sm-5 col-lg-5"> <h2>Artist1</h2> </div> <div class="col-sm-5 col-lg-5"> </div> <div class="col-sm-5 col-lg-5"> </div> </body> </html>
... View more