html (135)
css (109)
html tags (61)
php function (53)
jquery (40)
edit text (37)
php array (30)
form html (30)
fonts (27)
ruweb.net (23)
type of input (22)
html attribute (22)
foto (22)
online (20)
atom (20)
forum (19)
sublime text 3 (19)
svg (18)
Показать еще :
hosting (17)
css property (17)
board (17)
js method (16)
html book (16)
php file (16)
php string (15)
color (15)
php date (15)
matematika php (15)
php folder (15)
link (15)
js replace (15)
js events (14)
input (14)
osclass (13)
table (13)
htaccess (13)
download fonts (13)
dw block (12)
path (12)
select (12)
php img (11)
form (11)
php time (11)
jsphp (11)
icon (11)
font awesome (11)
js delete (11)
yandex webmaster (11)
download (11)
notepad (11)
mouse (10)
img (10)
url (10)
php session (9)
js time (9)
info (9)
database (9)
yandex (9)
css shape (8)
drop down list (8)
js array (8)
encryption (8)
calculator (7)
php operator (7)
php post (7)
jquery attribute (7)
background (7)
dosite (7)
php count (7)
dreamweaver (7)
keyboard (7)
hover (7)
code editor (7)
different (7)
cookie (7)
queryselector (7)
comment (7)
task (7)
$ server (7)
php url (7)
filezilla (6)
js url (6)
mysql (6)
robots txt (6)
position element (6)
tags meta (6)
substr php (6)
year (6)
click (6)
border property (6)
alphabet (6)
list (6)
php mistakes (6)
browser (5)
php cookie (5)
types php (5)
$ global vars (5)
search (5)
ftp (5)
display property (5)
chart (5)
directadmin (5)
js slice (5)
php cycle (5)
adminka (5)
js attribute (5)
php get (5)
value (5)
mb (5)
registration (5)
paragraph (5)
week (4)
about me (4)
console (4)
position (4)
clock fonts (4)
vk (4)
placeholder (4)
php constants (4)
bbcode (4)
symbols (4)
js form (4)
js id (4)
text decoration (4)
mounth (4)
template (4)
submit (4)
textarea (4)
php register (4)
reg.ru (4)
js window (4)
js string (4)
scandir (3)
line (3)
php cycle for (3)
pages (3)
js class (3)
https (3)
jquery class (3)
js post (3)
font style (3)
ucoz (3)
auto form (3)
delete tag (3)
js img (3)
padding (3)
checkbox (3)
selector (3)
dwweb ru (3)
php get element (3)
day (3)
overflow (3)
php counters (3)
question (3)
captcha (3)
count symbol (3)
vs code (3)
attribute data (3)
jquery post (3)
password (3)
ssl (3)
php rand (3)
subdomain (3)
php method (3)
second (2)
jquery method (2)
cursor (2)
contenteditable (2)
tag hr (2)
first letter (2)
money (2)
рся (2)
pseudo element (2)
css book (2)
height (2)
js vars (2)
title (2)
counter (2)
type file (2)
js cookie (2)
typeof (2)
text align (2)
source code (2)
php round (2)
authorization (2)
comments+ (2)
php array sort (2)
details (2)
php mail (2)
errordocument (2)
youtube (2)
video (2)
function time (2)
audio player (2)
base64 (2)
facebook (2)
js object (2)
seo (2)
file cms (2)
qr kod (2)
title attribute (2)
arrows (2)
sitemap (2)
php form (2)
computer (1)
type range (1)
smile (1)
js folder (1)
google (1)
sberbank (1)
windows (1)
sublime text 4 (1)
archive (1)
domen (1)
numbers (1)
video pleer (1)
speed (1)
xmlhttprequest (1)
books (1)
jquery book (1)
scroll (1)
css indent (1)
header (1)
input html (1)
php info (1)
days (1)
Перезагрузить iframe без перезагрузки страницы
Подробно о перезагрузке iframe без перезагрузки страницы
Простой пример перезагрузить iframe без перезагрузки страницы
Для того, чтобы "перезагрузить iframe без перезагрузки страницы" нам понадобится два адреса. Два адреса - только для того, чтобы вы увидели, что iframe перезагрузился:
Скопировали iframe из youtube из вкладки поделиться + добавим внутрь тега свой id:
<iframe id="id_iframe" width="560" height="315" src="https://www.youtube.com/embed/c3tyN5ZTB7I" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Далее... нам нужна кнопка button.
Туда поместим onclick
обратиться к тегу - одним из способов...
добавим туда src... соберем нашу кнопку:
<button onclick = 'id_iframe.src = "https://www.youtube.com/embed/lnn7JF3QARw"'>перезагрузить iframe</button>
Выведем и iframe и кнопку:
Результат перезагрузки iframe без перезагрузки страницы
Для того, чтобы перезагрузить iframe - нажмите по кнопке "перезагрузить iframe"Не забываем сказать спасибо! Я старался для вас!
Еще пример перезагрузки iframe
Рассмотрим пример перезагрузки iframe ...
Сгенерируем страницу с помощью get
Куда поместим функцию time, которая будет менять свое значение через секунду! После того, как вы откроете страницу, перезагрузите её через секунду. Вы сможете увидеть, что содержание изменится, что собственно нам и нужно - изменение контента для iframe. Можно посмотреть на результат
<?
if($_GET[example])
{
echo(time()); exit;
}
?>
if($_GET[example])
{
echo(time()); exit;
}
?>
Далее поместим в iframe нашу ссылку :
<iframe id="id_iframe2" src="https://dwweb.ru/perezagruzka_iframe.html?example=1"></iframe>
Аналогично, что мы сделали с кнопкой button - повторим издесь:
<button onclick = 'id_iframe2.src = "https://dwweb.ru/perezagruzka_iframe.html?example=1"'>перезагрузи iframe<</button>
Соберем код перезагрузки iframe в один код:
<iframe id="id_iframe2" src="https://dwweb.ru/perezagruzka_iframe.html?example=1"></iframe>
<button onclick = 'id_iframe2.src = "https://dwweb.ru/perezagruzka_iframe.html?example=1"'>перезагрузи iframe</button>
<button onclick = 'id_iframe2.src = "https://dwweb.ru/perezagruzka_iframe.html?example=1"'>перезагрузи iframe</button>
Результат перезагрузки iframe
В iframe вывелось текущее(на момент загрузки страницы) значение "метки времени".
Чтобы увидеть, что наш iframe перезагрузился - нажмите по кнопке "перезагрузи iframe"Не забываем сказать спасибо! Я старался для вас!
Пользуйтесь на здоровье! Не забудьте сказать спасибо
