php (324)
js (242)
html (146)
математика (137)
css (129)
калькулятор (81)
html tags (62)
js tag (56)
php function (56)
дробь (50)
число (49)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
fonts (31)
form html (30)
online (27)
object date (26)
Показать еще :
link (26)
html attribute (25)
ruweb.net (25)
foto (22)
type of input (21)
php matematika (20)
atom (20)
php file (20)
forum (19)
определение (19)
sublime text 3 (19)
десятичная дробь (18)
деление (18)
js attribute (18)
hosting (18)
svg (18)
input (18)
css property (17)
php date (17)
php time (16)
html book (16)
board (16)
js replace (15)
php folder (15)
color (15)
php string (15)
font download (14)
js url (14)
js events (14)
js time (14)
img (14)
вычитание (13)
notepad (13)
htaccess (13)
select (13)
osclass (13)
info (13)
php path (12)
знак (12)
php img (12)
download (12)
table (12)
keyboard (12)
dw block (12)
font awesome (11)
js location (11)
yandex webmaster (11)
form (11)
icon (11)
jsphp (11)
mouse (10)
yandex (10)
признак делимости (10)
keyframes (10)
drop down list (10)
отрицательные (10)
attribute data (10)
js delete (10)
сложить (9)
css shape (9)
вычитание дробей (9)
php count (9)
hover (9)
смешанная дробь (9)
database (9)
php session (9)
онлайн (9)
dosite (8)
js array (8)
php array key (8)
document js (8)
js attr delete (8)
calculator (8)
selector css (7)
background (7)
dreamweaver (7)
browser (7)
перевод дробей (7)
$ server (7)
php url (7)
border property (7)
alphabet (7)
queryselector (7)
encryption (7)
programs (7)
php error (7)
attribute title (7)
php post (7)
степень (7)
cookie (7)
php operator (7)
jquery attribute (7)
comment (7)
different (6)
click (6)
robots txt (6)
position element (6)
js class (6)
tag title (6)
canvas (6)
filezilla (6)
tags meta (6)
list (6)
mysql (6)
code editor (6)
php get (6)
умножение (5)
display property (5)
php second (5)
php cookie (5)
mb (5)
js slice (5)
placeholder (5)
tag a (5)
paragraph (5)
площадь (5)
php substr (5)
adminka (5)
reg.ru (5)
ftp (5)
js math (5)
треугольник (5)
year (5)
heading (5)
directadmin (5)
value (5)
search (5)
$ global vars (5)
chart (5)
registration (5)
textarea (5)
dwweb ru (5)
js id (5)
scandir (4)
php type var (4)
php var (4)
нок (4)
bbcode (4)
week (4)
day (4)
ssl (4)
submit (4)
js domain (4)
text decoration (4)
href attribute (4)
php constants (4)
php cycle (4)
count symbol (4)
умножить дробь (4)
template (4)
js form (4)
symbols (4)
base64 (4)
classlist (4)
flags (4)
task (4)
задача (4)
php register (4)
month (4)
games (4)
clock fonts (4)
vk (4)
php preg replace (4)
php task (4)
pages (4)
xml (4)
console (4)
делить дробь (4)
корень (4)
js string (4)
position (4)
js window (4)
function time (3)
js attr change (3)
font style (3)
numbers (3)
js cookie (3)
jquery post (3)
selector (3)
js attr get (3)
jquery class (3)
js hash (3)
js tag delete (3)
domen (3)
https (3)
php method (3)
js post (3)
php cycle for (3)
auto form (3)
line (3)
js attr ad (3)
js img (3)
ucoz (3)
php password (3)
question (3)
php rand (3)
overflow (3)
padding (3)
vs code (3)
subdomain (3)
magic constants (3)
checkbox (3)
preg replace (3)
pseudo element (3)
money (3)
сложить дробь (3)
first letter (3)
куб (3)
периметр (3)
php counters (3)
captcha (3)
php get element (3)
jquery method (2)
js object (2)
css book (2)
about me (2)
js value (2)
yoomoney (2)
input stroke (2)
prompt (2)
php round (2)
php array sort (2)
tag hr (2)
sitemap (2)
computer (2)
google (2)
квадрат (2)
js vars (2)
facebook (2)
counter (2)
source code (2)
делить смешанную (2)
круг (2)
функция (2)
калькулятор 2 (2)
php array value (2)
js property (2)
seo (2)
arrows (2)
comments+ (2)
file cms (2)
qr kod (2)
php form (2)
typeof (2)
contenteditable (2)
рся (2)
authorization (2)
type file (2)
набрать дробь (2)
height (2)
errordocument (2)
youtube (2)
delete tag (2)
php mail (2)
details (2)
js attr hey (2)
audio player (2)
attribute target (2)
video (2)
js tag get (1)
js tag change (1)
scroll (1)
js tag do (1)
xmlhttprequest (1)
php info (1)
input html (1)
нод (1)
sublime text 4 (1)
sberbank (1)
cursor (1)
speed (1)
js session (1)
type range (1)
jquery book (1)
объем (1)
archive (1)
css indent (1)
js folder (1)
rutube (1)
smile (1)
php minute (1)
jino (1)
text align (1)
windows (1)
прямоугольник (1)
header (1)
Как растянуть iframe по содержимому?
Подробно о растягивании окна iframe
Растягиваем блок iframe по содержимому
Я только сегодня сделал страницу, где мы выключали прокрутку в iframe и там столкнулись с тем, что при скрытии прокрутки - невозможно увидеть содержимое, которое скрыто за краями iframe - поэтому нам нужно растянуть окно iframe по его содержимому!Окно iframe не растягивается по содержимому
Как мы видим на ниже приведенном примере окно iframe не растягивается по содержимому, а просто добавляется прокрутка, которая означает, что содержание больше окна iframe !
Друзья!
Растягиваем iframe по содержимому живой ример
Для того, чтобы растянуть окно iframe по содержимому нам потребуется:
Нам нужна библиотека : подключить jquery
Функция, которая умеет растягивать iframe по содержимому:
<script>
function iframeAutoResize(iframe) {
$("#autoresize_iframe").height($(iframe).contents().find("html").height());
}
</script>
function iframeAutoResize(iframe) {
$("#autoresize_iframe").height($(iframe).contents().find("html").height());
}
</script>
Добавляем в окно iframe : id, width, onload, + функция "iframeAutoResize" + this
id="autoresize_iframe" width="100%" marginheight="0" frameborder="0" onload="iframeAutoResize(this)";
Соберем весь iframe, который у нас получился:
<iframe id="autoresize_iframe" width="100%" marginheight="0" frameborder="0" onload="iframeAutoResize(this)"; src="https://dwweb.ru/__a-data/__all_for_scripts/__examples/iframe/test_iframe_2.php"></iframe>
Далее.. нам осталось посмотреть на живой пример растягиваемого окна iframe по содержимому!
Разместим выше приведенный код здесь и добавим на страницу функцию iframeAutoResize!
Пример работы скрипта растягивающего iframe по содержимому по вертикали
Друзья!
Второй пример окно iframe по содержимому
Привожу пример простой страницы с iframe, который будет растягиваться по содержимому!Никаких скриптов, всё на чистом html + css!
Всё просто!
Добавляем на страницу в стилях css
height:100%;
И такое свойство добавляем в iframe
Страница пример с растягиваемым iframe по содержимому!
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Пример веб-страницы</title>
<style>html {height:100%}
body {
margin:0;
height:100%;
width: 600px;
margin: auto;
}
</style>
</head>
<body>
<h1>Растягиваем iframe</h1>
<iframe allowtransparency=true frameborder=0 id=rf sandbox="allow-same-origin allow-forms allow-scripts" scrolling=no src="https://dwweb.ru/__a-data/__all_for_scripts/__examples/iframe/test_iframe_1.php" style="width:100%;height:100%"> </iframe>
</body>
</html>
Живой пример с растягиваемым iframe
Разместим данный пример с растягиваемым iframe по содержимому на отдельной странице:
Не благодарите, но ссылкой можете поделиться!
Временная ссылка для быстрейшей индексации : список всех квадратных корней.