Il trova-scout ora si può incorporare nei siti web come iFrame. Sezione della mappa, colore e carattere possono essere regolati individualmente. Questo formato è stato sviluppato in modo che le associazioni cantonali possano presentare una panoramica delle sezioni scout del loro cantone sui loro siti web senza un grande sforzo di programmazione e in linea con il loro design.
È necessario inserire un iFrame nella pagina in cui si intente utilizzare il trova-scout. Per fare in modo che iFrame si comporti nel modo giusto si consiglia di incorporare anche il piccolo JavaScript tramite il tag „<script>“.
Incorpora
Codice
<script
src="https://pfadi.swiss/static/pfadi/libs/iframe-resizer/js/iframeResizer.js"
></script>
<iframe
id="finder-embed"
style="padding: 40px 0; max-width: 1400px"
width=100% frameborder=0
src="https://pfadi.swiss/de/finder-embed/?bg=eee&init_center=46.8367988,7.5012281&init_zoom=9.8&red=8C3C4F&red_dark=64284A"
></iframe>
<script>
iFrameResize({
// log: true,
'heightCalculationMethod': 'lowestElement',
}, '#finder-embed')
</script>
Parametri
L’attributo «style» dell’iFrame è opzionale e specifico per il docu.scout.ch, per fare il modo che il trova-scout si inserisca meglio. Nella configurazione di base l’iFrame inserito non ha distanze aggiunte sopra/sotto/a sinistra/a destra. Con i parametri URL e GET viene configurato l’iFrame:
- bg = colore dello sfondo
- red = fonte/rosso chiaro
- red_dark = rosso scuro
- init_center = centro della mappa
- init_zoom = zoom iniziale
’Iframesizer è quasi un muss - chi non può utilizzarlo deve indicare in modo fisso l’altezza delle iFrames. Questo può portare a difficoltà se dopo il trova-scout ci sono ulteriori contenuti. Se non dovesse funzionare si può attivare «log: true».