Problème d'intégrations de deux iframes sur la même page

Général
#1

Bonjour,

je cherche à intégrer sur la même page (spip 3.1) deux iframes pour des
formulaires d’adhésion et de don en ligne d’une plateforme extérieure.
Si je n’intègre qu’un formulaire, pas de problème. Si j’en mets deux, le
second ne s’affiche pas correctement et n’est pas utilisable.

https://www.peupleetculturecantal.org/-nous-contacter-nous-rejoindre-le-?var_mode=calcul#iframe_assoconnect

Quelq’un saurait me dire pourquoi ?

Merci d’avance !
Etienne

–
Vous trouverez ma clé de chiffrement OpenPG (.asc) en pièce jointe. Elle vous permet (avec un logiciel OpenPGP) de m’envoyer un courriel privé au lieu d’une carte postale ouverte à tous.
Nous n’avons rien à cacher ? Pas une raison pour tout dévoiler !

#2

Le navigateur signale pas mal d’erreurs qu’il faudrait corriger pour commencer

  • Content Security Policy: Les paramètres de la page ont empêché le chargement d’une ressource à inline (« script-src »).
  • Blocage d’une requête multiorigine (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur https://dc.services.visualstudio.com/v2/track. Raison : échec de la requête CORS. Code d’état : (null).
  • Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.

Les CSP déclarées sont trop strictes pour les scripts que tu utilises ou pour la manière avec laquelle tu les utilises.

Le premier form n’arrête pas de changer de taille, ça clignote à mort. Ton script de déploiement du form est bugué.
Finalement Firefox en a marre et arrête « L’ancrage de défilement a été désactivé dans un conteneur de défilement en raison de trop nombreux ajustements consécutifs (10) avec une distance totale trop petite (0 px en moyenne, 0 px au total). »

Et le 2eme form se déploie bien, mais seulement il n’est pas assez haut. Augmente le height ?

#3

OK merci.
Je crois que c’est un peu compliqué pour moi.
Les erreurs que tu signales n’apparaissent que lorsque les iframes sont intégrées. Si je les enlève, ces erreurs là n’apparaissent plus.

Ces iframes sont fournis telles quelles par assoconnect, plateforme d’adhésions en ligne pour les associations. Je ne sais pas trop quoi modifier dedans. Mais est-ce que ça changerait grand chose ?

Ceci dit, chez moi (Firefox 91.4), si je n’ai qu’une iframe, je n’ai pas de problème d’affichage. (sauf si je réduis la largeur, alors-là ça clignote comme chez toi.)

Sinon, une autre solution sera de seulement mettre un lien vers la plateforme d’adhésion, sans intégration à ma page.

Voici les iframes en question :

#iframe_assoconnect{border: 0} et #iframe_assoconnect{border: 0} Merci !
···

"https://peuple-et-culture-cantal.assoconnect.com/collect/description/184682-k-peuple-et-culture-cantal?iframe=1"« https://peuple-et-culture-cantal.assoconnect.com »

"https://peuple-et-culture-cantal.assoconnect.com/collect/description/212683-a-peuple-et-culture-cantal?iframe=1"« https://peuple-et-culture-cantal.assoconnect.com »

Le 09/01/2022 à 10:37, JLuc via Discuter de SPIP a écrit :

JLuc
Janvier 9

Le navigateur signale pas mal d’erreurs qu’il faudrait corriger pour commencer

  • Content Security Policy: Les paramètres de la page ont empêché le chargement d’une ressource à inline (« script-src »).
  • Blocage d’une requête multiorigine (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur . Raison : échec de la requête CORS. Code d’état : (null).
  • Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.

Les CSP déclarées sont trop strictes pour les scripts que tu utilises ou pour la manière avec laquelle tu les utilises.

Le premier form n’arrête pas de changer de taille, ça clignote à mort. Ton script de déploiement du form est bugué.
Finalement Firefox en a marre et arrête « L’ancrage de défilement a été désactivé dans un conteneur de défilement en raison de trop nombreux ajustements consécutifs (10) avec une distance totale trop petite (0 px en moyenne, 0 px au total). »

Et le 2eme form se déploie bien, mais seulement il n’est pas assez haut. Augmente le height ?

Voir le sujet ou répondre à ce courriel pour répondre.

Pour se désabonner de ces courriels, cliquez ici.

-- 
Vous trouverez ma clé de chiffrement OpenPG (.asc) en pièce jointe. Elle vous permet (avec un logiciel OpenPGP) de m'envoyer un courriel privé au lieu d'une carte postale ouverte à tous.
Nous n'avons rien à cacher ? Pas une raison pour tout dévoiler !

https://dc.services.visualstudio.com/v2/track