j.silver Posted November 4, 2015 Share Posted November 4, 2015 <php at the top of page> <followed by an html tags, then by below php> <?php include ('./includes/footer.html'); ?> <script type= "text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <script type= "text/javascript" src= "./js/collabsible.js"></script> For one odd page of the website I wanted to have collapsible/uncollapsible text using jQuery, so I placed the relevant scripts at the bottom of the page as seen above. It works. But in a previous communication it was stated that the ideal place for inclusion of js/jQuery scripts is before the closing tag of the body. The footer file, included before the scripts, closes the body and html tags, which means the scripts are placed even after the closed html. If scripts are placed before inclosure of the footer file, it would then be before some html tags. I cannot place them in the footer file before closure of the body tag because I need scripts in this page only while footer is also in the rest of site pages. It seems I have only two options: leaving them as seen above or make one additional footer page for this page only where I can place the scripts before body closure tag. Any help or guidance will be appreciated. Link to comment Share on other sites More sharing options...
Ingolme Posted November 4, 2015 Share Posted November 4, 2015 If the footer.html file has a closing </body> tag in it, then you must put the scripts before that file is included. The script tags don't need to be exactly before the body tag, it just needs to be further down the page than all the elements it needs to access. Link to comment Share on other sites More sharing options...
j.silver Posted November 4, 2015 Author Share Posted November 4, 2015 So this means I have to make one extra footer page to have the scripts placed before the closing body tag? Link to comment Share on other sites More sharing options...
Ingolme Posted November 4, 2015 Share Posted November 4, 2015 Not necessarily. Put the scripts wherever you want to, it's not that big of a deal. This works: <script type= "text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script><script type= "text/javascript" src= "./js/collabsible.js"></script><?php include ('./includes/footer.html'); ?> Link to comment Share on other sites More sharing options...
dsonesuk Posted November 4, 2015 Share Posted November 4, 2015 The better, more practical, less confusing option it not to separate html opening or closing tags into separate include files.If the closing body and html tags are placed in footer anyone looking at this will think where are theses tags, must have missed them out, and reinsert them. <!DOCTYPE html><html><head><title>Page Title</title></head><body><?php include "nav.php"; ?><h1>This is a Heading</h1><p>This is a paragraph.</p><?php include "specificjquery.html"; ?><?php include "footer.html"; ?>While having it as this below setup anyone can see everything in is in its proper place, and if you should ever want to use JavaScript/jQuery to access element on footer, because the links to these are below footer element, you will not have any problems. You are just opening up yourself in the future to possibly more problems or more work by doing it as above. You can use php to retrieve current url address compare with specific url and insert jquery code link if they match.<!DOCTYPE html><html><head><title>Page Title</title></head><body><?php include "nav.php"; ?><h1>This is a Heading</h1><p>This is a paragraph.</p><?php include "footer.html"; ?><?php include "specificjquery.html"; ?></body></html> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now