php (328)
js (243)
html (147)
математика (142)
css (130)
калькулятор (82)
html tags (63)
php function (56)
js tag (56)
число (50)
дробь (50)
jquery (42)
text (37)
js method (36)
js date (33)
php array (33)
form html (30)
online (28)
object date (26)
fonts (26)
Показать еще :
link (26)
ruweb.net (25)
html attribute (25)
foto (22)
type of input (21)
определение (20)
atom (20)
php matematika (20)
php file (20)
forum (19)
sublime text 3 (19)
input (18)
js attribute (18)
hosting (18)
деление (18)
десятичная дробь (18)
svg (18)
php date (17)
css property (17)
board (16)
php time (16)
html book (16)
js replace (15)
php string (15)
color (15)
php folder (15)
js events (14)
js url (14)
img (14)
js time (14)
font download (14)
вычитание (13)
osclass (13)
онлайн (13)
info (13)
htaccess (13)
select (13)
notepad (13)
знак (12)
php img (12)
keyboard (12)
dw block (12)
table (12)
download (12)
php path (12)
form (11)
yandex webmaster (11)
js location (11)
jsphp (11)
icon (11)
font awesome (11)
attribute data (10)
drop down list (10)
mouse (10)
js delete (10)
keyframes (10)
yandex (10)
признак делимости (10)
отрицательные (10)
css shape (9)
hover (9)
database (9)
php count (9)
смешанная дробь (9)
alphabet (9)
вычитание дробей (9)
php session (9)
сложить (9)
dosite (8)
document js (8)
calculator (8)
php array key (8)
encryption (8)
js array (8)
js attr delete (8)
jquery attribute (7)
dreamweaver (7)
cookie (7)
php error (7)
php post (7)
programs (7)
selector css (7)
$ server (7)
php url (7)
queryselector (7)
перевод дробей (7)
степень (7)
background (7)
border property (7)
browser (7)
php operator (7)
comment (7)
attribute title (7)
tag title (6)
tags meta (6)
click (6)
canvas (6)
robots txt (6)
mysql (6)
different (6)
js class (6)
filezilla (6)
list (6)
position element (6)
php get (6)
php substr (5)
chart (5)
$ global vars (5)
js id (5)
js slice (5)
placeholder (5)
js math (5)
php cookie (5)
умножение (5)
textarea (5)
paragraph (5)
adminka (5)
mb (5)
reg.ru (5)
value (5)
php second (5)
треугольник (5)
ftp (5)
year (5)
registration (5)
display property (5)
directadmin (5)
search (5)
code editor (5)
heading (5)
tag a (5)
площадь (5)
php var (4)
нок (4)
href attribute (4)
корень (4)
bbcode (4)
xml (4)
задача (4)
base64 (4)
week (4)
ssl (4)
count symbol (4)
js domain (4)
умножить дробь (4)
php preg replace (4)
flags (4)
dwweb ru (4)
php type var (4)
scandir (4)
games (4)
day (4)
classlist (4)
task (4)
vk (4)
text decoration (4)
php constants (4)
symbols (4)
template (4)
js form (4)
php cycle (4)
pages (4)
month (4)
position (4)
console (4)
clock fonts (4)
js window (4)
php register (4)
делить дробь (4)
php task (4)
submit (4)
js string (4)
first letter (3)
money (3)
php cycle for (3)
js post (3)
overflow (3)
question (3)
vs code (3)
domen (3)
php password (3)
https (3)
js attr ad (3)
js attr get (3)
js attr change (3)
jquery post (3)
subdomain (3)
php rand (3)
js hash (3)
js tag delete (3)
font style (3)
line (3)
function time (3)
js cookie (3)
russian alphabet (3)
preg replace (3)
php counters (3)
js img (3)
captcha (3)
pseudo element (3)
checkbox (3)
сложить дробь (3)
периметр (3)
php method (3)
jquery class (3)
ucoz (3)
padding (3)
selector (3)
php get element (3)
numbers (3)
auto form (3)
magic constants (3)
куб (3)
sitemap (2)
comments+ (2)
yoomoney (2)
js object (2)
js vars (2)
php round (2)
seo (2)
js value (2)
facebook (2)
about me (2)
countries (2)
audio player (2)
computer (2)
php mail (2)
jquery method (2)
errordocument (2)
input stroke (2)
css book (2)
tag hr (2)
youtube (2)
video (2)
php array value (2)
калькулятор 2 (2)
contenteditable (2)
type file (2)
counter (2)
arrows (2)
делить смешанную (2)
js property (2)
attribute target (2)
php form (2)
file cms (2)
qr kod (2)
authorization (2)
рся (2)
набрать дробь (2)
функция (2)
круг (2)
prompt (2)
delete tag (2)
source code (2)
google (2)
php array sort (2)
height (2)
typeof (2)
js attr hey (2)
details (2)
квадрат (2)
js session (1)
smile (1)
php minute (1)
прямоугольник (1)
нод (1)
объем (1)
rutube (1)
text align (1)
jquery book (1)
input html (1)
cursor (1)
js tag get (1)
js tag change (1)
windows (1)
sublime text 4 (1)
jino (1)
archive (1)
js folder (1)
header (1)
js tag do (1)
scroll (1)
xmlhttprequest (1)
css indent (1)
php info (1)
type range (1)
sberbank (1)
speed (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 по содержимому на отдельной странице:
Не благодарите, но ссылкой можете поделиться!
Временная ссылка для быстрейшей индексации : список всех квадратных корней.