View a trackCreate a trackSearch for a trackStoriesForumsPremium accountMembers
VisuGPX
Select a file
file.gpx
Options

The threshold and the smoothing optimize the calculation of the difference in height
Sign in
Enter your email and retrieve your password in your mailbox
Or
I already have an account
Log in
Enter the email and password you received during sign in
Sign in | Forgot password
Accueil > Tous les forums > Vos traces et vos sites > Intégration visugpx dans Blogger

Intégration visugpx dans Blogger


Répondre | Nouveau sujet | Voir tous les sujets | Chercher | Archives

Intégration visugpx dans Blogger

B
Bruno
[1 post] - Le 18/05/2020 08:10

Bonjour,

Je n'arrive pas à intégrer correctement la trace visugpx dans Blogger. La fenêtre affichée est de largeur normale mais de hauteur très petite même si je positionne height manuellement.
Voici mon code :
<iframe src="https://www.visugpx.com/qFy2Ymi2ye?iframe" id="ivisugpx" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" width="650" height="715"></iframe><script type="text/javascript" src="http://www.visugpx.com/client.js"></script>

<div class="MsoNormal">
<span>         </span><o:P></o:P></div>
<div class="MsoNormal">
* Trace de 50kms pour 420 m de dénivelé et 20 1/2 tours.</div>

On dirait que la fenêtre s'affiche normalement et que le texte remonte pour écraser la fenêtre Visugpx ... Exemple de cet affichage dispo sur https://vtt-cafeinomen.blogspot.com/ (cela blmoque alors que cela fonctionnait parfaitement avant).

Si quelqu'un a une idée.
Merci et bonne journée

 

Re: Intégration visugpx dans Blogger

Admin
[2174 posts] - Le 18/05/2020 08:32

Bonjour Bruno, le code ci-dessus est obsolète depuis quelques années. En particulier la hauteur du cadre était gérée par l'appel du script client.js qui, technologie évoluant, n'est plus recommandée. Le code correct est à copier en bas de chaque trace, pour la trace qui vous concerne il ressemblerait à ça :

<iframe src="https://www.visugpx.com/qFy2Ymi2ye?iframe" allowfullscreen style="border: 0;width: 100%; height: 540px;" scrolling="no"></iframe>

- Le ?iframe indique à visugpx d'envoyer que la carte et le profil
- La hauteur du cadre est désormais fixee à 540 pixels et vous ne pouvez pas changer ce paramètre car la page servie par visugpx fait cette hauteur
- La largeur du cadre de 100% signifie qu'il doit s'adapter à son conteneur, qui peut être la largeur de la page ou simplement une colonne par exemple. Vous pouvez y toucher mais ce n'est pas recommandé
- allowfullscreen autorise le bouton plein écran, c'est à dire au contenu à sortir du cadre pour s'afficher sur toute la page
- enfin scrolling à no masque les ascenseurs du cadre, même si le contenu dépasse.

Votre intégration doit ressembler à ça :



Cdlt

 
Répondre | Nouveau sujet | Voir tous les sujets | Chercher | Archives | Up

Répondre à ce message
En tant qu'invité vous pouvez poster mais vous ne pourrez pas éditer vos messages. Inscrivez-vous et découvrez les autres fonctions réservées aux membres, ça prend 2 minutes !
[anti-spam]
[Soyez précis]
😄 😁 😂 😆 😇 😈 😉 😋 😍 😎 😜 😡 😤 😨 😭 🤩



Envoyer (cliquez dans le carré)

Consultez les règles du forum. Pour ajouter un lien encadrez l'URL par < > ou utilisez les BBtags. HTML désactivé.