Передать высоту экрана из javascript в php

Да, этот вопрос в значительной степени похож на Ширина / высота экрана Javascript в PHP, но я не могу получить ответы (на этот вопрос или на несколько подобных) для работы в контексте, описанном ниже. Вероятно, это связано с моими очень, очень ограниченными знаниями php и почти нулевым знанием js (я только что вырезал и вставил некоторые js-файлы, которые я не понимал, и возился с ними до тех пор, пока "просто работал").

PHP, который у меня сейчас есть, просто жестко кодирует высоту для <iframe> ...

 <?php
   Blah; blah; blah;
   echo ' <iframe align = "middle" width = "99%" height = "768"', "\n";
   echo $some_more_stuff_to_finish_iframe_tag, "\n";
 ?>

Но на самом деле я хочу что-то вроде ...

 <?php
   global $screenheight;
   $frameheight = $screenheight-100;
   Blah; blah; blah;
   echo ' <iframe align = "middle" width = "99%" height = "';
   echo $frameheight,'"', "\n";
   echo $some_more_stuff_to_finish_iframe_tag, "\n";
 ?>

Кстати, причина того, что php повторяет этот тег iframe, заключается в том, что его атрибут src = должен быть динамически сконструирован.

И я не думаю, что global $ screenheight;, который я проиллюстрировал, на самом деле является php-стороной правильного механизма перехода от js к php. Я просто поместил его туда, так сказать, "заполнитель". Итак, каков правильный механизм и синтаксис - как js, так и php - для этого?

Почему бы не установить высоту iframe в JS при загрузке страницы? Что-то вроде document.querySelector('selector_to_your_iframe').height = window.screen.height. По-прежнему странно, что чего-то подобного, скорее всего, можно добиться с помощью чистого CSS.

Jeto 02.09.2018 10:12

@Jeto Спасибо. Да, css был бы >> отличным <<, хотя это еще одна разметка, которую я не понимаю :) Если я пойму суть вашего предложения, я бы добавил что-то вроде атрибута id = myframe в тег, а затем установил окно высота для кадров myframe в css. Так какой синтаксис css для этого? (извините, что я этого еще не знаю)

John Forkosh 02.09.2018 10:19

Что-то вроде #myframe { height: 100%; }, наверное. Вам, вероятно, следует пройти базовые учебные пособия / курсы по этим языкам, поскольку вы не уйдете далеко, если вам не хватает основ (не говоря уже о том, чтобы это было подло).

Jeto 02.09.2018 10:22

@Jeto Еще раз спасибо. Пробовал, но не сразу работает. Однако повторный поиск в Google вместе с "css" привел меня к дополнительным вопросам, например, stackoverflow.com/questions/9975810. И хотя это не сразу работает, это дает мне гораздо больше поводов для беспокойства.

John Forkosh 02.09.2018 11:05
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
4
51
0

Другие вопросы по теме