Search the Community
Showing results for tags 'javascript and php'.
Found 1 result
-
How can i load a file based on the screen size of my device? <div data-role="page" id="one"> <?php include("header.php") ?> <!-------------------------------- container Start ----------------------------------------> <div class="container"> <div class="containerInner"> <?php include("nav.php") ?> <?php include("banner.php") ?> <?php include("form.php") ?> </div> </div> <!-------------------------------- container End ----------------------------------------> <?php include("footer.php") ?> </div> So instead of <?php include("form.php") ?> I would like to do <?php include("formSMALL.php") ?> I would want any user with a screen width greater than 240px to be presented with form.php and any user with a screen width of 240px or smaller to be presented with formSmall.php I have the below javascript to detect the screen sizes, however im unsure of how to combine the two. Please, any help will be very much appreciated. Heres the javascript I have for screen detection; <!DOCTYPE html> <html> <body> <script type="text/javascript">// <![CDATA[ document.write("Total Width: " + screen.width); document.write("<br/> Total Height: " + screen.height); // ]]></script> script> </body> </html>