Spaces:
Sleeping
Sleeping
| <!-- | |
| Copyright 2024 The Google Research Authors. | |
| Licensed under the Apache License, Version 2.0 (the "License"); | |
| you may not use this file except in compliance with the License. | |
| You may obtain a copy of the License at | |
| http://www.apache.org/licenses/LICENSE-2.0 | |
| Unless required by applicable law or agreed to in writing, software | |
| distributed under the License is distributed on an "AS IS" BASIS, | |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. | |
| See the License for the specific language governing permissions and | |
| limitations under the License. | |
| --> | |
| <html> | |
| <head> | |
| <meta charset=utf-8> | |
| <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> | |
| <title>Dev/visualisateur</title> | |
| <link rel="stylesheet" href="style/style.css"> | |
| <link rel="stylesheet" href="style/viewer.css"> | |
| <link rel="stylesheet" href="style/property_info.css"> | |
| <!-- Lien vers la feuille de style --> | |
| </head> | |
| <body> | |
| <div class="info-tab"> | |
| <button id="info-toggle" class="info-toggle" aria-label="Afficher les informations">❮</button> | |
| <div class="info-card"> | |
| <h2>Informations sur la visite</h2> | |
| <p><strong>Nom :</strong> <span id="visitName">Loading...</span></p> | |
| <p><strong>Adresse :</strong> <span id="address">Loading...</span></p> | |
| <p><strong>Propriétaire :</strong> <span id="owner">Loading...</span></p> | |
| <p><strong>Date :</strong> <span id="date">Loading...</span></p> | |
| <p><strong>Description :</strong> <span id="description-content">Loading...</span></p> | |
| </div> | |
| </div> | |
| <script> | |
| document.addEventListener('DOMContentLoaded', () => { | |
| console.log("DOM chargé"); | |
| // Sélectionner les éléments | |
| const infoTab = document.querySelector('.info-tab'); | |
| const toggleButton = document.getElementById('info-toggle'); // Utilisation de l'ID pour la sélection | |
| if (!infoTab) { | |
| console.error('Élément .info-tab introuvable.'); | |
| return; | |
| } | |
| if (!toggleButton) { | |
| console.error('Bouton #info-toggle introuvable.'); | |
| return; | |
| } | |
| // Ajouter un écouteur d'événement pour le clic | |
| toggleButton.addEventListener('click', () => { | |
| infoTab.classList.toggle('open'); // Ajouter ou retirer la classe 'open' | |
| console.log("Bouton cliqué, état 'open':", infoTab.classList.contains('open')); | |
| }); | |
| }); | |
| </script> | |
| <!-- third party --> | |
| </body> | |
| </html> | |