Skip to content

Instantly share code, notes, and snippets.

@nikilarigela

nikilarigela/widgetfile.html

Last active January 23, 2020 12:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save nikilarigela/79f9dacb26d12bc46f71187b7ab01dd1 to your computer and use it in GitHub Desktop.
Save nikilarigela/79f9dacb26d12bc46f71187b7ab01dd1 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
widgetfile.html
<!DOCTYPE html>
<!-- saved from url=(0043)https://www.tierarztpraxis-in-kreuzberg.de/ -->
<html
lang="de"
style=""
class=" diy-js diy-no-touch diy-csstransforms diy-csstransforms3d diy-csstransitions diy-localstorage"
>
<head
prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# business: http://ogp.me/ns/business#"
>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="generator" content="1&amp;1 IONOS MyWebsite" />
<link rel="dns-prefetch" href="https://cdn.website-start.de/" />
<link rel="dns-prefetch" href="https://106.mod.mywebsite-editor.com/" />
<link rel="dns-prefetch" href="https://106.sb.mywebsite-editor.com/" />
<link
rel="shortcut icon"
href="https://www.tierarztpraxis-in-kreuzberg.de/s/misc/favicon.png?1335394365"
/>
<title>Tierarztpraxis - Ludwig-Kahya</title>
<meta name="format-detection" content="telephone=no" />
<meta
name="keywords"
content="Tierarztpraxis Berlin, Tierarztpraxis Kreuzberg, Tierarzt Berlin, Tierarzt Kreuzberg, Tierarzt, Patellaluxation, Impfung, Operation, Mikrochip, Tier, Praxis, Hund, Katze, Kaninchen, Meerschweinchen, Cinchilla, Maus, Ratte, Hamster, Vogel, Gesundheit, Hilfe, Krankheit, Verletzung"
/>
<meta
name="description"
content="Die Tierarztpraxis Ludwig-Kahya in Berlin-Kreuzberg ist Ihr Ansprechpartner in Fragen rund um Ihr Haustier. Sei es Hund, Katze, Kaninchen oder Vogel, in unserer Kleintierpraxis ist Ihr Tier gut aufgehoben."
/>
<meta name="robots" content="index,follow" />
<link
href="./widget-iframe_files/layout.css"
rel="stylesheet"
type="text/css"
/>
<link
href="./widget-iframe_files/main.css"
rel="stylesheet"
type="text/css"
/>
<link
href="./widget-iframe_files/font.css"
rel="stylesheet"
type="text/css"
/>
<link
href="./widget-iframe_files/web.css"
rel="stylesheet"
type="text/css"
/>
<link
href="./widget-iframe_files/common,counter,shoppingbasket"
rel="stylesheet"
type="text/css"
/>
<link
href="./widget-iframe_files/logstate2-css.php"
rel="stylesheet"
type="text/css"
/>
</head>
<body
class="body diyBgActive startpage cc-pagemode-default diy-market-de_DE"
data-pageid="918954318"
id="page-918954318"
>
<div>
<style>
#popup {
display: none;
position: fixed;
top: 0%;
left: 25%;
width: 40%;
height: 100%;
z-index: 10;
}
#popup iframe {
width: 100%;
height: 100%;
border: 0;
}
#popupdarkbg {
position: fixed;
z-index: 5;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
display: none;
}
.panel {
background: #048489;
border-radius: 2px;
margin-top: 15px;
padding: 20px 25px;
text-align: center;
}
a.panel.modal {
display: inline-block;
color: #ffffff;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
</style>
<a id="link" class="panel modal" href="#">Jetzt Hausbesuch anfragen</a>
<br />
<div id="popup">
<iframe
id="popupiframe"
width="200"
height="200"
sandbox="allow-modals allow-scripts allow-popups allow-popups allow-same-origin"
>
<p>Your browser does not support iframes.</p>
</iframe>
</div>
<div id="popupdarkbg"></div>
</div>
</body>
<script>
document.getElementById("link").onclick = function(e) {
e.preventDefault();
document.getElementById("popupdarkbg").style.display = "block";
document.getElementById("popup").style.display = "block";
document.getElementById("popupiframe").src =
"https://widget-hap.web.app/";
document.getElementById("popupdarkbg").onclick = function() {
document.getElementById("popup").style.display = "none";
document.getElementById("popupdarkbg").style.display = "none";
};
return false;
};
window.onkeydown = function(e) {
if (e.keyCode == 27) {
document.getElementById("popup").style.display = "none";
document.getElementById("popupdarkbg").style.display = "none";
e.preventDefault();
return;
}
};
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment