From bfb380a11d0e4e34723c79f0d6a57995f2957891 Mon Sep 17 00:00:00 2001 From: Florian Date: Mon, 17 Feb 2014 20:52:36 +0100 Subject: added print layout --- css/print.css | 24 ++++++++++++++++++++++++ js/print.js | 18 +++++++++++------- print.html | 11 ++++++++++- 3 files changed, 45 insertions(+), 8 deletions(-) create mode 100644 css/print.css diff --git a/css/print.css b/css/print.css new file mode 100644 index 0000000..e71a0ae --- /dev/null +++ b/css/print.css @@ -0,0 +1,24 @@ +#page { + width: 800px; + + +} + +#camImage { + position: absolute; + top: 0px; + left: 0px; +} + +#metaContainer { + position: absolute; + top: 0px; + left: 700px; +} + +#textContainer { + position: absolute; + top: 500px; + left: 0px; + +} diff --git a/js/print.js b/js/print.js index 1dfa576..7375047 100644 --- a/js/print.js +++ b/js/print.js @@ -11,6 +11,9 @@ // // This Software is licensed under the GPL Version 3, 29 June 2007 +var popen = '

', + pclose = '

'; + //create event which is triggered when DOM is ready window.onDomReady = initReady; @@ -28,7 +31,8 @@ function initViewer() { //load contents from localStorage var display = document.getElementById("camImage"), - page = document.getElementById("page"), + meta = document.getElementById("metaContainer"), + text = document.getElementById("textContainer"), formName = localStorage.getItem("formName"), formDate = localStorage.getItem("formDate"), formAnalysis1 = localStorage.getItem("formAnalysis1"), @@ -43,12 +47,12 @@ function initViewer() { //display loaded data if (stor) { display.setAttribute("src", stor); - page.innerHTML += '

' + formName + '

'; - page.innerHTML += '

' + formDate + '

'; - page.innerHTML += '

Kamera ' + camera + '

'; - page.innerHTML += '

' + formAnalysis1 + '

'; - page.innerHTML += '

' + formAnalysis2 + '

'; - page.innerHTML += '

' + formAnalysis3 + '

'; + meta.innerHTML += popen + formName + pclose; + meta.innerHTML += popen + formDate + pclose; + meta.innerHTML += popen + 'Kamera ' + camera + pclose; + text.innerHTML += popen + formAnalysis1 + pclose; + text.innerHTML += popen + formAnalysis2 + pclose; + text.innerHTML += popen + formAnalysis3 + pclose; } //commented out for debugging and layouting purposes diff --git a/print.html b/print.html index b100351..daaa37e 100644 --- a/print.html +++ b/print.html @@ -2,12 +2,21 @@ +
- +
+ +
+
+ +
+
+ +
-- cgit v1.2.1