Rafraîchir une iframe

Il est parfois utile de rafraîchir une <iframe> dans une page web. Cela permet par exemple de recentrer une Google Maps après avoir affiché une infobulle. Dans l’exemple, je vais placer un bouton juste au dessus de l’<iframe> pour la recharger. Créer le bouton Une classe reload_iframe est déclarée pour le css <div class="reload_iframe"><input type="button" id="btn" value="Rafraîchir" /></div> Le script 1 2 3 4 5 <script> function reload() { document.

Une iframe responsive

L’<iframe> est un contenu de navigation imbriqué qui permet d’obtenir une page HTML intégrée dans la page courante. Cette <iframe> est responsive quand elle s’adapte à la taille de l’écran. Ici, je présente trois exemples d’intégration. Le css est identique pour les trois situations : je crée une classe site Le css 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 .

Street View sur ma famille

Lors de l’affichage d’une carte Google Maps, il peut être intéressant de placer dans l’infobulle du marqueur une iframe. Cela permet d’afficher une page web. Dans l’exemple, je vais afficher une streetview pour chacun des membres de ma famille. Le script Début du script et création de la carte : 1 2 3 4 <script src='https://maps.googleapis.com/maps/api/js?v=3.exp&key=clé_api'></script> <script> function initCarte(){ </script> Définition des variables : // les variables (LatLng correspond à la position : latitude et longitude) var locations = [ ['marqueur3', 50.