pagina met 1 pagina erover

Status
Niet open voor verdere reacties.

Gerton64

Gebruiker
Lid geworden
8 sep 2006
Berichten
88
Hallo
Heb een vraag over een html pagina. ik heb thuis lokaal een VirtualRadar draaien dat is om vliegtuigen te kunnen bekijken.
Met VR krijg je een lokale pagina om op je webbrowser dit te bekijken. door middel van een ip-adres http://127.0.0.1/VirtualRadar/desktop.html#

Nu kan je op VR ook een voor mobieldevice een pagina bekijken, dat zie net even anders uit. (http://127.0.0.1/VirtualRadar/mobile.html#)

de Vraag:
Is het mogelijk op 1 pagina te maken met deze 2 paginas??, dat de desktop.html fullscreen is, en de mobile.html over de desktop.html komt te staan in een klein schermpje eventueel met de muis groter en kleiner te maken is en te verplaatsen is.

heb een printsceen gemaakt voor een voorbeeld.
Ben zeer benieuwd of dit te maken is.

pagina.PNG
 
Is het mogelijk op 1 pagina te maken met deze 2 paginas??
Nu zijn de pagina's niet flexibel en heb je voor elke beeldresolutie een andere pagina nodig. Als een pagina 'responsive' wordt gemaakt dan zal een pagina automatisch even groot worden als de browser en kan je 1 pagina gebruiken voor alle apparaten. Een bestaande pagina 'even ombouwen' naar een responsive pagina gaat niet.

dat de desktop.html fullscreen is, en de mobile.html over de desktop.html komt te staan in een klein schermpje.
Dit kan met een iframe die je in de desktop pagina zet. Waarschijnlijk zal de iframe een absolute positie op de pagina moeten krijgen. De 'style' waardes hieronder kan je zelf aanpassen. Wil je weten wat elke style waarde betekent, klik dan hier.
Code:
<iframe src="http://127.0.0.1/VirtualRadar/mobile.html" style="display:absolute; top:50px; left:50px; width:300px; height:250px; border:none;"></iframe>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan