Impossible de trouver stackpath.bootstrapcdn.com

Fermé

flexi2202 Messages postés 3795 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 21 avril 2024 - Modifié le 7 janv. 2022 à 23:11
flexi2202 Messages postés 3795 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 21 avril 2024 - 8 janv. 2022 à 00:03

bonsoir a tous
cela fait deux heures que j essaye de trouver une version plus récente officielle de

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

il y a bien la 5.1 qui est est sortie mais aucune trace de stackpath.bootstrapcdn

alors pourquoi je veux être mis a jour pour une raison de sécurité supplementaire

dans mon site j'ai des modal qui fonctionnent parfaitement bien avec

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>

mais si je le remplace par ceci , les fenêtres modal ne se ferme plus

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

A voir également:

Stackpath bootstrapcdn
Trouver adresse mac - Guide
Où trouver l'autorité de délivrance ? ✓ - Forum Vos droits sur internet
Trouver un lieu avec coordonnées gps - Guide
Comment trouver le mot de passe wifi sur son téléphone - Guide
Trouver un numéro de portable avec un nom ✓ - Forum Mobile

4 réponses

Réponse 1 / 4

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
7 janv. 2022 à 23:13

Bonjour,

Il faut utiliser les liens fournis par la documentation officielle de bootstrap
https://getbootstrap.com/docs/4.4/getting-started/download/

Attention... le changement de version de la 4 à la 5 implique pas mal de changements.... et tu risques de devoir repasser sur pas mal de choses sur ton site si jamais tu changes..

Réponse 2 / 4

flexi2202 Messages postés 3795 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 21 avril 2024 187
7 janv. 2022 à 23:22

bonsoir jordane

Merci pour l'aide

oui je suis allé voir sur ce site et j'ai cherché la version 5 mais plus aucun signe de stackpath
es ce abandonné ?

la dernière version de stackpath est la 4.4.1

ici
https://getbootstrap.com/docs/4.4/getting-started/introduction/

oui je me rends déjà compte en passant en version 5 les fenêtres modal ne veulent plus se fermer ..

pourtant les fenêtres ce sont les mêmes codes ...

si je reste en comme le tuto que j 'ai suivi en 4.5.2 les modal se ferment bien

<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>

par contre avec ce code elles refusent de se fermer une fois ouverte

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>

jordane45 Messages postés 38145 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 25 avril 2024 4 650
7 janv. 2022 à 23:29

Soit tu n'as pas réellement totalement respecté le code html donné pour la version 5
soit.. tu as des erreurs JS dans ta page
Et puis.. assures toi de bien bien vider le cache de ton navigateur pour qu'il n'y ait pas de css ou de js gardé en mémoire ..

Mais bon.. pourquoi vouloir le passer en 5 après avoir passé autant de temps à le coder en 4 ???
A noter également que bootstrap n'utilise plus jquery.. ce qui peut aussi produire des grosses modifications à faire dans ton code.

Réponse 3 / 4

flexi2202 Messages postés 3795 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 21 avril 2024 187
7 janv. 2022 à 23:54

Merci pour l'aide et les éclaircissements

Pour ce qui est des modal j'ai contrôlé c'est le même code

mais bon il est vrai qu 'il y a des variables a l'intérieur

oui oui je vide a chaque fois

aucune erreur sur la page dans la console

voici les modal a tout hasard on ne sait jamais

Pour une question de sécurité que je voulais passer en 5 , cela a t il un sens ?
j'ai tout contrôlé pour ce formulaire il n'y a que ces modal qui pose soucis

<div class="modal" id="mymodal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
<div class="modal-content">
  <div class="modal-header">
<h5 class="modal-title">Commande confirmée</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
  <span aria-hidden="true">×</span>
</button>
  </div>
  <div class="modal-body">
<div id="commande_report">Merci de votre commande</div>
  </div>
  <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
  </div>
</div>
  </div>
</div>
<div class="modal" id="mymodal_erreur" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
<div class="modal-content">
  <div class="modal-header">
<h5 class="modal-title">Erreur de commande</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
  <span aria-hidden="true">×</span>
</button>
  </div>
  <div class="modal-body">
<div id="commande_report">Une erreur est survenue</div>
  </div>
  <div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
  </div>
</div>
  </div>
</div>

Réponse 4 / 4

flexi2202 Messages postés 3795 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 21 avril 2024 187
8 janv. 2022 à 00:03

j'ai trouvé

j'ai utilise cette modal

<div class="modal" id="mymodal" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Modal title</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <p>Modal body text goes here.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>

Impossible de trouver stackpath.bootstrapcdn.com

4 réponses

Discussions similaires

Newsletters