Вывод различного содержимого в зависимости от ширины экрана: js или php скрипт

Category: JavaScript Code Examples, JS code examples, PHP code examples

Иногда для того, чтобы обеспечить адаптивность страницы, или организовать отображение определенного кода только в отдельном диапазоне ширины экрана. Можно использовать решения, которые я опубликую в этой статье. Прилагаю php и js скрипты, которыми можно воспользоваться для этого. Естественно, в первом случае скрипт выполнится сервером в момент первого к нему обращения. Использование js несколько расширяет эти возможности, поскольку дает возможность выводить код в моменты, когда пользователь меняет ширину экрана браузера в рамках диапазона, указанного вами.

php скрипт для вывода кода в зависимости от ширины экрана

очень важная информация

<div id="adright"></div>
<?php
$screenWidth='<script type="text/javascript">document.write("screen.width="+screen.width);</script>';
$screenFullHD='1600';
if ($screenWidth > $screenFullHD) { ?>
    Здесь код, который нужно вывести.
<?php } ?>

js скрипт для вывода кода в зависимости от ширины экрана

[js]скрипт временно удален[/js]

<?php
$screenWidth='<script type="text/javascript">document.write("screen.width="+screen.width);</script>';
$screenFullHD='1600';
if ($screenWidth > $screenFullHD) {
    include_once '/single/1920.php';
} if ( ($screenWidth > $screenFullHD) && ($screenWidth > $screenFullHD) ) {
    include_once '/single/1920.php';
} if ($screenWidth > $screenFullHD) {
    include_once '/single/1920.php';
}
?>

Other script

<script type="text/javascript">
$(document).ready(function (){
fnstart();
function fnstart(){
        alert("Функция сработала при старте");
    }
 
 
$(window).resize(function(){
var winBr = $(window).width();
if(winBr<800){alert("Меньше 800")}
else{
    alert("Больше 800");
    };
});     
 
    });/* end ready*/
</script>