Iframe в пхп

seyhun

3 дек 2017 г., 20:28

Добавлено: 03.12.2017 / 20:25
Такой вопрос как можно вставить iframe в пхп? я нашел код правильно или нет

echo '<iframe src="grammar.html" width=300 height=200></iframe>';

а тут можно сделать так размери не было 300/200, а авто? чтоб когда заходищ с мобил и с компа было авто.

Добавлено: 03.12.2017 / 20:28
а то когда заходищ с компа размер маленький

ДоХтор

3 дек 2017 г., 20:58

Попробуй так (размеры окон сам подкорректируешь):

if ($is_mobile) {
    $width = 300;
    $height = 200;
} else {
    $width = 800;
    $height = 500;
}

echo '<iframe src="grammar.html" width="' . $width . 
    '" height="' . $height . '"></iframe>';

Но справедливости ради надо сказать, что это делается средствами css и js (если не ошибаюсь)

xpank

3 дек 2017 г., 20:58

echo "<script language="JavaScript">
<!--
if (document.body.clientWidth < '800') { //если ширина экрана меньше 800px, то выводим iframe с шириной в 300px
  document.write ('<iframe src="grammar.html" width=300 height=200></iframe>');
} else { //если больше, то выводим iframe с шириной в 600px
  document.write ('<iframe src="grammar.html" width=600 height=400></iframe>');
}
//-->
</script>";

Что-то типа того, не факт что заработает (давно не кодил, да и к тому же я тот еще быдлокодер

), но суть думаю понятна, есть от чего отталкиваться.

kantry

3 дек 2017 г., 23:27

Hey guys! Finally I'm gonna change status!?

# ДоХтор (03.12.2017 / 20:58)
это делается средствами css и js (если не ошибаюсь)

Без js
CSS

.div-frame {
    /* width: 60%;  если надо, макс. ширина блока */
    padding-bottom: 60%; /* макс. высота блока */
    position: relative
}
.div-frame iframe {
   position: absolute;
   width: 100%;
   height: 100%
}

HTML

<div class="div-frame">
	<iframe src="//johncms.com/index.php"></iframe>
</div>

seyhun

4 дек 2017 г., 2:22

спасибо ребята оба вариантов попробую и потом пишу ответ ))

seyhun

4 дек 2017 г., 13:03

# ДоХтор (03.12.2017 / 20:58)
Попробуй так (размеры окон сам подкорректируешь): if ($is_mobile) {
$width = 300;
$height = 200;
} else {
$width = 800;
$height = 500;
}

echo '<iframe src="grammar.html" width

код работает но чет долго грузить страницу

seyhun

4 дек 2017 г., 13:07

# xpank (03.12.2017 / 20:58)
echo "<script language="JavaScript">
<!--
if (document.body.clientWidth < '800') { //если ширина экрана меньше 800px, то выводим iframe с шириной в 300px
document.write ('<iframe src="grammar.htm

да неработал все равно спасибо))

seyhun

4 дек 2017 г., 13:11

# kantry (03.12.2017 / 23:27)
Без js
CSS

.div-frame {
/* width: 60%; если надо, макс. ширина блока */
padding-bottom: 60%; /* макс. высота блока */
position: relative
}
.div-frame iframe {
position: absol

код сработал четко и страница загрузилься быстро но с компа страница маленькая а с мобил четко. как изменить теперь размер веб?

kantry

4 дек 2017 г., 15:52

Hey guys! Finally I'm gonna change status!?

seyhun, У тебя от родителя стили видать наследуются, впихнул сейчас в джон, все нормально, хоть с HD телевизора смотри

Прикрепленные файлы:

207

(106.67 KB)

skrinshot_sdelannyi_2017-12-04_v.png

192

(23.18 KB)

1512391998skrinshot_sdelannyi_2017-12-04_v.png

seyhun

4 дек 2017 г., 19:59

kantry, да ладно