Modal boostrap dans une autre page html

Bonjour tout le monde,

Comme l'indique le titre, j'aimerais mettre un modal sur ma page web...

Bon jusqu'ici rien de compliqué MAIS...car il faut bien que cela ce complique ^^

Le modal étant présent sur toutes les pages de mon site, je me suis dit..

Pourquoi ne pas faire une page html avec seulement celui-ci et l'appeler depuis un iframe ou autre (javascript...)

Cela m'allégerais mes pages et une mise à jour du modal serait beaucoup plus facile..

Et bien pas si simple(En tout cas pour moi )

Donc, j'ai appelé celui avec un iframe car avec un .load en jQuery cela ne fonctionnait pas..

<iframe src="pages/newsletter.html></iframe>

Ensuite celui-ci ne s'affichant pas, j'ai donc fait mon data-toggle en jQuery directement sur sa page.

$(document).ready(function(){
  $("#Modal_newsletter").modal()
  })

OK mon modal s'affiche enfin sur ma page...

Il n'a pas la bonne taille et n'est ni en pleine page mais ce n'est pas ce qui me bloque...

Mon souci est que lorsque je le ferme, celui ci garde sa réservation de place (un carré blanc)...

Alors peut être que je pourrais régler ce problème avec

 style="display:none"; 

etc....

Une usine a gaz...

Bref, est ce que quelqu'un a déjà fait cela? Si oui il y a-t-il une manière plus simple de faire?

Merci de votre aide
Modifié par samy61300 (19 Jul 2019 - 22:16)

Suite a mon précédent message, je m'auto répond car la nuit porte conseil ^^

Du coup j'ai résolu mon souci en appelant simplement mes page avec

<?php include 'pages/newsletter.html';?>

Défois c'est tellement simple qu'on cherche à se que ce soit compliqué