Le portail francophone de la géomatique

lizMap.events.on({
    uicreated: function(e) {
        // Popup à l'ouverture de la carte
        // librement inspiré de https://github.com/3liz/lizmap-javascript-scripts/tree/master/library/ui/popup_metadata_info
        var html = '';
        var title = 'Titre de la popup';

        // Header
        html += '<div class="modal-header" style="background-color:rgba(84, 11, 14, 1);"><a class="close" data-dismiss="modal">X</a>';
        html += '<h3 style="color:white;">' + title + '</h3></div>';

        // Main content : body
        html += '<div class="modal-body">';
        
        html+= '<dl class="dl-vertical">';
        html+= '<dd>Bienvenue sur la carte blablabla.<br><br>';
        html+= '<b>Blablbla, lien vers un document :  <a href="../view/media/getMedia?repository=dossier&amp;project=projetQGIS&amp;path=media%2Fdoc%2FNomFichier.pdf" target="_blank" <br><img src="../view/media/getMedia?repository=dossier&amp;project=projetQGIS&amp;path=media%2Fdoc%2FDocumentation.svg" alt="lien vers fichier NomFichier" loading="lazy" width="50" height="50"></a></b></dd>';
                
        // End of main content body
        html+= '</div>';

        // Footer
        html+= '<div class="modal-footer" style="background-color:rgba(84, 11, 14, 1);"><button type="button" class="btn btn-default" data-dismiss="modal">Ok</button></div>';

        // Modal window creation
        $('#lizmap-modal').html(html);
        
        // Show modal
        $('#lizmap-modal').modal('show');
    }
});