Widget:GoogleKalender: Unterschied zwischen den Versionen

Aus Seniorenbeirat Wilhelmshaven
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Keine Bearbeitungszusammenfassung
 
(19 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
<script type="text/javascript">
<!-- Quelle: https://www.w3schools.com/howto/howto_css_responsive_iframes.asp -->
                      function iframeLoaded() {
<!DOCTYPE html>
                          var iFrameID = document.getElementById('idIframe');
<html>
                          if(iFrameID) {
<head>
                                // here you can make the height, I delete it first, then I make it again
<meta name="viewport" content="width=device-width, initial-scale=1">
                                iFrameID.height = "";
<style>
                                iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
.container {
                          }    
  position: relative;
                      }
   width: 100%;
                    </script>
  overflow: hidden;
  padding-top: 65%; /*  Aspect Ratio */
}


<iframe onload="iframeLoaded()" src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=UTC&src=MWUyODRkNTUyZWRiN2ZmOThhNmE1NjcxMGIxNjhiOTIxYTJmMGVlMjNiN2RkMDc5Y2YyYWU2NDk5NDdjOWI0MEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=ZGUuZ2VybWFuI2hvbGlkYXlAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&color=%23A79B8E&color=%230B8043" style="border:solid 1px #777" width="100vw" height="50vh" frameborder="0" scrolling="no"></iframe>
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
</style>
</head>
<body>
 
<div class="container">
  <iframe class="responsive-iframe" src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=Europe%2FBerlin&showTitle=0&showTabs=1&showTz=1&src=c2Jyd2h2QGdtYWlsLmNvbQ&src=MWMwODBiMzBkMzg4NDVmMjQzMjMxNDFmYTVlNGUyNTdkZGMzOTZlODM1YzA2MTZhNzMxMzdiYTA4YzE2OWE0ZkBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=NDgxNDZkNTFmZDc4ZjkwZjZkODQ4MzViZWI5YzdkNTgzMGQ3ZGViZjNiYTM5M2U4NjNhMTVkN2U4MWI3NzZiM0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=NjIzODViOWY2YjQzNzdlNDQ3NmYyYjRjMWRlMTA3NTZjNmZlMmY5ZjVkNzE1M2Y2ODEzMzQxNWMyMTc4MjMzMkBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=YmNmMmVmN2NjMmJkODJkOWIwYjA0OTA0MGM4OTE0ODRjOThlMTRmOWM3YjdiNmIxYWM0ZTFkY2I1ZjZmN2NkYkBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=ZGUuZ2VybWFuI2hvbGlkYXlAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&color=%23AD1457&color=%23039BE5&color=%23F4511E&color=%2333B679&color=%23E4C441&color=%23A79B8E" style="border:solid 1px #777">
  </iframe>
</div>
 
</body>
</html>

Aktuelle Version vom 19. August 2023, 09:38 Uhr

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .container { 

 position: relative;
 width: 100%;
 overflow: hidden;
 padding-top: 65%; /*  Aspect Ratio */

}

.responsive-iframe { 

 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 width: 100%;
 height: 100%;
 border: none;

} </style> </head> <body> 

 <iframe class="responsive-iframe" src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23ffffff&ctz=Europe%2FBerlin&showTitle=0&showTabs=1&showTz=1&src=c2Jyd2h2QGdtYWlsLmNvbQ&src=MWMwODBiMzBkMzg4NDVmMjQzMjMxNDFmYTVlNGUyNTdkZGMzOTZlODM1YzA2MTZhNzMxMzdiYTA4YzE2OWE0ZkBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=NDgxNDZkNTFmZDc4ZjkwZjZkODQ4MzViZWI5YzdkNTgzMGQ3ZGViZjNiYTM5M2U4NjNhMTVkN2U4MWI3NzZiM0Bncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=NjIzODViOWY2YjQzNzdlNDQ3NmYyYjRjMWRlMTA3NTZjNmZlMmY5ZjVkNzE1M2Y2ODEzMzQxNWMyMTc4MjMzMkBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=YmNmMmVmN2NjMmJkODJkOWIwYjA0OTA0MGM4OTE0ODRjOThlMTRmOWM3YjdiNmIxYWM0ZTFkY2I1ZjZmN2NkYkBncm91cC5jYWxlbmRhci5nb29nbGUuY29t&src=ZGUuZ2VybWFuI2hvbGlkYXlAZ3JvdXAudi5jYWxlbmRhci5nb29nbGUuY29t&color=%23AD1457&color=%23039BE5&color=%23F4511E&color=%2333B679&color=%23E4C441&color=%23A79B8E" style="border:solid 1px #777">
 </iframe>

</body> </html>

Abgerufen von „https://www.seniorenbeirat-wilhelmshaven.de/index.php?title=Widget:GoogleKalender&oldid=1162“