Map Functions Page

Load image

External extent of preview area: Max of possible Frame sizes. position: absolute...

An element with position: absolute; is positioned relative to the nearest positioned ancestor (instead of positioned relative to the viewport, like fixed):

This div element is the Frame and has position: relative; Lat: Lon: <>Click the button to display the numbers of the number field.

***LAT****

***LON****

This div element is the Mat has position: absolute (relative to Frame);
This div element is the Picture has position: absolute (relative to Mat); Sorry, your browser does not support inline SVG.
TitleTextBox: This text will be at some point replaced by auto-generated text for the Title
DepartureTextBox: To be replaced ...
ArrivalTextBox: To be replaced ...
TripInfoTextBox: to be replaced by auto-generated text
Acknowledgement
jw-UniqueID
HJA
PlaqueTextBox: This text will be at some point replaced by auto-generated text for the Plaque
Ruler
Ruler


 

 

 

 

### End jw mockup ###

// /*

 

$("#TitleText").click(function(){ var ScalingIncrement = 0.9; // decrease by a tenth each time $(".Frame").width(document.querySelector('.Frame').offsetWidth*ScalingIncrement); $(".Frame").height(document.querySelector('.Frame').offsetHeight*ScalingIncrement); $(".Mat").width(document.querySelector('.Mat').offsetWidth*ScalingIncrement); }); */ });