Initializing
Liveweave
Web
expand_more
home
Home
data_object
CSS Explorer
arrow_outward
Palette
Color Explorer
arrow_outward
Polyline
Graphics Editor
arrow_outward
outbox_alt
Generative AI
arrow_outward
frame_source
Python Playground
New
arrow_outward
build
Tools
expand_more
restart_alt
Load "Hello Weaver!"
post_add
Generate Lorem ipsum...
code
Format HTML
code_blocks
Format CSS
data_object
Format JavaScript
library_add
Library
expand_more
A
Algolia JS
Animate CSS
Apex Charts JS
B
Bulma CSS
Bootstrap
C
Chart JS
Chartist
Create JS
D
D3
Dojo
F
Foundation
Fullpage JS
G
Granim JS
Google Charts
H
Halfmoon
J
jQuery
M
Materialize
Moment JS
Masonry JS
Milligram CSS
P
Pure CSS
Primer CSS
Popper JS
Pattern CSS
Picnic CSS
R
React JS
Raphael JS
Raisin CSS
S
Semantic UI
Skeleton CSS
Spectre CSS
Tachyons CSS
T
Tailwind
Three JS
U
UI Kit
Vis JS
W
Water CSS
download
Download
expand_more
developer_mode
Download as HTML
folder_zip
Download as .ZIP
cloud_upload
Save
account_circle
Login
settings
Settings
expand_more
14
px
Live mode
Night mode
Line number
Mini map
Word wrap
sync_alt
Reset Settings
smart_display
Run
<!doctype html> <html> <head> </head> <body> <iframe src="http://www.w3schools.com"> <p>Your browser does not support iframes.</p> </iframe> </body> </html>
(function () { //this snippet reloads an iframe on the page in a set interval function getIFrameBySrc(src){ var matchingElements = []; //shim for querySelector heavily stolen from http://stackoverflow.com/questions/9496427/can-i-get-elements-by-attribute-selector-when-queryselectorall-is-not-available if(typeof document.querySelector == "undefined") { var allElements = document.getElementsByTagName('*'); for (var i = 0, n = allElements.length; i < n; i++) { console.log(allElements[i]); if (allElements[i].getAttribute('src') === src) { // Element exists with attribute. Add to array. matchingElements.push(allElements[i]); } } } else{ matchingElements = document.querySelectorAll('iframe[src-' + src + ']'); } return matchingElements; } var iframes = getIFrameBySrc('http://www.w3schools.com'); //add the target url here function reloadIframe(){ for(var i = 0; i < iframes.length; i++){ //better but only works on same origin pages /*iframes[i].contentWindow.location.reload(true);*/ //does not work in certain versions of chrome iframes[i].src = iframes[i].src; //more info here // http://stackoverflow.com/questions/2064850/how-to-refresh-an-iframe-using-javascript } } //if used on mds pages you need to check before setting this up multiple times setInterval(reloadIframe, 5000);//time in ms it takes to refresh }());