Zichtbaarheid geïmporteerde website

fdenboer schreef op 27.11.2018 om 13:25 uur

L.S.,

Problemen met geïmporteerde externe websites via "Embed a website widget".

In de website van wandelgroep K3 ( https://wandelgroep-k3.nl ) zijn op een 2-tal plaatsen een externe website geïmporteerd.
1. Onder (Het weer) is de website ( https://weerplaza.nl ) geïmporteerd. Deze website geeft geen probleem.
2. Onder (wandel info => Wandelingen overzicht) is de website ( http://www.ruudvangilst.nl/wandelen/k3 ) geïmporteerd. Deze website geeft problemen, namelijk: in de browsers Google Chrome en Fire Fox is de geïmporteerde website niet zichtbaar. In de browser Internet Explorer 11 is de website wel zichtbaar.
Indien ik uit de browsers Google Chrome en Fire Fox de desbetreffende link kopieer en deze apart plaats in de browsers Google Chrome en Fire Fox komt de website zonder problemen op.

Vraag:
Wat kan ik hieraan doen om het probleem op te lossen?

Bij voorbaat dank,

M. vr. gr.,
Frans den Boer

Reacties

BeRo schreef op 27.11.2018 om 21:20 uur

Het probleem is eenvoudig uit te leggen. 😇

Je probeert een onbeschermde site (http) te integreren in een beschermde site (https) via iframe. Dit kan niet werken.

Een oplossing die je kan gebruiken is om naar de site te linken.
Dan wordt de site in een nieuw venster geopend. 🙃

Een alternatief, maar ingewikkelder, is om de http site op te slaan als een kopie op de eigen webserver (zorg ervoor dat je de toestemming van de site-eigenaar krijgt!).
Met het nieuwe (https) adres kan je de site zonder problemen overnemen naar je site via iframe.

Nadeel:
Als de oorspronkelijke site wordt gewijzigd, moet je een nieuwe kopie maken. Anders zullen bezoekers van de site een oude versie zien. 😏

Probeer het op deze manier.
Veel succes.

fdenboer schreef op 29.11.2018 om 12:30 uur

Dag ReBo, dank voor jou duidelijke antwoord.

Het is niet handig om iedere keer, als de andere website een update heeft en dat is iedere maand, om de website te integreren.

Ik heb al geëxperimenteerd met een link via het menu, dat werkt. Echter pagina vullend en dat is niet zo mooi.

Tot zover.

M. vr. gr.,
Frans den Boer

BeRo schreef op 29.11.2018 om 17:49 uur

[...] Ik heb al geëxperimenteerd met een link via het menu, dat werkt. Echter pagina vullend en dat is niet zo mooi. [...]

Dat kun je veranderen. 😉
Bekijk deze online demo. Als je op de plaatshouderafbeelding klikt, opent zich een nieuw venster dat kleiner is. Je kan de grootte vrijelijk aanpassen.

Hier kan je het projectbestand voor de WD downloaden voor je eigen experimenten.

De "truc" van de oplossing is een aangepaste HTML-code, die ik in de HTML body van de plaatshouder zet.

<a href="http://www.ruudvangilst.nl/wandelen/k3" target="popup" onClick="window.open('','popup','scrollbars=1,resizable=1,width=800,height=800,menubar=0,toolbar=0,location=0,directories=0,status=0,top=100,left=100');"><img src="index_htm_files/wandelen.jpg" width="300" height="372" border="2"  style="border-color:#FC0"></a>

Dit bepaalt de grootte, positie en inhoud van het nieuwe venster.
Als de oplossing bij jouw project past, probeer het dan uit. 😊

Veel succes.

fdenboer schreef op 29.11.2018 om 18:07 uur

ReBo, dank,

Ga het komende weekeinde het uitproberen.

Gr.,

Frans den Boer