Войти
Меню :
js tag (56)
iframe (6)
js (295)
php (386)



Blog (1575)
php (386)
js (295)
html (152)
css (139)
html tags (62)
js tag (56)
js method (44)
jquery (42)
php array (38)
ruweb.net (37)
text (37)
js date (33)
other (32)
online (30)
form html (30)
Показать еще :
fonts (30)
js events (22)
php file (21)
foto (20)
atom (20)
input (19)
database (19)
php date (18)
svg (18)
forum (18)
mysql (17)
hosting (17)
info (17)
lingvo (17)
php time (16)
board (16)
php img (16)
dosite (16)
color (15)
js url (14)
jsphp (14)
img (14)
js time (14)
table (13)
select (13)
notepad (13)
знак (13)
html book (13)
htaccess (13)
osclass (13)
yandex (13)
download (12)
keyboard (12)
dw block (12)
php path (12)
icon (11)
$ server (11)
form (10)
mouse (10)
vs code (10)
js delete (10)
ftp (9)
hover (8)
chart (8)
php url (7)
comment (7)
php post (7)
adminka (6)
php get (6)
hey tag (6)
canvas (6)
нок (6)
list (6)
iframe (6)
click (6)
js vars (6)
reg.ru (5)
tag a (5)
js math (5)
web (5)
js id (5)
value (5)
console (5)
js file (5)
xml (5)
heading (5)
mb (5)
year (5)
js form (4)
ssl (4)
vk (4)
symbols (4)
task (4)
scandir (4)
js hash (4)
bbcode (4)
base64 (4)
youtube (4)
day (4)
numbers (4)
php var (4)
pages (4)
week (4)
month (4)
games (4)
submit (4)
file (3)
рся (3)
units (3)
jquery post (3)
https (3)
js post (3)
line (3)
money (3)
video (3)
padding (3)
domen (3)
aimp (3)
ucoz (3)
куб (3)
captcha (3)
src (2)
blob (2)
google (2)
prompt (2)
height (2)
details (2)
seo (2)
sitemap (2)
tag hr (2)
counter (2)
пк (2)
typeof (2)
arrows (2)
qr code (2)
js img (2)
lingvo (1)
windows (1)
archive (1)
speed (1)
scroll (1)
cursor (1)
webp (1)
ok (1)
php day (1)
jino (1)
smile (1)
нод (1)
rutube (1)

Перезагрузить iframe без перезагрузки страницы

"Перезагрузка iframe" - как "Перезагрузить iframe без перезагрузки страницы".

Подробно о перезагрузке iframe без перезагрузки страницы

  1. Простой пример перезагрузить iframe без перезагрузки страницы
  2. Еще пример перезагрузки iframe

  1. Простой пример перезагрузить iframe без перезагрузки страницы

    Для того, чтобы "перезагрузить iframe без перезагрузки страницы" нам понадобится два адреса. Два адреса - только для того, чтобы вы увидели, что iframe перезагрузился:

    https://rutube.ru/play/embed/1657d6404793c580de99f755d2a59047

    https://rutube.ru/play/embed/9081f702620dbd1e77a6828b5220fb8a

    Скопировали iframe из rutube из вкладки поделиться + добавим внутрь тега свой id:

    <iframe width="720" height="405" src="https://rutube.ru/play/embed/9081f702620dbd1e77a6828b5220fb8a" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

    Далее... нам нужна кнопка button.

    Туда поместим onclick

    обратиться к тегу - одним из способов...

    добавим туда src... соберем нашу кнопку:

    <button onclick = 'id_iframe.src = "https://rutube.ru/play/embed/1657d6404793c580de99f755d2a59047"'>перезагрузить iframe</button>

    Выведем и iframe и кнопку:

    Результат перезагрузки iframe без перезагрузки страницы

    Для того, чтобы перезагрузить iframe - нажмите по кнопке "перезагрузить iframe"


  2. Еще пример перезагрузки iframe

    Рассмотрим пример перезагрузки iframe ...

    Сгенерируем страницу с помощью get

    Куда поместим функцию time, которая будет менять свое значение через секунду! После того, как вы откроете страницу, перезагрузите её через секунду. Вы сможете увидеть, что содержание изменится, что собственно нам и нужно - изменение контента для iframe. Можно посмотреть на результат

    <?
    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>

    Результат перезагрузки iframe

    В iframe вывелось текущее(на момент загрузки страницы) значение "метки времени".

    Чтобы увидеть, что наш iframe перезагрузился - нажмите по кнопке "перезагрузи iframe"

Не стесняемся говорить спасибо!
О комментах : 05.11.2024
Свои комменты в ожидании переделки!
Когда сделаю не знаю!
Времени нет...
Друзья! Пожалуйста держите себя в рамках приличия!
Иначе сообщение будет удалено, вас в бан - все просто!
Но если, сил нет как хочется высказать всё, что вы думаете об этом, пожалуйста - комменты от Vk - форма ниже:
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

dwweb.ru есть здесь:
Все соцсети в одном месте!
Разное :Игра "пятнашки"
Угадай страну по флагу

Кальклятор
Математика онлайн

Списки шифрования
Часы

Числа словами
Названия чисел(max=10305)
Графики

Qr код онлайн

Как сделать сайт?
Md5 онлайн
Sitemap.html
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Лучший хостинг : RUWEB + помощь по RUWEB Сайт работает круглосуточно 24/7.
Страница загружена за : 0.023318 секунд.